Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
593fd397
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,发现更多精彩内容 >>
提交
593fd397
编写于
3月 18, 2016
作者:
B
Benjy Cui
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #1223 from waywardmonkeys/es2015-ification
Use ES2015 classes instead of React.createClass.
上级
90d89964
63c06e86
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
93 addition
and
104 deletion
+93
-104
components/breadcrumb/index.jsx
components/breadcrumb/index.jsx
+35
-35
components/checkbox/index.jsx
components/checkbox/index.jsx
+6
-9
components/dropdown/dropdown-button.jsx
components/dropdown/dropdown-button.jsx
+15
-16
components/dropdown/dropdown.jsx
components/dropdown/dropdown.jsx
+9
-10
components/steps/index.jsx
components/steps/index.jsx
+12
-15
components/timeline/index.jsx
components/timeline/index.jsx
+16
-19
未找到文件。
components/breadcrumb/index.jsx
浏览文件 @
593fd397
import
React
,
{
cloneElement
}
from
'
react
'
;
const
BreadcrumbItem
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-breadcrumb
'
,
separator
:
'
/
'
,
};
},
propTypes
:
{
prefixCls
:
React
.
PropTypes
.
string
,
separator
:
React
.
PropTypes
.
oneOfType
([
React
.
PropTypes
.
string
,
React
.
PropTypes
.
element
,
]),
href
:
React
.
PropTypes
.
string
,
},
/* Exported as Breadcrumb.Item */
class
BreadcrumbItem
extends
React
.
Component
{
render
()
{
const
{
prefixCls
,
separator
,
children
}
=
this
.
props
;
let
link
=
<
a
className
=
{
`
${
prefixCls
}
-link`
}
{
...
this
.
props
}
>
{
children
}
</
a
>;
...
...
@@ -28,25 +15,23 @@ const BreadcrumbItem = React.createClass({
</
span
>
);
}
}
);
}
const
Breadcrumb
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-breadcrumb
'
,
separator
:
'
/
'
,
linkRender
:
(
href
,
name
)
=>
<
a
href
=
{
`#
${
href
}
`
}
>
{
name
}
</
a
>,
};
},
propTypes
:
{
prefixCls
:
React
.
PropTypes
.
string
,
separator
:
React
.
PropTypes
.
oneOfType
([
React
.
PropTypes
.
string
,
React
.
PropTypes
.
element
,
]),
routes
:
React
.
PropTypes
.
array
,
params
:
React
.
PropTypes
.
object
,
},
BreadcrumbItem
.
defaultProps
=
{
prefixCls
:
'
ant-breadcrumb
'
,
separator
:
'
/
'
,
};
BreadcrumbItem
.
propTypes
=
{
prefixCls
:
React
.
PropTypes
.
string
,
separator
:
React
.
PropTypes
.
oneOfType
([
React
.
PropTypes
.
string
,
React
.
PropTypes
.
element
,
]),
href
:
React
.
PropTypes
.
string
,
};
export
default
class
Breadcrumb
extends
React
.
Component
{
render
()
{
let
crumbs
;
const
{
separator
,
prefixCls
,
routes
,
params
,
children
,
linkRender
}
=
this
.
props
;
...
...
@@ -90,7 +75,22 @@ const Breadcrumb = React.createClass({
</
div
>
);
}
});
}
Breadcrumb
.
defaultProps
=
{
prefixCls
:
'
ant-breadcrumb
'
,
separator
:
'
/
'
,
linkRender
:
(
href
,
name
)
=>
<
a
href
=
{
`#
${
href
}
`
}
>
{
name
}
</
a
>,
};
Breadcrumb
.
propTypes
=
{
prefixCls
:
React
.
PropTypes
.
string
,
separator
:
React
.
PropTypes
.
oneOfType
([
React
.
PropTypes
.
string
,
React
.
PropTypes
.
element
,
]),
routes
:
React
.
PropTypes
.
array
,
params
:
React
.
PropTypes
.
object
,
};
Breadcrumb
.
Item
=
BreadcrumbItem
;
export
default
Breadcrumb
;
components/checkbox/index.jsx
浏览文件 @
593fd397
...
...
@@ -3,12 +3,7 @@ import React from 'react';
import
Group
from
'
./Group
'
;
import
classNames
from
'
classnames
'
;
const
Checkbox
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-checkbox
'
};
},
export
default
class
Checkbox
extends
React
.
Component
{
render
()
{
const
{
prefixCls
,
style
,
children
,
className
,
...
restProps
}
=
this
.
props
;
const
classString
=
classNames
({
...
...
@@ -22,8 +17,10 @@ const Checkbox = React.createClass({
</
label
>
);
}
}
);
}
Checkbox
.
Group
=
Group
;
Checkbox
.
defaultProps
=
{
prefixCls
:
'
ant-checkbox
'
};
export
default
Checkbox
;
Checkbox
.
Group
=
Group
;
components/dropdown/dropdown-button.jsx
浏览文件 @
593fd397
...
...
@@ -5,21 +5,7 @@ import Dropdown from './dropdown';
const
ButtonGroup
=
Button
.
Group
;
import
classNames
from
'
classnames
'
;
export
default
React
.
createClass
({
getDefaultProps
()
{
return
{
align
:
{
points
:
[
'
tr
'
,
'
br
'
],
overlay
:
{
adjustX
:
1
,
adjustY
:
1
,
},
offset
:
[
0
,
4
],
targetOffset
:
[
0
,
0
],
},
type
:
'
default
'
,
};
},
export
default
class
DropdownButton
extends
React
.
Component
{
render
()
{
const
{
type
,
overlay
,
trigger
,
align
,
children
,
className
,
...
restProps
}
=
this
.
props
;
const
cls
=
classNames
({
...
...
@@ -37,4 +23,17 @@ export default React.createClass({
</
ButtonGroup
>
);
}
});
}
DropdownButton
.
defaultProps
=
{
align
:
{
points
:
[
'
tr
'
,
'
br
'
],
overlay
:
{
adjustX
:
1
,
adjustY
:
1
,
},
offset
:
[
0
,
4
],
targetOffset
:
[
0
,
0
],
},
type
:
'
default
'
,
};
components/dropdown/dropdown.jsx
浏览文件 @
593fd397
import
React
from
'
react
'
;
import
Dropdown
from
'
rc-dropdown
'
;
import
Rc
Dropdown
from
'
rc-dropdown
'
;
export
default
React
.
createClass
({
getDefaultProps
()
{
return
{
transitionName
:
'
slide-up
'
,
prefixCls
:
'
ant-dropdown
'
,
};
},
export
default
class
Dropdown
extends
React
.
Component
{
render
()
{
const
{
overlay
,
...
otherProps
}
=
this
.
props
;
const
menu
=
React
.
cloneElement
(
overlay
,
{
openTransitionName
:
'
zoom-big
'
,
});
return
(
<
Dropdown
{
...
otherProps
}
overlay
=
{
menu
}
/>
<
Rc
Dropdown
{
...
otherProps
}
overlay
=
{
menu
}
/>
);
}
});
}
Dropdown
.
defaultProps
=
{
transitionName
:
'
slide-up
'
,
prefixCls
:
'
ant-dropdown
'
,
};
components/steps/index.jsx
浏览文件 @
593fd397
import
React
from
'
react
'
;
import
Steps
from
'
rc-steps
'
;
import
Rc
Steps
from
'
rc-steps
'
;
const
AntSteps
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-steps
'
,
iconPrefix
:
'
ant
'
,
maxDescriptionWidth
:
100
,
current
:
0
};
},
export
default
class
Steps
extends
React
.
Component
{
render
()
{
let
maxDescriptionWidth
=
this
.
props
.
maxDescriptionWidth
;
if
(
this
.
props
.
direction
===
'
vertical
'
)
{
maxDescriptionWidth
=
'
auto
'
;
}
return
(
<
Steps
size
=
{
this
.
props
.
size
}
<
Rc
Steps
size
=
{
this
.
props
.
size
}
current
=
{
this
.
props
.
current
}
direction
=
{
this
.
props
.
direction
}
iconPrefix
=
{
this
.
props
.
iconPrefix
}
maxDescriptionWidth
=
{
maxDescriptionWidth
}
prefixCls
=
{
this
.
props
.
prefixCls
}
>
{
this
.
props
.
children
}
</
Steps
>
</
Rc
Steps
>
);
}
}
);
}
AntSteps
.
Step
=
Steps
.
Step
;
Steps
.
defaultProps
=
{
prefixCls
:
'
ant-steps
'
,
iconPrefix
:
'
ant
'
,
maxDescriptionWidth
:
100
,
current
:
0
};
export
default
AntSteps
;
Steps
.
Step
=
RcSteps
.
Step
;
components/timeline/index.jsx
浏览文件 @
593fd397
import
React
from
'
react
'
;
import
classNames
from
'
classnames
'
;
const
TimelineItem
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-timeline
'
,
color
:
'
blue
'
,
last
:
false
,
pending
:
false
,
};
},
/* Exported as Timeline.Item */
class
TimelineItem
extends
React
.
Component
{
render
()
{
const
{
prefixCls
,
color
,
last
,
children
,
pending
}
=
this
.
props
;
const
itemClassName
=
classNames
({
...
...
@@ -25,14 +18,16 @@ const TimelineItem = React.createClass({
</
li
>
);
}
}
);
}
const
Timeline
=
React
.
createClass
({
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-timeline
'
,
};
},
TimelineItem
.
defaultProps
=
{
prefixCls
:
'
ant-timeline
'
,
color
:
'
blue
'
,
last
:
false
,
pending
:
false
,
};
export
default
class
Timeline
extends
React
.
Component
{
render
()
{
const
{
prefixCls
,
children
,
pending
}
=
this
.
props
;
const
pendingNode
=
typeof
pending
===
'
boolean
'
?
null
:
pending
;
...
...
@@ -55,8 +50,10 @@ const Timeline = React.createClass({
</
ul
>
);
}
}
);
}
Timeline
.
Item
=
TimelineItem
;
Timeline
.
defaultProps
=
{
prefixCls
:
'
ant-timeline
'
,
};
export
default
Timeline
;
Timeline
.
Item
=
TimelineItem
;
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录