Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
c9fd887c
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,发现更多精彩内容 >>
提交
c9fd887c
编写于
3月 09, 2016
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(style): Make arrow point to target always
上级
e5ba8b72
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
98 addition
and
1 deletion
+98
-1
components/popconfirm/index.jsx
components/popconfirm/index.jsx
+5
-1
components/popover/index.jsx
components/popover/index.jsx
+3
-0
components/popover/placements.js
components/popover/placements.js
+84
-0
components/tooltip/index.jsx
components/tooltip/index.jsx
+6
-0
未找到文件。
components/popconfirm/index.jsx
浏览文件 @
c9fd887c
...
...
@@ -2,7 +2,9 @@ import React from 'react';
import
Tooltip
from
'
rc-tooltip
'
;
import
Icon
from
'
../icon
'
;
import
Button
from
'
../button
'
;
import
getPlacements
from
'
../popover/placements
'
;
const
placements
=
getPlacements
();
const
prefixCls
=
'
ant-popover
'
;
const
noop
=
function
()
{};
const
transitionNames
=
{
...
...
@@ -81,7 +83,9 @@ export default React.createClass({
const
transitionName
=
transitionNames
[
placement
];
return
(
<
Tooltip
{
...
restProps
}
placement
=
{
placement
}
<
Tooltip
{
...
restProps
}
placement
=
{
placement
}
builtinPlacements
=
{
placements
}
overlayStyle
=
{
overlayStyle
}
prefixCls
=
{
prefixCls
}
onVisibleChange
=
{
this
.
onVisibleChange
}
...
...
components/popover/index.jsx
浏览文件 @
c9fd887c
import
React
from
'
react
'
;
import
Tooltip
from
'
rc-tooltip
'
;
import
getPlacements
from
'
./placements
'
;
const
placements
=
getPlacements
();
const
prefixCls
=
'
ant-popover
'
;
const
Popover
=
React
.
createClass
({
...
...
@@ -33,6 +35,7 @@ const Popover = React.createClass({
return
(
<
Tooltip
transitionName
=
{
transitionName
}
builtinPlacements
=
{
placements
}
ref
=
"tooltip"
{
...
this
.
props
}
overlay
=
{
this
.
getOverlay
()
}
>
...
...
components/popover/placements.js
0 → 100644
浏览文件 @
c9fd887c
const
autoAdjustOverflow
=
{
adjustX
:
1
,
adjustY
:
1
,
};
const
targetOffset
=
[
0
,
0
];
export
default
function
getPlacements
(
config
=
{})
{
const
{
arrowWidth
=
5
,
horizontalArrowShift
=
16
,
verticalArrowShift
=
12
}
=
config
;
return
{
left
:
{
points
:
[
'
cr
'
,
'
cl
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
-
4
,
0
],
targetOffset
,
},
right
:
{
points
:
[
'
cl
'
,
'
cr
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
4
,
0
],
targetOffset
,
},
top
:
{
points
:
[
'
bc
'
,
'
tc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
0
,
-
4
],
targetOffset
,
},
bottom
:
{
points
:
[
'
tc
'
,
'
bc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
0
,
4
],
targetOffset
,
},
topLeft
:
{
points
:
[
'
bl
'
,
'
tc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
-
(
horizontalArrowShift
+
arrowWidth
),
-
4
],
targetOffset
,
},
leftTop
:
{
points
:
[
'
tr
'
,
'
cl
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
-
4
,
-
(
verticalArrowShift
+
arrowWidth
)],
targetOffset
,
},
topRight
:
{
points
:
[
'
br
'
,
'
tc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
horizontalArrowShift
+
arrowWidth
,
-
4
],
targetOffset
,
},
rightTop
:
{
points
:
[
'
tl
'
,
'
cr
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
4
,
-
(
verticalArrowShift
+
arrowWidth
)],
targetOffset
,
},
bottomRight
:
{
points
:
[
'
tr
'
,
'
bc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
horizontalArrowShift
+
arrowWidth
,
4
],
targetOffset
,
},
rightBottom
:
{
points
:
[
'
bl
'
,
'
cr
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
4
,
verticalArrowShift
+
arrowWidth
],
targetOffset
,
},
bottomLeft
:
{
points
:
[
'
tl
'
,
'
bc
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
-
(
horizontalArrowShift
+
arrowWidth
),
4
],
targetOffset
,
},
leftBottom
:
{
points
:
[
'
br
'
,
'
cl
'
],
overflow
:
autoAdjustOverflow
,
offset
:
[
-
4
,
verticalArrowShift
+
arrowWidth
],
targetOffset
,
},
};
}
components/tooltip/index.jsx
浏览文件 @
c9fd887c
import
React
from
'
react
'
;
import
Tooltip
from
'
rc-tooltip
'
;
import
getPlacements
from
'
../popover/placements
'
;
const
placements
=
getPlacements
({
verticalArrowShift
:
8
,
});
export
default
React
.
createClass
({
getDefaultProps
()
{
...
...
@@ -42,6 +47,7 @@ export default React.createClass({
return
(
<
Tooltip
transitionName
=
{
transitionName
}
builtinPlacements
=
{
placements
}
overlay
=
{
this
.
props
.
title
}
visible
=
{
visible
}
onVisibleChange
=
{
this
.
onVisibleChange
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录