Merge branch 'master' of https://github.com/ant-design/ant-design

components/pagination/demo/mini-more.md

-# 迷你的改变
-
-- order: 5
-
-改变每页显示条目数
-
----
-
-````jsx
-var Pagination = antd.Pagination;
-
-function onChange(page) {
-  console.log(page);
-}
-
-React.render(
-  <Pagination className="mini" showQuickJumper={true} showSizeChanger={true} onChange={onChange} total={500} />, 
- document.getElementById('components-pagination-demo-mini-more'));
-````

components/pagination/index.jsx

@@ -3,11 +3,11 @@
 let Pagination = require('rc-pagination');
 let React = require('react');
 
-let prefixCls = 'ant-patination';
+let prefixCls = 'ant-pagination';
 
 class AntPagination extends React.Component {
   render() {
-    return <Pagination className={prefixCls + this.props.className} {...this.props} />;
+    return <Pagination selectPrefixCls="ant-select" prefixCls={prefixCls} {...this.props} />;
   }
 }
 

components/pagination/index.md

@@ -25,4 +25,4 @@
 | showSizeChanger | 是否可以改变 pageSize          | Bool     | false          |
 | showQuickJump   | 是否可以快速跳转至某页         | Bool     | false          |
 | className       | 当为「mini」时，是小尺寸分页   | String   | ant-pagination |
-| simple          | 当添加该属性时，显示未简单分页 | Object   | 无             |
+| simple          | 当添加该属性时，显示为简单分页 | Object   | 无             |

components/steps/demo/simple.md

