From 7483254df6097c05df056aaf08751d3c349bd2f9 Mon Sep 17 00:00:00 2001
From: ddcat1115 <ddcat1115@gmail.com>
Date: Fri, 21 Oct 2016 11:09:24 +0800
Subject: [PATCH 1/2] =?UTF-8?q?Switch=20=E5=AE=BD=E5=BA=A6=E8=87=AA?=
 =?UTF-8?q?=E9=80=82=E5=BA=94=20inner=20=E5=86=85=E5=AE=B9=20(#3516)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/switch/demo/basic.md    |  1 -
 components/switch/demo/disabled.md |  1 +
 components/switch/demo/size.md     |  1 +
 components/switch/demo/text.md     |  2 ++
 components/switch/style/index.less | 38 +++++++++++++++++++++++-------
 5 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/components/switch/demo/basic.md b/components/switch/demo/basic.md
index 8b5b38ae4d..37d01d02f4 100644
--- a/components/switch/demo/basic.md
+++ b/components/switch/demo/basic.md
@@ -29,6 +29,5 @@ ReactDOM.render(
 <style>
 .ant-switch {
   margin-bottom: 8px;
-  display: block;
 }
 <style>
diff --git a/components/switch/demo/disabled.md b/components/switch/demo/disabled.md
index 613997bcbd..c7ce2543ea 100644
--- a/components/switch/demo/disabled.md
+++ b/components/switch/demo/disabled.md
@@ -31,6 +31,7 @@ const Test = React.createClass({
     return (
       <div>
         <Switch disabled={this.state.disabled} />
+        <br />
         <Button type="primary" onClick={this.toggle}>Toggle disabled</Button>
       </div>
     );
diff --git a/components/switch/demo/size.md b/components/switch/demo/size.md
index 832287b4e8..d1ef8ff8d9 100644
--- a/components/switch/demo/size.md
+++ b/components/switch/demo/size.md
@@ -19,6 +19,7 @@ import { Switch } from 'antd';
 ReactDOM.render(
   <div>
     <Switch />
+    <br />
     <Switch size="small" />
   </div>
 , mountNode);
diff --git a/components/switch/demo/text.md b/components/switch/demo/text.md
index 655be18c67..e10efcd267 100644
--- a/components/switch/demo/text.md
+++ b/components/switch/demo/text.md
@@ -18,7 +18,9 @@ import { Switch, Icon } from 'antd';
 
 ReactDOM.render(<div>
   <Switch checkedChildren={'开'} unCheckedChildren={'关'} />
+  <br />
   <Switch checkedChildren="1" unCheckedChildren="0" />
+  <br />
   <Switch checkedChildren={<Icon type="check" />} unCheckedChildren={<Icon type="cross" />} />
 </div>, mountNode);
 ````
diff --git a/components/switch/style/index.less b/components/switch/style/index.less
index 63ac3faef6..6743167fae 100644
--- a/components/switch/style/index.less
+++ b/components/switch/style/index.less
@@ -8,8 +8,8 @@
   position: relative;
   display: inline-block;
   box-sizing: border-box;
-  width: 44px;
   height: 22px;
+  min-width: 44px;
   line-height: 20px;
   vertical-align: middle;
   border-radius: 20px;
@@ -22,8 +22,8 @@
   &-inner {
     color: #fff;
     font-size: 12px;
-    position: absolute;
-    left: 24px;
+    margin-left: 24px;
+    margin-right: 6px;
   }
 
   &:after {
@@ -32,11 +32,12 @@
     height: 18px;
     left: 2px;
     top: 1px;
+
     border-radius: 18px;
     background-color: #fff;
     content: " ";
     cursor: pointer;
-    transition: left @switch-duration @ease-in-out-circ, width @switch-duration @ease-in-out-circ;
+    transition: all @switch-duration @ease-in-out-circ, width @switch-duration @ease-in-out-circ;
   }
 
   &:active:after {
@@ -54,23 +55,40 @@
 
   &-small {
     height: 14px;
+    min-width: 28px;
     line-height: 12px;
-    width: 28px;
+
+    .@{switch-prefix-cls}-inner {
+      margin-left: 18px;
+      margin-right: 3px;
+    }
+
     &:after {
       width: 12px;
       height: 12px;
       top: 0;
       left: 0;
     }
+
     &:active:after {
       width: 16px;
     }
   }
 
-  &-small&-checked:after {
-    left: 14px;
+  &-small&-checked {
+    &:after {
+      left: 100%;
+      margin-left: -12px;
+    }
+
+    .@{switch-prefix-cls}-inner {
+      margin-left: 3px;
+      margin-right: 18px;
+    }
   }
 
+
+
   &-small:active&-checked:after {
     left: 10px;
   }
@@ -80,11 +98,13 @@
     background-color: @primary-color;
 
     .@{switch-prefix-cls}-inner {
-      left: 6px;
+      margin-left: 6px;
+      margin-right: 24px;
     }
 
     &:after {
-      left: 22px;
+      left: 100%;
+      margin-left: -20px;
     }
 
     &:active:after {

From 0aca6630922059fece6b7649639be7e35bca9696 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 21 Oct 2016 11:03:22 +0800
Subject: [PATCH 2/2] fix: should throw warning only once, ref: #3491

---
 components/form/FormItem.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/form/FormItem.tsx b/components/form/FormItem.tsx
index a7ee786900..42cff6071f 100644
--- a/components/form/FormItem.tsx
+++ b/components/form/FormItem.tsx
@@ -32,6 +32,7 @@ export interface FormItemContext {
   form: WrappedFormUtils;
 }
 
+let autoGenerateWarning = false;
 export default class FormItem extends React.Component<FormItemProps, any> {
   static defaultProps = {
     hasFeedback: false,
@@ -60,11 +61,14 @@ export default class FormItem extends React.Component<FormItemProps, any> {
   context: FormItemContext;
 
   componentDidMount() {
-    warning(
-      !(this.getControls(this.props.children, true).length > 1),
-      '`Form.Item` cannot generate `validateStatus` and `help` automatically, ' +
-      'while there are more than one `getFieldDecorator` in it.'
-    );
+    if (!autoGenerateWarning && (this.getControls(this.props.children, true).length > 1)) {
+      autoGenerateWarning = true;
+      warning(
+        false,
+        '`Form.Item` cannot generate `validateStatus` and `help` automatically, ' +
+        'while there are more than one `getFieldDecorator` in it.'
+      );
+    }
   }
 
   shouldComponentUpdate(...args) {