mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-16 01:29:11 +08:00
Code Issues Actions 33 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
偏右 2016-03-18 11:49:41 +08:00
commit a91b9a3457
15 changed files with 49 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
CHANGELOG.md
View File

@ -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` 参数为空的问题。
- 修复一个 Affix 的 `z-index` 太低的问题。
- 修复 Table 指定 `rowKey` 时导致 `rowSelection.onChange` 的 `selectedRows` 参数为空的问题。
## 0.12.10

3
components/alert/index.jsx
View File

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

2
components/alert/index.md
View File

@ -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 | 无 |

2
components/form/index.md
View File

@ -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 | | |

9
components/modal/demo/info.md
View File

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

1
components/modal/index.md
View File

@ -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 |

2
components/popconfirm/demo/placement.md
View File

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

2
components/popconfirm/index.jsx
View File

@ -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>

2
components/popconfirm/index.md
View File

@ -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 | 无 |

2
components/popover/index.jsx
View File

@ -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>

2
components/table/index.jsx
View File

@ -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,

1
components/tabs/index.md
View File

@ -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) | 无 |

2
components/upload/index.md
View File

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

1
style/components/confirm.less
View File

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

50
style/components/popover.less
View File

@ -93,7 +93,7 @@
color: #666;
}
&-content {
&-inner-content {
padding: 8px 16px;
color: @text-color;
}
@ -143,9 +143,9 @@
content: "";
}
&-placement-top > &-arrow,
&-placement-topLeft > &-arrow,
&-placement-topRight > &-arrow {
&-placement-top &-arrow,
&-placement-topLeft &-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-rightTop > &-arrow,
&-placement-rightBottom > &-arrow {
&-placement-right &-arrow,
&-placement-rightTop &-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-bottomLeft > &-arrow,
&-placement-bottomRight > &-arrow {
&-placement-bottom &-arrow,
&-placement-bottomLeft &-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-leftTop > &-arrow,
&-placement-leftBottom > &-arrow {
&-placement-left &-arrow,
&-placement-leftTop &-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;
}
}