Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
8f72f6cd
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8f72f6cd
编写于
10月 29, 2015
作者:
S
SimaQ
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
将 formItem 布局样式相关的属性写法同 layout 组件属性结合。
上级
cd24f3d5
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
25 addition
and
12 deletion
+25
-12
components/form/FormItem.jsx
components/form/FormItem.jsx
+18
-7
components/form/index.jsx
components/form/index.jsx
+5
-4
index.js
index.js
+2
-1
未找到文件。
components/form/FormItem.jsx
浏览文件 @
8f72f6cd
...
...
@@ -10,6 +10,16 @@ function prefixClsFn(prefixCls, ...args) {
}
class
FormItem
extends
React
.
Component
{
_getLayoutClass
(
colDef
)
{
if
(
!
colDef
)
{
return
''
;
}
const
{
span
,
offset
}
=
colDef
;
const
col
=
span
?
'
col-
'
+
span
:
''
;
const
offsetCol
=
offset
?
'
col-offset-
'
+
offset
:
''
;
return
col
+
offsetCol
;
}
renderHelp
()
{
const
prefixCls
=
this
.
props
.
prefixCls
;
return
this
.
props
.
help
?
(
...
...
@@ -40,19 +50,20 @@ class FormItem extends React.Component {
}
renderWrapper
(
children
)
{
return
this
.
props
.
wrapperClassName
?
(
<
div
className
=
{
this
.
props
.
wrapperClassName
}
>
const
wrapperCol
=
this
.
props
.
wrapperCol
;
return
wrapperCol
?
(
<
div
className
=
{
this
.
_getLayoutClass
(
wrapperCol
)
}
>
{
children
}
</
div
>
)
:
children
;
}
renderLabel
()
{
const
labelC
lassName
=
this
.
props
.
labelClassName
;
const
labelC
ol
=
this
.
props
.
labelCol
;
const
required
=
this
.
props
.
required
?
'
required
'
:
''
;
return
this
.
props
.
label
?
(
<
label
htmlFor
=
{
this
.
props
.
id
}
className
=
{
labelClassName
}
required
=
{
required
}
>
<
label
htmlFor
=
{
this
.
props
.
id
}
className
=
{
this
.
_getLayoutClass
(
labelCol
)
}
required
=
{
required
}
>
{
this
.
props
.
label
}
</
label
>
)
:
''
;
...
...
@@ -119,13 +130,13 @@ class FormItem extends React.Component {
FormItem
.
propTypes
=
{
prefixCls
:
React
.
PropTypes
.
string
,
label
:
React
.
PropTypes
.
node
,
labelC
lassName
:
React
.
PropTypes
.
string
,
labelC
ol
:
React
.
PropTypes
.
object
,
help
:
React
.
PropTypes
.
node
,
validateStatus
:
React
.
PropTypes
.
oneOf
([
'
success
'
,
'
warning
'
,
'
error
'
,
'
validating
'
]),
hasFeedback
:
React
.
PropTypes
.
bool
,
wrapperC
lassName
:
React
.
PropTypes
.
string
,
wrapperC
ol
:
React
.
PropTypes
.
object
,
className
:
React
.
PropTypes
.
string
,
children
:
React
.
PropTypes
.
any
,
children
:
React
.
PropTypes
.
node
,
};
FormItem
.
defaultProps
=
{
...
...
components/form/index.jsx
浏览文件 @
8f72f6cd
import
Form
from
'
./Form
'
;
import
FormItem
from
'
./FormItem
'
;
import
Input
from
'
./Input
'
;
import
ValueMixin
from
'
./ValueMixin
'
;
import
Input
from
'
./Input
'
;
Form
.
Item
=
FormItem
;
Form
.
Input
=
Input
;
Form
.
ValueMixin
=
ValueMixin
;
Form
.
InputGroup
=
Input
.
Group
;
export
default
Form
;
export
default
{
Form
,
Input
};
index.js
浏览文件 @
8f72f6cd
...
...
@@ -54,7 +54,8 @@ const antd = {
Row
:
require
(
'
./components/layout
'
).
Row
,
Col
:
require
(
'
./components/layout
'
).
Col
,
Spin
:
require
(
'
./components/spin
'
),
Form
:
require
(
'
./components/form
'
),
Form
:
require
(
'
./components/form
'
).
Form
,
Input
:
require
(
'
./components/form
'
).
Input
,
};
antd
.
version
=
require
(
'
./package.json
'
).
version
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录