mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
Merge branch 'master' of github.com:ant-design/ant-design
This commit is contained in:
commit
a91b9a3457
@ -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
|
||||
|
||||
|
@ -9,7 +9,8 @@ export default React.createClass({
|
||||
return {
|
||||
prefixCls: 'ant-alert',
|
||||
showIcon: false,
|
||||
onClose() {}
|
||||
onClose() {},
|
||||
type: 'info',
|
||||
};
|
||||
},
|
||||
getInitialState() {
|
||||
|
@ -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 | 无 |
|
||||
|
@ -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 | | |
|
||||
|
@ -12,8 +12,13 @@ import { Modal, Button } from 'antd';
|
||||
function info() {
|
||||
Modal.info({
|
||||
title: '这是一条通知信息',
|
||||
content: '一些附加信息一些附加信息一些附加信息',
|
||||
onOk() {}
|
||||
content: (
|
||||
<div>
|
||||
<p>一些附加信息一些附加信息一些附加信息</p>
|
||||
<p>一些附加信息一些附加信息一些附加信息</p>
|
||||
</div>
|
||||
),
|
||||
onOk() {},
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -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,7 +2,7 @@
|
||||
|
||||
- order: 1
|
||||
|
||||
位置有四个方向。
|
||||
位置有十二个方向。
|
||||
|
||||
---
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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 | 无 |
|
||||
|
@ -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>
|
||||
|
@ -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,
|
||||
|
@ -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) | 无 |
|
||||
|
||||
|
@ -1,7 +1,7 @@
|
||||
# Upload
|
||||
|
||||
- category: Components
|
||||
- chinese: 文件上传
|
||||
- chinese: 上传
|
||||
- type: 表单
|
||||
|
||||
---
|
||||
|
@ -21,6 +21,7 @@
|
||||
margin-left: 37px;
|
||||
font-size: @font-size-base;
|
||||
color: @text-color;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.anticon {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user