beta2

components/affix/demo/basic.md

@@ -10,7 +10,7 @@
 var Affix = antd.Affix;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
   <Affix>
     <Button type="primary">固定在顶部</Button>
   </Affix>

components/affix/demo/offset.md

@@ -10,7 +10,7 @@
 var Affix = antd.Affix;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
   <Affix offset={75}>
     <Button type="primary">固定在距离顶部 75px 的位置</Button>
   </Affix>

components/alert/demo/basic.md

@@ -9,6 +9,6 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<Alert message="成功提示的文案" type="success" />
+ReactDOM.render(<Alert message="成功提示的文案" type="success" />
 , document.getElementById('components-alert-demo-basic'));
 ````

components/alert/demo/closable.md

@@ -13,7 +13,7 @@ var onClose = function(e) {
   console.log(e, '我要被关闭啦！');
 };
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="警告提示的文案"
     type="warn"
     closable
@@ -24,4 +24,4 @@ React.render(<div>
     closable
     onClose={onClose} />
 </div>, document.getElementById('components-alert-demo-closable'));
-````
+````

components/alert/demo/close-type.md

@@ -10,7 +10,7 @@
 var Alert = antd.Alert;
 var link = <a href="javascript:;">不再提醒</a>
 
-React.render(
+ReactDOM.render(
 <Alert message="消息提示的文案" type="info" closeText={link} />
 , document.getElementById('components-alert-demo-close-type'));
 ````

components/alert/demo/description.md

@@ -9,7 +9,7 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="成功提示的文案"
     description="成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍成功提示的辅助性文字介绍"
     type="success" />

components/alert/demo/style.md

@@ -9,7 +9,7 @@
 ````jsx
 var Alert = antd.Alert;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Alert message="成功提示的文案" type="success" />
   <Alert message="消息提示的文案" type="info" />
   <Alert message="警告提示的文案" type="warn" />

components/badge/demo/99plus.md

@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Badge count="99">
     <a href="#" className="head-example"></a>
   </Badge>

components/badge/demo/basic.md

@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(
+ReactDOM.render(
   <Badge count="5">
     <a href="#" className="head-example"></a>
   </Badge>

components/badge/demo/dot.md

@@ -10,7 +10,7 @@
 var Badge = antd.Badge;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Badge dot={true}>
     <Icon type="notification" />
   </Badge>

components/badge/demo/link.md

@@ -9,7 +9,7 @@
 ````jsx
 var Badge = antd.Badge;
 
-React.render(
+ReactDOM.render(
   <a href="#">
     <Badge count="5">
       <span className="head-example"></span>

components/breadcrumb/demo/basic.md

@@ -9,7 +9,7 @@
 ````jsx
 var Breadcrumb = require('antd/lib/breadcrumb');
 
-React.render(
+ReactDOM.render(
   <Breadcrumb>
     <Breadcrumb.Item>首页</Breadcrumb.Item>
     <Breadcrumb.Item href="">应用中心</Breadcrumb.Item>

components/breadcrumb/demo/router.md

@@ -41,7 +41,7 @@ var Home = React.createClass({
   }
 });
 
-React.render((
+ReactDOM.render((
   <Router>
     <Route name="home" breadcrumbName="首页" path="/" component={Home} ignoreScrollBehavior>
       <Route name="apps" breadcrumbName="应用列表" path="apps" component={Apps}>

components/breadcrumb/demo/withIcon.md

@@ -10,7 +10,7 @@
 var Breadcrumb = require('antd/lib/breadcrumb');
 var Icon = require('antd').iconfont;
 
-React.render(
+ReactDOM.render(
   <Breadcrumb>
     <Breadcrumb.Item href="">
       <Icon type="home" />

components/button/demo/basic.md

@@ -7,11 +7,11 @@
 通过设置 `type` 为 `primary` `ghost` 可分别创建主按钮、幽灵按钮，若不设置 `type` 值则为次按钮。不同的样式可以用来区别其重要程度。
 
 ---
- 
+
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary">主按钮</Button>
   <Button>次按钮</Button>
   <Button type="ghost">幽灵按钮</Button>

components/button/demo/button-group.md

@@ -13,7 +13,7 @@ var Button = antd.Button;
 var ButtonGroup = antd.ButtonGroup;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
 <h4>基本组合</h4>
 <ButtonGroup>
   <Button type="primary">确定</Button>

components/button/demo/icon.md

@@ -10,7 +10,7 @@
 var Button = antd.Button;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" shape="circle" size="lg">
     <Icon type="search" />
   </Button>

components/button/demo/loading.md

@@ -39,7 +39,7 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-button-demo-loading'));
+ReactDOM.render(<App />, document.getElementById('components-button-demo-loading'));
 ````
 
 <style>

components/button/demo/shape.md

@@ -10,7 +10,7 @@
 var Button = antd.Button;
 var Icon = antd.Icon;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" shape="circle" size="lg">
     <Icon type="search" />
   </Button>

components/button/demo/size.md

@@ -11,7 +11,7 @@
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button type="primary" size="lg">大号按钮</Button>
   <Button type="primary">中号按钮(默认)</Button>
   <Button type="primary" size="sm">小号按钮</Button>

components/button/demo/status.md

@@ -9,7 +9,7 @@
 ````jsx
 var Button = antd.Button;
 
-React.render(<div>
+ReactDOM.render(<div>
   <h4>使用 `disabled` 属性</h4>
   <Button type="primary">主按钮</Button>
   <Button type="primary" disabled>主按钮(失效)</Button>

components/carousel/demo/autoplay.md

@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel autoplay="true">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>

components/carousel/demo/basic.md

@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel>
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>

components/carousel/demo/fade.md

@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel effect="fade">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>

components/carousel/demo/vertical.md

@@ -9,7 +9,7 @@
 ````jsx
 var Carousel = antd.Carousel;
 
-React.render(
+ReactDOM.render(
   <Carousel vertical="true">
     <div><h3>1</h3></div>
     <div><h3>2</h3></div>

components/checkbox/demo/basic.md

@@ -13,7 +13,7 @@ function onChange(e) {
   console.log('checked = ' + e.target.checked);
 }
 
-React.render(<label>
+ReactDOM.render(<label>
   <Checkbox defaultChecked={false} onChange={onChange} />
   Checkbox
 </label>, container);

components/checkbox/demo/controller.md

@@ -57,5 +57,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, container);
+ReactDOM.render(<App />, container);
 ````

components/checkbox/demo/disable.md

@@ -10,7 +10,7 @@ checkbox 不可用。
 var Checkbox = antd.Checkbox;
 var container = document.getElementById('components-checkbox-demo-disable');
 
-React.render(<div>
+ReactDOM.render(<div>
   <Checkbox defaultChecked={false} disabled={true}/>
   <br />
   <Checkbox defaultChecked={true} disabled={true}/>

components/collapse/demo/accordion.md

@@ -16,7 +16,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse accordion={true}>
     <Panel header={`This is panel header 1`} key="1">
       <p>{text}</p>

components/collapse/demo/basic.md

@@ -20,7 +20,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse defaultActiveKey={["1"]} onChange={callback}>
     <Panel header={`This is panel header 1`} key="1">
       <p>{text}</p>

components/collapse/demo/mix.md

@@ -20,7 +20,7 @@ var text = `
   it can be found as a welcome guest in many households across the world.
 `;
 
-React.render(
+ReactDOM.render(
   <Collapse onChange={callback} accordion={true}>
     <Panel header={`This is panel header 1`} key="1">
       <Collapse defaultActiveKey="1">

components/datepicker/demo/basic.md

@@ -10,7 +10,7 @@
 // or require('antd/lib/datepicker');
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker defaultValue="2012-12-12" />
 , document.getElementById('components-datepicker-demo-basic'));
 ````

components/datepicker/demo/disabled.md

@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker value="2015-06-06" disabled={true} />
 , document.getElementById('components-datepicker-demo-disabled'));
 ````

components/datepicker/demo/formatter.md

@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker value="2015/01/01" format="yyyy/MM/dd" />
 , document.getElementById('components-datepicker-demo-formatter'));
 ````

components/datepicker/demo/range.md

@@ -15,7 +15,7 @@ var disabledDate = function(current, value) {
   return current.getTime() > Date.now();
 };
 
-React.render(
+ReactDOM.render(
   <Datepicker disabledDate={disabledDate} />
 , document.getElementById('components-datepicker-demo-range'));
 ````

components/datepicker/demo/select.md

@@ -18,7 +18,7 @@ var Picker = React.createClass({
   }
 });
 
-React.render(
+ReactDOM.render(
   <Picker />
 , document.getElementById('components-datepicker-demo-select'));
 ````

components/datepicker/demo/size.md

@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <div>
     <Datepicker size="large" />
     <Datepicker />

components/datepicker/demo/time.md

@@ -9,7 +9,7 @@
 ````jsx
 var Datepicker = antd.Datepicker;
 
-React.render(
+ReactDOM.render(
   <Datepicker showTime={true} format="yyyy-MM-dd HH:mm:ss" />
 , document.getElementById('components-datepicker-demo-time'));
 ````

components/datepicker/index.jsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import Calendar, {MonthCalendar, Picker as Datepicker} from 'rc-calendar';
+import Calendar from 'rc-calendar';
+import MonthCalendar from 'rc-calendar/lib/MonthCalendar';
+import Datepicker from 'rc-calendar/lib/Picker';
 import GregorianCalendar from 'gregorian-calendar';
 import zhCn from 'gregorian-calendar/lib/locale/zh-cn';
 import CalendarLocale from 'rc-calendar/lib/locale/zh-cn';
@@ -10,11 +12,6 @@ import Locale from 'gregorian-calendar-format/lib/locale/zh-cn';
 Locale.shortMonths = ['1月', '2月', '3月', '4月', '5月', '6月',
   '7月', '8月', '9月', '10月', '11月', '12月'];
 
-// 以下两行代码
-// 给没有初始值的日期选择框提供本地化信息
-let defaultCalendarValue = new GregorianCalendar(zhCn);
-defaultCalendarValue.setTime(Date.now());
-
 function createPicker(TheCalendar) {
   return React.createClass({
     getInitialState() {
@@ -39,13 +36,23 @@ function createPicker(TheCalendar) {
         });
       }
     },
+    getFormatter() {
+      let formats = this.formats = this.formats || {};
+      const format = this.props.format;
+      if (formats[format]) {
+        return formats[format];
+      }
+      formats[format] = new DateTimeFormat(format);
+      return formats[format];
+    },
     getDefaultProps() {
       return {
         format: 'yyyy-MM-dd',
         placeholder: '请选择日期',
         transitionName: 'slide-up',
         onSelect: null, //向前兼容
-        onChange() {}  //onChange可用于Validator
+        onChange() {
+        }  //onChange可用于Validator
       };
     },
     handleChange(v) {
@@ -64,12 +71,10 @@ function createPicker(TheCalendar) {
         <TheCalendar
           disabledDate={this.props.disabledDate}
           locale={CalendarLocale}
-          orient={['top', 'left']}
-          defaultValue={defaultCalendarValue}
           showTime={this.props.showTime}
           prefixCls="ant-calendar"
           showOk={this.props.showTime}
-          showClear={false} />
+          showClear={false}/>
       );
       let sizeClass = '';
       if (this.props.size === 'large') {
@@ -86,18 +91,22 @@ function createPicker(TheCalendar) {
         <Datepicker
           transitionName={this.props.transitionName}
           disabled={this.props.disabled}
-          trigger={<span className="ant-calendar-picker-icon" />}
           calendar={calendar}
-          adjustOrientOnCalendarOverflow={{x: true, y: false}}
-          formatter={new DateTimeFormat(this.props.format)}
           value={this.state.value}
           defaultValue={defaultValue}
           prefixCls="ant-calendar-picker"
           style={this.props.style}
           onChange={this.handleChange}>
-          <input
-            placeholder={this.props.placeholder}
-            className={'ant-calendar-picker-input ant-input' + sizeClass}/>
+          {
+            ({value}) => {
+              return ([<input
+                disabled={this.props.disabled}
+                value={value && this.getFormatter().format(value)}
+                placeholder={this.props.placeholder}
+                className={'ant-calendar-picker-input ant-input' + sizeClass}/>,
+                <span className="ant-calendar-picker-icon"/>]);
+            }
+          }
         </Datepicker>
       );
     }

components/dropdown/demo/basic.md

@@ -24,7 +24,7 @@ var menu = <Menu>
   </Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       某按钮 <Icon type="down" />

components/dropdown/demo/event.md

@@ -21,7 +21,7 @@ var menu = <Menu onSelect={onSelect}>
   <Menu.Item key="3">第三个菜单项</Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       鼠标移入，点击菜单 <Icon type="down" />

components/dropdown/demo/item.md

@@ -23,7 +23,7 @@ var menu = <Menu>
   <Menu.Item key="3" disabled>第三个菜单项（不可用）</Menu.Item>
 </Menu>;
 
-React.render(
+ReactDOM.render(
   <Dropdown overlay={menu}>
     <Button>
       鼠标移入 <Icon type="down" />

components/dropdown/demo/trigger.md

@@ -23,7 +23,7 @@ var menu = <Menu>
   <Menu.Item key="3">第三个菜单项</Menu.Item>
 </Menu>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Dropdown overlay={menu} trigger="click">
     <Button type="primary">
       点击触发 <Icon type="down" />

components/enter-animation/demo/basic.md

@@ -54,7 +54,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-basic'));
 ````
 

components/enter-animation/demo/enter-data.md

@@ -64,7 +64,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-enter-data'));
 ````
 

components/enter-animation/demo/enter-leave.md

@@ -44,7 +44,7 @@ var Test = React.createClass({
           <Button type="primary" onClick={this.onClick}>切换</Button>
         </div>
         <EnterAnimation enter={this.state.enter} leave={this.state.leave}>
-          {this.state.show ? 
+          {this.state.show ?
             <div className="demo-content" key='demo'>
               <div className="demo-kp">
                 <ul>
@@ -70,7 +70,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-enter-leave'));
 ````
 

components/enter-animation/demo/form.md

@@ -96,7 +96,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-form'));
 ````
 

components/enter-animation/demo/page.md

@@ -83,7 +83,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-page'));
 ````
 

components/enter-animation/demo/router.md

@@ -73,7 +73,7 @@ var Page2 = React.createClass({
     );
   }
 });
-React.render((
+ReactDOM.render((
   <Router>
     <Route path="/" component={App} ignoreScrollBehavior>
       <Route path="page1" component={Page1} />

components/enter-animation/demo/simple.md

@@ -9,7 +9,7 @@
 ````jsx
 var EnterAnimation = antd.EnterAnimation;
 
-React.render(
+ReactDOM.render(
   <EnterAnimation>
     <ul key="key">
       <li>依次进场</li>

components/enter-animation/demo/style.md

@@ -66,7 +66,7 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />
+ReactDOM.render(<Test />
 , document.getElementById('components-enter-animation-demo-style'));
 ````
 

components/form/demo/form-controls.md

@@ -19,7 +19,7 @@ function handleSelectChange(value) {
   console.log('selected ' + value);
 }
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label htmlFor="control-input" className="col-6">输入框：</label>

components/form/demo/horizontal-form.md

@@ -18,7 +18,7 @@ var Radio = antd.Radio;
 var RadioGroup = antd.Radio.Group;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item ant-form-item-compact">
     <label htmlFor="userName" className="col-6" required>用户名：</label>

components/form/demo/inline-form.md

@@ -10,7 +10,7 @@
 var Checkbox = antd.Checkbox;
 var Button = antd.Button;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-inline">
   <div className="ant-form-item">
     <label htmlFor="userName">账户：</label>

components/form/demo/inputs.md

@@ -10,7 +10,7 @@
 var Select = antd.Select;
 var Option = Select.Option;
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label className="col-6" htmlFor="site1">标签输入框：</label>

components/form/demo/mix.md

@@ -37,7 +37,7 @@ function onInputNumberChange(v){
   console.log('changed',v);
 }
 
-React.render(
+ReactDOM.render(
 <form className="ant-form-horizontal">
   <div className="ant-form-item">
     <label className="col-8" required>InputNumber 数字输入框：</label>

components/input-number/demo/basic.md

@@ -13,7 +13,7 @@ function onChange(value) {
   console.log('changed', value);
 }
 
-React.render(
+ReactDOM.render(
 <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
 , document.getElementById('components-input-number-demo-basic'));
 ````

components/input-number/demo/disabled.md

@@ -31,5 +31,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test />, document.getElementById('components-input-number-demo-disabled'));
+ReactDOM.render(<Test />, document.getElementById('components-input-number-demo-disabled'));
 ````

components/input-number/demo/size.md

@@ -13,7 +13,7 @@ function onChange(value) {
   console.log('changed', value);
 }
 
-React.render(
+ReactDOM.render(
 <div>
   <InputNumber size="large" min={1} max={100000} defaultValue={3} onChange={onChange} />
   <InputNumber min={1} max={100000} defaultValue={3} onChange={onChange} />
@@ -26,4 +26,4 @@ React.render(
 .ant-input-number{
   margin-right: 10px;
 }
-````
+````

components/menu/demo/horizontal.md

@@ -44,5 +44,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-menu-demo-horizontal'));
+ReactDOM.render(<App />, document.getElementById('components-menu-demo-horizontal'));
 ````

components/menu/demo/sider-current.md

@@ -61,5 +61,5 @@ var Sider = React.createClass({
     </Menu>;
   }
 });
-React.render(<Sider />, document.getElementById('components-menu-demo-sider-current'));
+ReactDOM.render(<Sider />, document.getElementById('components-menu-demo-sider-current'));
 ````

components/menu/demo/sider.md

@@ -52,5 +52,5 @@ var Sider = React.createClass({
     </Menu>;
   }
 });
-React.render(<Sider />, document.getElementById('components-menu-demo-sider'));
+ReactDOM.render(<Sider />, document.getElementById('components-menu-demo-sider'));
 ````

components/menu/demo/vertical.md

@@ -16,7 +16,7 @@ function handleClick(e) {
   console.log('click', e);
 }
 
-React.render(<Menu onClick={handleClick} style={{width:240}} mode="vertical">
+ReactDOM.render(<Menu onClick={handleClick} style={{width:240}} mode="vertical">
   <SubMenu key="sub1" title={<span><Icon type="mail" /><span>导航一</span></span>}>
     <MenuItem key="1">选项1</MenuItem>
     <MenuItem key="2">选项2</MenuItem>

components/message/demo/duration.md

@@ -14,7 +14,7 @@ var success = function() {
   message.success('这是一条成功的提示,并将于10秒后消失', 10);
 };
 
-React.render(<Button type="primary" onClick={success}>自定义时长提示</Button>
+ReactDOM.render(<Button type="primary" onClick={success}>自定义时长提示</Button>
 , document.getElementById('components-message-demo-duration'));
 ````
 

components/message/demo/error.md

@@ -14,6 +14,6 @@ var error = function() {
   message.error('这是一条失败的提示这是一条失败的提示这是一条失败的提示');
 };
 
-React.render(<Button type="primary" onClick={error}>显示失败提示</Button>
+ReactDOM.render(<Button type="primary" onClick={error}>显示失败提示</Button>
 , document.getElementById('components-message-demo-error'));
 ````

components/message/demo/info.md

@@ -14,6 +14,6 @@ var info = function() {
   message.info('这是一条普通的提醒');
 };
 
-React.render(<Button type="primary" onClick={info}>显示普通提醒</Button>
+ReactDOM.render(<Button type="primary" onClick={info}>显示普通提醒</Button>
 , document.getElementById('components-message-demo-info'));
 ````

components/message/demo/loading.md

@@ -16,6 +16,6 @@ var success = function() {
   setTimeout(hide, 2500);
 };
 
-React.render(<Button onClick={success}>显示加载中...</Button>
+ReactDOM.render(<Button onClick={success}>显示加载中...</Button>
 , document.getElementById('components-message-demo-loading'));
 ````

components/message/demo/success.md

@@ -14,7 +14,7 @@ var success = function() {
   message.success('这是一条成功的提示');
 };
 
-React.render(<Button type="primary" onClick={success}>显示成功提示</Button>
+ReactDOM.render(<Button type="primary" onClick={success}>显示成功提示</Button>
 , document.getElementById('components-message-demo-success'));
 ````
 

components/modal/confirm.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import ReactDOM from 'react-dom';
 import Dialog from './index';
 import Icon from '../iconfont';
 import {Button} from '../button';
@@ -23,7 +24,7 @@ export default function (props) {
     d.setState({
       visible: false
     });
-    React.unmountComponentAtNode(div);
+    ReactDOM.unmountComponentAtNode(div);
   }
 
   function onCancel() {
@@ -87,7 +88,7 @@ export default function (props) {
     </div>;
   }
 
-  React.render(<Dialog
+  ReactDOM.render(<Dialog
     prefixCls="ant-modal"
     className="ant-confirm"
     visible={true}

components/modal/demo/basic.md

@@ -44,5 +44,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App /> , document.getElementById('components-modal-demo-basic'));
+ReactDOM.render(<App /> , document.getElementById('components-modal-demo-basic'));
 ````

components/modal/demo/confirm-promise.md

@@ -24,7 +24,7 @@ function showConfirm(){
   });
 }
 
-React.render(
+ReactDOM.render(
 <Button onClick={showConfirm}>
   确认对话框
 </Button>, document.getElementById('components-modal-demo-confirm-promise'));

components/modal/demo/confirm.md

@@ -21,7 +21,7 @@ function showConfirm(){
   });
 }
 
-React.render(
+ReactDOM.render(
 <Button onClick={showConfirm}>
   确认对话框
 </Button>, document.getElementById('components-modal-demo-confirm'));

components/modal/demo/custom.md

@@ -53,5 +53,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test/> , document.getElementById('components-modal-demo-custom'));
+ReactDOM.render(<Test/> , document.getElementById('components-modal-demo-custom'));
 ````

components/modal/demo/footer.md

@@ -55,5 +55,5 @@ var Test = React.createClass({
   }
 });
 
-React.render(<Test/> , document.getElementById('components-modal-demo-footer'));
+ReactDOM.render(<Test/> , document.getElementById('components-modal-demo-footer'));
 ````

components/modal/demo/info.md

@@ -32,7 +32,7 @@ function error() {
   });
 }
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button onClick={info}>信息提示</Button>
   <Button onClick={success}>成功提示</Button>
   <Button onClick={error}>失败提示</Button>

components/notification/demo/basic.md

@@ -17,7 +17,7 @@ var openNotification = function() {
   });
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,

components/notification/demo/duration.md

@@ -19,7 +19,7 @@ var openNotification = function() {
   notification.open(args);
 };
 
-React.render(
+ReactDOM.render(
   <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
 , document.getElementById('components-notification-demo-duration'));
 ````

components/notification/demo/onclose.md

@@ -23,7 +23,7 @@ var openNotification = function() {
   notification.open(args);
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,

components/notification/demo/with-btn.md

@@ -32,7 +32,7 @@ var openNotification = function() {
   });
 };
 
-React.render(
+ReactDOM.render(
   <div>
     <Button type="primary" onClick={openNotification}>打开通知提醒框</Button>
   </div>,

components/notification/demo/with-icon.md

@@ -19,7 +19,7 @@ var openNotificationWithIcon = function(type) {
   };
 };
 
-React.render(<div>
+ReactDOM.render(<div>
   <Button onClick={openNotificationWithIcon('success')}>成功</Button>
   <Button onClick={openNotificationWithIcon('info')}>消息</Button>
   <Button onClick={openNotificationWithIcon('warn')}>警告</Button>

components/pagination/demo/basic.md

@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination onChange={onChange} total={50} />,
  document.getElementById('components-pagination-demo-basic'));
 ````

components/pagination/demo/changer.md

@@ -17,7 +17,7 @@ function onShowSizeChange(current, pageSize) {
   console.log(current, pageSize);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination showSizeChanger={true} onShowSizeChange={onShowSizeChange} onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-changer'));
 ````

components/pagination/demo/jump.md

@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination showQuickJumper={true} onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-jump'));
 ````

components/pagination/demo/mini.md

@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination className="mini" onChange={onChange} total={50} />,
  document.getElementById('components-pagination-demo-mini'));
 ````

components/pagination/demo/more.md

@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination onChange={onChange} total={500} />,
  document.getElementById('components-pagination-demo-more'));
 ````

components/pagination/demo/simple.md

@@ -13,7 +13,7 @@ function onChange(page) {
   console.log(page);
 }
 
-React.render(
+ReactDOM.render(
   <Pagination simple onChange={onChange} total={50} />,
 document.getElementById('components-pagination-demo-simple'));
 ````

components/popconfirm/demo/basic.md

@@ -18,7 +18,7 @@ function cancel() {
   message.error('点击了取消');
 }
 
-React.render(
+ReactDOM.render(
   <Popconfirm title="确定要删除这个任务吗？" onConfirm={confirm} onCancel={cancel}>
     <a href="javascript:;">删除</a>
   </Popconfirm>

components/popconfirm/demo/placement.md

@@ -15,7 +15,7 @@ function confirm() {
   message.info('点击了确定');
 }
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popconfirm placement="left" title={text} onConfirm={confirm}>
     <a href="javascript:;">左边</a>
   </Popconfirm>

components/popover/demo/basic.md

@@ -15,7 +15,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(
+ReactDOM.render(
   <Popover overlay={content} title="标题">
     <Button type="primary">弹出卡片</Button>
   </Popover>

components/popover/demo/placement.md

@@ -16,7 +16,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popover placement="left" title={text} overlay={content}>
     <Button>左</Button>
   </Popover>

components/popover/demo/triggerType.md

@@ -15,7 +15,7 @@ var content = <div>
   <p>内容</p>
 </div>;
 
-React.render(<div>
+ReactDOM.render(<div>
   <Popover overlay={content} title="标题" trigger="hover">
     <Button>移入</Button>
   </Popover>

components/progress/demo/circle-dynamic.md

@@ -47,6 +47,6 @@ var MyProgress = React.createClass({
   }
 });
 
-React.render(<MyProgress />, document.getElementById('components-progress-demo-circle-dynamic'));
+ReactDOM.render(<MyProgress />, document.getElementById('components-progress-demo-circle-dynamic'));
 ````
 

components/progress/demo/circle-mini.md

@@ -9,7 +9,7 @@
 ````jsx
 var ProgressCircle = antd.Progress.Circle;
 
-React.render(
+ReactDOM.render(
   <div>
     <ProgressCircle percent="30" width="80" />
     <ProgressCircle percent="70" width="80" status="exception" />

components/progress/demo/circle.md

@@ -9,7 +9,7 @@
 ````jsx
 var ProgressCircle = antd.Progress.Circle;
 
-React.render(
+ReactDOM.render(
   <div>
     <ProgressCircle percent="30" />
     <ProgressCircle percent="70" status="exception" />

components/progress/demo/dynamic.md

@@ -47,6 +47,6 @@ var MyProgress = React.createClass({
   }
 });
 
-React.render(<MyProgress />, document.getElementById('components-progress-demo-dynamic'));
+ReactDOM.render(<MyProgress />, document.getElementById('components-progress-demo-dynamic'));
 ````
 

components/progress/demo/line-mini.md

@@ -9,7 +9,7 @@
 ````jsx
 var Progress = antd.Progress.Line;
 
-React.render(
+ReactDOM.render(
   <div style={{ width: 170 }}>
     <Progress percent="30" strokeWidth="5" />
     <Progress percent="50" strokeWidth="5" status="active" />

components/progress/demo/line.md

@@ -9,7 +9,7 @@
 ````jsx
 var Progress = antd.Progress.Line;
 
-React.render(
+ReactDOM.render(
   <div>
     <Progress percent="30" />
     <Progress percent="50" status="active" />

components/radio/demo/basic.md

@@ -9,6 +9,6 @@
 ````jsx
 var Radio = antd.Radio;
 
-React.render(<Radio>Radio</Radio>
+ReactDOM.render(<Radio>Radio</Radio>
 , document.getElementById('components-radio-demo-basic'));
 ````

components/radio/demo/disable.md

@@ -39,5 +39,5 @@ var App = React.createClass({
   }
 });
 
-React.render(<App />, document.getElementById('components-radio-demo-disable'));
+ReactDOM.render(<App />, document.getElementById('components-radio-demo-disable'));
 ````

components/radio/demo/radiobutton.md

@@ -14,7 +14,7 @@ function onChange(e) {
   console.log('radio checked:' + e.target.value);
 }
 
-React.render((
+ReactDOM.render((
   <RadioGroup onChange={onChange} defaultValue="a">
     <RadioButton value="a">杭州</RadioButton>
     <RadioButton value="b">上海</RadioButton>