Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
21d4f751
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
21d4f751
编写于
6月 18, 2019
作者:
陈
陈帅
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: fix CopyBlock style warning
上级
d75bbb29
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
10 addition
and
3 deletion
+10
-3
src/components/CopyBlock/index.tsx
src/components/CopyBlock/index.tsx
+10
-3
未找到文件。
src/components/CopyBlock/index.tsx
浏览文件 @
21d4f751
import
{
Icon
,
Popover
,
Typography
}
from
'
antd
'
;
import
{
FormattedMessage
}
from
'
umi-plugin-react/locale
'
;
import
React
from
'
react
'
;
import
React
,
{
useRef
}
from
'
react
'
;
import
{
connect
}
from
'
dva
'
;
import
{
isAntDesignPro
}
from
'
@/utils/utils
'
;
import
styles
from
'
./index.less
'
;
...
...
@@ -41,8 +41,13 @@ const BlockCodeView: React.SFC<{
text
:
blockUrl
,
onCopy
:
()
=>
onBlockCopy
(
url
),
}
}
style
=
{
{
display
:
'
flex
'
,
}
}
>
<
code
className
=
{
styles
[
'
copy-block-code
'
]
}
>
{
blockUrl
}
</
code
>
<
pre
>
<
code
className
=
{
styles
[
'
copy-block-code
'
]
}
>
{
blockUrl
}
</
code
>
</
pre
>
</
Typography
.
Paragraph
>
</
div
>
);
...
...
@@ -58,14 +63,16 @@ export default connect(({ routing }: { routing: RoutingType }) => ({
location
:
routing
.
location
,
}))(({
location
}:
RoutingType
)
=>
{
const
url
=
location
.
pathname
;
const
divDom
=
useRef
<
HTMLDivElement
>
(
null
);
return
(
<
Popover
title
=
{
<
FormattedMessage
id
=
"app.preview.down.block"
defaultMessage
=
"下载此页面到本地项目"
/>
}
placement
=
"topLeft"
content
=
{
<
BlockCodeView
url
=
{
url
}
/>
}
trigger
=
"click"
getPopupContainer
=
{
dom
=>
(
divDom
.
current
?
divDom
.
current
:
dom
)
}
>
<
div
className
=
{
styles
[
'
copy-block
'
]
}
>
<
div
className
=
{
styles
[
'
copy-block
'
]
}
ref
=
{
divDom
}
>
<
Icon
type
=
"download"
/>
</
div
>
</
Popover
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录