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

This commit is contained in:
偏右 2016-04-06 19:31:49 +08:00
commit bb6c922eab
8 changed files with 31 additions and 29 deletions

View File

@ -79,7 +79,7 @@ ReactDOM.render(
<Row>
<Col span="8" offset="16" style={{ textAlign: 'right' }}>
<Button type="primary" htmlType="submit">搜索</Button>
<Button type="ghost">清除条件</Button>
<Button>清除条件</Button>
</Col>
</Row>
</Form>

View File

@ -7,7 +7,7 @@
---
````jsx
import { Form, Input, Button, Checkbox, Radio, Row, Col, Tooltip, Icon } from 'antd';
import { Form, Input, Button, Checkbox, Radio, Tooltip, Icon } from 'antd';
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
@ -56,11 +56,9 @@ let Demo = React.createClass({
<Checkbox {...getFieldProps('agreement')} />同意
</label>
</FormItem>
<Row>
<Col span="16" offset="6">
<Button type="primary" htmlType="submit">确定</Button>
</Col>
</Row>
<FormItem wrapperCol={{ span: 16, offset: 6 }} style={{ marginTop: 24 }}>
<Button type="primary" htmlType="submit">确定</Button>
</FormItem>
</Form>
);
}

View File

@ -8,7 +8,7 @@
````jsx
import { Form, Select, InputNumber, DatePicker, TimePicker, Switch, Radio,
Slider, Button, Row, Col, Upload, Icon } from 'antd';
Slider, Button, Col, Upload, Icon } from 'antd';
const FormItem = Form.Item;
const Option = Select.Option;
const RadioButton = Radio.Button;
@ -129,11 +129,10 @@ let Demo = React.createClass({
</Button>
</Upload>
</FormItem>
<Row style={{ marginTop: 24 }}>
<Col span="16" offset="8">
<Button type="primary" htmlType="submit">确定</Button>
</Col>
</Row>
<FormItem wrapperCol={{ span: 16, offset: 8 }} style={{ marginTop: 24 }}>
<Button type="primary" htmlType="submit">确定</Button>
</FormItem>
</Form>
);
}

View File

@ -85,7 +85,9 @@ CustomizedForm = Form.create({})(CustomizedForm);
#### this.props.form.getFieldProps(id, options)
`getFieldProps` 返回的属性包括 `id`、`value`(或你设置的其它 `valuePropName`)、`ref`、`onChange`(或者你设置的其它 `trigger` `validateTrigger`),所以不应再设置同样的属性,以免冲突。如果对其返回值的细节有兴趣,可以 `console.log` 出来查看。
`getFieldProps` 返回的属性包括 `id`、`value`(或你设置的其它 `valuePropName`)、`ref`、`onChange`(或者你设置的其它 `trigger` `validateTrigger`),所以不应再设置同样的属性,以免冲突。如果对其返回值的细节有兴趣,可以 `console.log` 出来查看。
> 在表单中 `defaultValue` 也不应该被设置,请使用下面的 `initialValue`
| 参数 | 说明 | 类型 | 可选值 |默认值 |
|-----------|------------------------------------------|------------|-------|--------|

View File

@ -27,20 +27,20 @@
整体步骤条。
| 参数 | 说明 | 类型 | 可选值 |默认值 |
|-----------|------------------------------------------|------------|-------|--------|
| current | 可选参数,指定当前处理正在执行状态的步骤从0开始记数。在子Step元素中可以通过status属性覆盖状态 | number | 无 | 0 |
| size | 可选参数,指定大小(目前只支持普通和迷你两种大小)。 | string | small, default | default |
| direction | 可选参数,指定步骤条方向(目前支持水平和竖直两种方向,默认水平方向)。 | string | vertical | 无 |
| maxDescriptionWidth | 可选参数,指定步骤的详细描述文字的最大宽度。 | number | 无 | 100 |
| 参数 | 说明 | 类型 | 默认值 |
|-----------|------------------------------------------|-------------|-------|
| current | 指定当前步骤,从 0 开始记数。在子 Step 元素中,可以通过 `status` 属性覆盖状态 | number | 0 |
| size | 指定大小,目前支持普通(`default`)和迷你(`small`| string | default |
| direction | 指定步骤条方向。目前支持水平和竖直(`vertical`)两种方向,默认水平方向) | string | - |
| maxDescriptionWidth | 指定步骤的详细描述文字的最大宽度(单位 px | number | 100 |
### Steps.Step
步骤条内的每一个步。
步骤条内的每一个步
| 参数 | 说明 | 类型 | 可选值 |默认值 |
|-----------|------------------------------------------|------------|-------|--------|
| status | 可选参数,指定状态。当不配置该属性时,会使用父Steps元素的current来自动指定状态。 | string | wait, process, finish | wait |
| title | 必要参数,标题。 | string/jsx | 无 | 无 |
| description | 可选参数,步骤的详情描述。 | string/jsx | 无 | 空 |
| icon | 可选参数步骤的Icon。如果不指定则使用默认的样式。 | string/jsx | 无 | 空 |
| 参数 | 说明 | 类型 | 默认值 |
|----------|-----------------------------------------|------------|-------|
| status | 指定状态。当不配置该属性时,会使用 Steps 的 `current` 来自动指定状态。可选:`wait` `process` `finish` | string | `wait` |
| title | 标题 | React.Element | - |
| description | 步骤的详情描述,可选 | React.Element | - |
| icon | 步骤图标,可选 | React.Element | - |

View File

@ -33,7 +33,8 @@ ReactDOM.render(
height: 120px;
margin-top: -16px;
}
.card-container > .ant-tabs-card .ant-tabs-tabs-bar,
.card-container > .ant-tabs-card .ant-tabs-bar,
.card-container > .ant-tabs-card .ant-tabs-tab-active {
border-color: #fff;
}

View File

@ -233,7 +233,8 @@ form {
}
.@{css-prefix}radio-inline,
.@{css-prefix}checkbox-inline {
.@{css-prefix}checkbox-inline,
.@{css-prefix}input {
vertical-align: top;
}
}

View File

@ -38,6 +38,7 @@
.input() {
position: relative;
display: inline-block;
vertical-align: middle;
padding: @input-padding-vertical-base @input-padding-horizontal;
width: 100%;
height: @input-height-base;