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

CHANGELOG.md

@@ -16,10 +16,9 @@
 - Progress 的默认颜色固定，不再随着主色变化。
 - 优化 Button 点击动画在 Chrome 下的效果。
 - 修复一个 Affix 的 `z-index` 太低的问题。
-- 修复 Table 树形数据的二级节点前无法选择的问题。[#1212](https://github.com/ant-design/ant-design/issues/1212)
+- 修复 Table 树形数据的二级节点列前无法选择的问题。[#1212](https://github.com/ant-design/ant-design/issues/1212)
 - 修复 Table 修改 `pageSize` 没有触发 `onChange` 的问题。[#1206](https://github.com/ant-design/ant-design/issues/1206)
-- 修复 Table 指定 `rowKey 时导致 `rowSelection.onChange` 的 `selectedRows` 参数为空的问题。
+- 修复 Table 指定 `rowKey` 时导致 `rowSelection.onChange` 的 `selectedRows` 参数为空的问题。
-- 修复一个 Affix 的 `z-index` 太低的问题。
 
 ## 0.12.10
 

components/alert/index.jsx

@@ -9,7 +9,8 @@ export default React.createClass({
     return {
       prefixCls: 'ant-alert',
       showIcon: false,
-      onClose() {}
+      onClose() {},
+      type: 'info',
     };
   },
   getInitialState() {

components/alert/index.md

@@ -17,7 +17,7 @@
 
 | 参数        | 说明                                                      | 类型        | 默认值 |
 |----------- |---------------------------------------------------------  | ---------- |-------|
-| type       | 必选参数，指定警告提示的样式，有四种选择`success`、`info`、`warn`、`error`   | String     | 无    |
+| type       | 必选参数，指定警告提示的样式，有四种选择`success`、`info`、`warn`、`error`   | String     | `info`    |
 | closable   | 可选参数，默认不显示关闭按钮                                  | Boolean   | 无    |
 | closeText  | 可选参数，自定义关闭按钮                                     | React.Node   | 无    |
 | message    | 必选参数，警告提示内容                                       | React.Node   | 无    |

components/form/index.md

@@ -85,6 +85,8 @@ CustomizedForm = Form.create({})(CustomizedForm);
 
 #### this.props.form.getFieldProps(id, options)
 
+`getFieldProps` 返回的属性包括 `id`、`value`(或你设置的其它 `valuePropName`)、`ref`、`onChange`(或者你设置的其它 `trigger` `validateTrigger`)，所以不应再设置同样的属性，以免冲突。如果对其返回值的细节有兴趣，可以 `console.log` 出来查看。
+
 | 参数      | 说明                                     | 类型       |  可选值 |默认值 |
 |-----------|------------------------------------------|------------|-------|--------|
 | options.id | 必填输入控件唯一标志 | string | |  |

components/modal/demo/info.md

@@ -12,8 +12,13 @@ import { Modal, Button } from 'antd';
 function info() {
   Modal.info({
     title: '这是一条通知信息',
-    content: '一些附加信息一些附加信息一些附加信息',
+    content: (
-    onOk() {}
+      <div>
+        <p>一些附加信息一些附加信息一些附加信息</p>
+        <p>一些附加信息一些附加信息一些附加信息</p>
+      </div>
+    ),
+    onOk() {},
   });
 }
 

components/modal/index.md

@@ -47,6 +47,7 @@
 | 参数       | 说明           | 类型             | 默认值       |
 |------------|----------------|------------------|--------------|
 | title      | 标题           | React.Element or String    | 无           |
+| content    | 内容           | React.Element or String    | 无           |
 | onOk       | 点击确定回调，参数为关闭函数，返回 promise 时 resolve 后自动关闭      | function         | 无           |
 | onCancel | 取消回调，参数为关闭函数，返回 promise 时 resolve 后自动关闭       | function         | 无           |
 | width      | 宽度           | String or Number | 416           |

components/popconfirm/demo/placement.md

@@ -2,7 +2,7 @@
 
 - order: 1
 
-位置有四个方向。
+位置有十二个方向。
 
 ---
 

components/popconfirm/index.jsx

@@ -67,7 +67,7 @@ export default React.createClass({
     const { title, okText, cancelText, placement, overlayStyle, trigger, ...restProps } = this.props;
     const overlay = (
       <div>
-        <div className={`${prefixCls}-content`}>
+        <div className={`${prefixCls}-inner-content`}>
           <div className={`${prefixCls}-message`}>
             <Icon type="exclamation-circle" />
             <div className={`${prefixCls}-message-title`}>{title}</div>

components/popconfirm/index.md

@@ -19,7 +19,7 @@
 
 | 参数      | 说明                                     | 类型          | 默认值 |
 |-----------|------------------------------------------|---------------|--------|
-| placement | 气泡框位置，可选 `top/left/right/bottom` | string        | top    |
+| placement | 气泡框位置，可选 `top/left/right/bottom` `topLeft/topRight/bottomLeft/bottomRight` `leftTop/leftBottom/rightTop/rightBottom` | string        | top    |
 | title     | 确认框的描述                             | string        | 无     |
 | onConfirm | 点击确认的回调                           | function      | 无     |
 | onCancel  | 卡片内容                                 | function      | 无     |

components/popover/index.jsx

@@ -52,7 +52,7 @@ const Popover = React.createClass({
     return (
       <div>
         {this.props.title && <div className={`${prefixCls}-title`}>{this.props.title}</div>}
-        <div className={`${prefixCls}-content`}>
+        <div className={`${prefixCls}-inner-content`}>
           {this.props.overlay}
         </div>
       </div>

components/table/index.jsx

@@ -456,7 +456,7 @@ let AntTable = React.createClass({
   handleShowSizeChange(current, pageSize) {
     const pagination = this.state.pagination;
     pagination.onShowSizeChange(current, pageSize);
-    const nextPagination = { ...pagination, pageSize };
+    const nextPagination = { ...pagination, pageSize, current };
     this.setState({ pagination: nextPagination });
     this.props.onChange(...this.prepareParamsArguments({
       ...this.state,

components/tabs/index.md

@@ -30,6 +30,7 @@ Ant Design 依次提供了三级选项卡，分别用于不同的场景。
 | onTabClick       | tab 被点击的回调                             | Function | 无            |
 | tabBarExtraContent | tab bar 上额外的元素                       | React Node | 无          |
 | type | 页签的基本样式，可选 `line`、`card` `editable-card` 类型   | String   | 'line'      |
+| size | 大小，提供 `default` 和 `small` 两种大小  | String   | 'default'      |
 | tabPosition | 页签位置，可选值有 `top` `right` `bottom` `left`  | String   | 'top'      |
 | onEdit | 新增和删除页签的回调，在 `type="editable-card"` 时有效 | Function(targetKey, action) | 无 |
 

components/upload/index.md

@@ -1,7 +1,7 @@
 # Upload
 
 - category: Components
-- chinese: 文件上传
+- chinese: 上传
 - type: 表单
 
 ---

style/components/confirm.less

@@ -21,6 +21,7 @@
       margin-left: 37px;
       font-size: @font-size-base;
       color: @text-color;
+      margin-top: 8px;
     }
 
     .anticon {

style/components/popover.less

@@ -93,7 +93,7 @@
     color: #666;
   }
 
-  &-content {
+  &-inner-content {
     padding: 8px 16px;
     color: @text-color;
   }
@@ -143,9 +143,9 @@
     content: "";
   }
 
-  &-placement-top > &-arrow,
+  &-placement-top &-arrow,
-  &-placement-topLeft > &-arrow,
+  &-placement-topLeft &-arrow,
-  &-placement-topRight > &-arrow {
+  &-placement-topRight &-arrow {
     border-bottom-width: 0;
     border-top-color: @popover-arrow-outer-color;
     bottom: 0;
@@ -157,20 +157,20 @@
       border-top-color: @popover-arrow-color;
     }
   }
-  &-placement-top > &-arrow {
+  &-placement-top &-arrow {
     left: 50%;
     margin-left: -@popover-arrow-outer-width;
   }
-  &-placement-topLeft > &-arrow {
+  &-placement-topLeft &-arrow {
     left: 16px;
   }
-  &-placement-topRight > &-arrow {
+  &-placement-topRight &-arrow {
     right: 16px;
   }
 
-  &-placement-right > &-arrow,
+  &-placement-right &-arrow,
-  &-placement-rightTop > &-arrow,
+  &-placement-rightTop &-arrow,
-  &-placement-rightBottom > &-arrow {
+  &-placement-rightBottom &-arrow {
     left: 0;
     border-left-width: 0;
     border-right-color: @popover-arrow-outer-color;
@@ -182,20 +182,20 @@
       border-right-color: @popover-arrow-color;
     }
   }
-  &-placement-right > &-arrow {
+  &-placement-right &-arrow {
     top: 50%;
     margin-top: -@popover-arrow-outer-width;
   }
-  &-placement-rightTop > &-arrow {
+  &-placement-rightTop &-arrow {
     top: 12px;
   }
-  &-placement-rightBottom > &-arrow {
+  &-placement-rightBottom &-arrow {
     bottom: 12px;
   }
 
-  &-placement-bottom > &-arrow,
+  &-placement-bottom &-arrow,
-  &-placement-bottomLeft > &-arrow,
+  &-placement-bottomLeft &-arrow,
-  &-placement-bottomRight > &-arrow {
+  &-placement-bottomRight &-arrow {
     border-top-width: 0;
     border-bottom-color: @popover-arrow-outer-color;
     top: 0;
@@ -207,20 +207,20 @@
       border-bottom-color: @popover-arrow-color;
     }
   }
-  &-placement-bottom > &-arrow {
+  &-placement-bottom &-arrow {
     left: 50%;
     margin-left: -@popover-arrow-outer-width;
   }
-  &-placement-bottomLeft > &-arrow {
+  &-placement-bottomLeft &-arrow {
     left: 16px;
   }
-  &-placement-bottomRight > &-arrow {
+  &-placement-bottomRight &-arrow {
     right: 16px;
   }
 
-  &-placement-left > &-arrow,
+  &-placement-left &-arrow,
-  &-placement-leftTop > &-arrow,
+  &-placement-leftTop &-arrow,
-  &-placement-leftBottom > &-arrow {
+  &-placement-leftBottom &-arrow {
     right: 0;
     border-right-width: 0;
     border-left-color: @popover-arrow-outer-color;
@@ -232,14 +232,14 @@
       bottom: -@popover-arrow-width;
     }
   }
-  &-placement-left > &-arrow {
+  &-placement-left &-arrow {
     top: 50%;
     margin-top: -@popover-arrow-outer-width;
   }
-  &-placement-leftTop > &-arrow {
+  &-placement-leftTop &-arrow {
     top: 12px;
   }
-  &-placement-leftBottom > &-arrow {
+  &-placement-leftBottom &-arrow {
     bottom: 12px;
   }
 }