@@ -18,7 +18,7 @@ var steps = [{
 }, {
   status: 'process',
   title: '进行中',
-  description: '这里是多信息的耶哦耶哦哦耶哦耶哦耶哦耶哦耶'
+  description: '这里是多信息的耶哦耶哦哦耶哦耶'
 }, {
   status: 'wait',
   title: '又一个待运行',

package.json

@@ -27,7 +27,7 @@
     "rc-progress": "~1.0.0",
     "rc-select": "~4.2.1",
     "rc-slider": "^1.2.5",
-    "rc-steps": "~1.1.3",
+    "rc-steps": "~1.1.4",
     "rc-switch": "~1.2.0",
     "rc-tabs": "~5.2.0",
     "rc-tooltip": "~2.4.0"

style/components/pagination.less

-@prefixClass: rc-pagination;
-
+@prefixClass: ant-pagination;
 
 .@{prefixClass} {
   user-select: none;
@@ -15,7 +14,7 @@
     visibility: hidden;
   }
 
-  .@{prefixClass}-item {
+  &-item {
     cursor: pointer;
     border-radius: 6px;
     min-width: 28px;
@@ -27,31 +26,32 @@
     border: 1px solid #d9d9d9;
     background-color: #fff;
     margin-right: 8px;
+    transition: all 0.3s ease;
 
     a {
       text-decoration: none;
       color: #666;
     }
 
-
     &:hover {
-      border-color: #2db7f5;
+      border-color: @primary-color;
       a {
-        color: #2db7f5;
+        color: @primary-color;
       }
     }
 
-    &.active {
-      background-color: #2db7f5;
-      border: none;
+    &-active {
+      background-color: @primary-color;
+      border-color: @primary-color;
 
-      a {
+      a,
+      &:hover a {
         color: #fff;
       }
     }
   }
 
-  .jump-prev, .jump-next {
+  &-jump-prev, &-jump-next {
     &:after {
       content: "•••";
       display: block;
@@ -63,13 +63,13 @@
 
     &:hover {
       &:after {
-        color: #2db7f5;
+        color: @primary-color;
       }
     }
 
   }
 
-  .jump-prev {
+  &-jump-prev {
     &:hover {
       &:after {
         content: "‹‹";
@@ -77,7 +77,7 @@
     }
   }
 
-  .jump-next {
+  &-jump-next {
     &:hover {
       &:after {
         content: "››";
@@ -85,10 +85,10 @@
     }
   }
 
-  .prev, .jump-prev, .jump-next {
+  &-prev, &-jump-prev, &-jump-next {
     margin-right: 8px;
   }
-  .prev, .next, .jump-prev, .jump-next {
+  &-prev, &-next, &-jump-prev, &-jump-next {
     cursor: pointer;
     color: #666;
     font-size: 10px;
@@ -101,7 +101,7 @@
     text-align: center;
   }
 
-  .prev, .next {
+  &-prev, &-next {
     border: 1px solid #d9d9d9;
 
     a {
@@ -111,92 +111,53 @@
     }
 
     &:hover {
-      border-color: #2db7f5;
+      border-color: @primary-color;
 
       a {
-        color: #2db7f5;
+        color: @primary-color;
       }
+
     }
 
-    &.disabled {
-      cursor: not-allowed;
+  }
+
+  &-disabled {
+    &:hover {
+      border-color: #d9d9d9;
       a {
         color: #ccc;
+        cursor: not-allowed;
       }
     }
+    cursor: not-allowed;
+    a {
+      color: #ccc;
+    }
   }
 
-  .options {
+  &-options {
     float: left;
     margin-left: 15px;
-    .size-changer {
+    &-size-changer {
       float: left;
       width: 90px;
+      margin-right: 10px;
     }
 
-    .quick-jumper {
+    &-quick-jumper {
       float: left;
-      margin-left: 16px;
       height: 28px;
       line-height: 28px;
 
       input {
+        .input;
         margin: 0 8px;
-        box-sizing: border-box;
-        background-color: #fff;
-        border-radius: 6px;
-        border: 1px solid #d9d9d9;
-        outline: none;
-        padding: 3px 12px;
         width: 50px;
-        height: 28px;
-
-        &:hover {
-          border-color: #2db7f5;
-        }
       }
     }
   }
-}
 
-.@{prefixClass}.mini {
-
-  .@{prefixClass}-item {
-    border: none;
-    margin: 0;
-    min-width: 20px;
-    height: 20px;
-    line-height: 20px;
-  }
-
-  .prev, .next {
-    margin: 0;
-    min-width: 20px;
-    height: 20px;
-    line-height: 20px;
-    border: none;
-  }
-
-  .jump-prev, .jump-next {
-    height: 20px;
-    line-height: 20px;
-  }
-
-  .quick-jumper {
-    height: 20px;
-    line-height: 20px;
-
-    input {
-      padding: 3px 7px;
-      width: 40px;
-      height: 20px;
-      line-height: 20px;
-    }
-  }
-}
-
-.@{prefixClass}.simple {
-  .prev, .next {
+  &-simple &-prev, &-simple &-next {
     border: none;
     height: 24px;
     line-height: 24px;
@@ -204,11 +165,11 @@
     font-size: 18px;
   }
 
-  .simple-pager {
+  &-simple &-simple-pager {
     float: left;
     margin-right: 8px;
 
-    .slash {
+    &-slash {
       margin: 0 10px;
     }
 
@@ -222,13 +183,49 @@
       padding: 5px 8px;
       width: 30px;
       min-height: 20px;
+      text-align: center;
 
 
       &:hover {
-        border-color: #2db7f5;
+        border-color: @primary-color;
       }
     }
 
   }
 }
 
+.@{prefixClass} {
+
+  &.mini &-item {
+    border: none;
+    margin: 0;
+    min-width: 20px;
+    height: 20px;
+    line-height: 20px;
+  }
+
+  &.mini &-prev,
+  &.mini &-next {
+    margin: 0;
+    min-width: 20px;
+    height: 20px;
+    line-height: 20px;
+    border: none;
+  }
+
+  &.mini &-jump-prev, &.mini &-jump-next {
+    height: 20px;
+    line-height: 20px;
+  }
+
+  &.mini &-options {
+    &-quick-jumper {
+      height: 20px;
+      line-height: 20px;
+
+      input {
+        .input-sm;
+      }
+    }
+  }
+}

style/components/steps.less

@@ -4,11 +4,11 @@
 @process-icon-color: @primary-color;
 @process-title-color: #666;
 @process-description-color: @process-title-color;
-@process-tail-color: #bcbcbc;
-@wait-icon-color: #bcbcbc;
+@process-tail-color: #e9e9e9;
+@wait-icon-color: #ccc;
 @wait-title-color: #999;
 @wait-description-color: @wait-title-color;
-@wait-tail-color: @wait-icon-color;
+@wait-tail-color: @process-tail-color;
 @finish-icon-color: @process-icon-color;
 @finish-title-color: @wait-title-color;
 @finish-description-color: @finish-title-color;
@@ -93,7 +93,9 @@
         height: auto;
         > .@{stepsPrefixClass}-icon {
           font-size: 20px;
-          top: 0;
+          top: 2px;
+          width: 20px;
+          height: 20px;
         }
       }
       &.@{stepsPrefixClass}-status-process {
@@ -134,6 +136,8 @@
 
       &.anticon {
         font-size: 12px;
+        position: relative;
+        top: -2px;
       }
     }
   }
@@ -167,7 +171,7 @@
     > i {
       display: inline-block;
       background: @wait-tail-color;
-      height: 2px;
+      height: 1px;
       border-radius: 1px;
       width: 100%;
       .transition(background 0.3s ease);
@@ -188,6 +192,7 @@
         font-size: 12px;
         font-size: ~"9px \9"; // ie8-9
         .scale(0.75);
+        top: -1px;
       }
     }
     .@{stepsPrefixClass}-main {