mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-19 06:43:16 +08:00
Merge branch 'master' of github.com:ant-design/ant-design
This commit is contained in:
commit
bb6c922eab
@ -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>
|
||||
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
@ -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`。
|
||||
|
||||
| 参数 | 说明 | 类型 | 可选值 |默认值 |
|
||||
|-----------|------------------------------------------|------------|-------|--------|
|
||||
|
@ -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 | - |
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -233,7 +233,8 @@ form {
|
||||
}
|
||||
|
||||
.@{css-prefix}radio-inline,
|
||||
.@{css-prefix}checkbox-inline {
|
||||
.@{css-prefix}checkbox-inline,
|
||||
.@{css-prefix}input {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user