update steps demos

components/steps/demo/custom-icon.md

@@ -6,7 +6,7 @@
 
 ---
 
-````css
+<style>
 .my-step-icon {
   width: 35px;
   height: 35px;
@@ -15,24 +15,22 @@
   position: relative;
   top: -9px;
 }
-
 .my-step-icon > img {
   width: 45px;
   height: 45px;
 }
-````
+</style>
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-custom-icon');
 var imgIcon = <div className='my-step-icon'><img src='https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg'/></div>
 
 
-React.render(
-  <Steps>
-    <Steps.Step status='finish' title='步骤1' icon={<div className='my-step-icon'><span className='anticon anticon-cloud'></span></div>}></Steps.Step>
-    <Steps.Step status='process' title='步骤2' icon={imgIcon}></Steps.Step>
-    <Steps.Step status='wait' title='步骤3' icon={<div className='my-step-icon'><span className='anticon anticon-github'></span></div>}></Steps.Step>
-  </Steps>, container);
-
+React.render(<Steps>
+  <Step status='finish' title='步骤1' icon={<div className='my-step-icon'><span className='anticon anticon-cloud'></span></div>}></Step>
+  <Step status='process' title='步骤2' icon={imgIcon}></Step>
+  <Step status='wait' title='步骤3' icon={<div className='my-step-icon'><span className='anticon anticon-github'></span></div>}></Step>
+</Steps>, container);
 ````

components/steps/demo/simple.md

@@ -2,41 +2,39 @@
 
 - order: 0
 
-简单的步骤条
+简单的步骤条。
 
 ---
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-simple');
 
 var steps = [{
   status: 'finish',
   title: '已完成',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊'
 }, {
   status: 'process',
   title: '进行中',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的耶哦耶哦哦耶哦耶哦耶哦耶哦耶'
 }, {
   status: 'wait',
   title: '待运行',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊描述啊描述啊'
 }, {
   status: 'wait',
   title: '待运行',
-  description: '这里是多信息的描述啊描述啊描述啊描述啊哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的描述啊'
 }].map(function(s, i) {
-    return (<Steps.Step
-        key={i}
-        status={s.status}
-        title={s.title}
-        description={s.description}></Steps.Step>
-    );
-  });
+  return (<Step
+    key={i}
+    status={s.status}
+    title={s.title}
+    description={s.description}></Step>
+  );
+});
 
-React.render(
-  <Steps>
-    {steps}
-  </Steps>, container);
+React.render(<Steps>{steps}</Steps>, container);
 ````

components/steps/demo/small-size.md

@@ -8,6 +8,7 @@
 
 ````jsx
 var Steps = antd.Steps;
+var Step = Steps.Step;
 var container = document.getElementById('components-steps-demo-small-size');
 
 var steps = [{
@@ -23,12 +24,11 @@ var steps = [{
   status: 'wait',
   title: '待运行'
 }].map(function(s, i) {
-  return (<Steps.Step
-      key={i}
-      status={s.status}
-      title={s.title}>
-    </Steps.Step>
-  );
+  return (<Step
+    key={i}
+    status={s.status}
+    title={s.title}>
+  </Step>);
 });
 
 React.render(<Steps size="small">{steps}</Steps>, container);