Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
jxf111348
vue-vben-admin
提交
bbfb06f0
V
vue-vben-admin
项目概览
jxf111348
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
bbfb06f0
编写于
10月 13, 2020
作者:
N
nebv
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf: optimize preview and ContextMenu functions
上级
a7c09703
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
13 addition
and
15 deletion
+13
-15
src/components/ContextMenu/index.ts
src/components/ContextMenu/index.ts
+6
-9
src/components/Preview/src/functional.ts
src/components/Preview/src/functional.ts
+7
-6
未找到文件。
src/components/ContextMenu/index.ts
浏览文件 @
bbfb06f0
import
contextMenuVue
from
'
./src/index
'
;
import
{
isClient
}
from
'
/@/utils/is
'
;
import
{
Options
,
Props
}
from
'
./src/types
'
;
import
{
create
App
}
from
'
vue
'
;
import
{
create
VNode
,
render
}
from
'
vue
'
;
const
menuManager
:
{
doms
:
Element
[];
resolve
:
Fn
;
...
...
@@ -19,7 +19,7 @@ export const createContextMenu = function (options: Options) {
if
(
!
isClient
)
return
;
return
new
Promise
((
resolve
)
=>
{
const
wrapDom
=
document
.
createElement
(
'
div
'
);
const
container
=
document
.
createElement
(
'
div
'
);
const
propsData
:
Partial
<
Props
>
=
{};
if
(
options
.
styles
!==
undefined
)
propsData
.
styles
=
options
.
styles
;
if
(
options
.
items
!==
undefined
)
propsData
.
items
=
options
.
items
;
...
...
@@ -27,12 +27,12 @@ export const createContextMenu = function (options: Options) {
propsData
.
customEvent
=
event
;
propsData
.
axis
=
{
x
:
event
.
clientX
,
y
:
event
.
clientY
};
}
createApp
(
contextMenuVue
,
propsData
).
mount
(
wrapDom
);
const
vm
=
createVNode
(
contextMenuVue
,
propsData
);
render
(
vm
,
container
);
const
bodyClick
=
function
()
{
menuManager
.
resolve
(
''
);
};
const
contextMenuDom
=
wrapDom
.
children
[
0
];
menuManager
.
doms
.
push
(
contextMenuDom
);
menuManager
.
doms
.
push
(
container
);
const
remove
=
function
()
{
menuManager
.
doms
.
forEach
((
dom
:
Element
)
=>
{
try
{
...
...
@@ -41,16 +41,13 @@ export const createContextMenu = function (options: Options) {
});
document
.
body
.
removeEventListener
(
'
click
'
,
bodyClick
);
document
.
body
.
removeEventListener
(
'
scroll
'
,
bodyClick
);
try
{
(
wrapDom
as
any
)
=
null
;
}
catch
(
error
)
{}
};
menuManager
.
resolve
=
function
(...
arg
:
any
)
{
resolve
(
arg
[
0
]);
remove
();
};
remove
();
document
.
body
.
appendChild
(
cont
extMenuDom
);
document
.
body
.
appendChild
(
cont
ainer
);
document
.
body
.
addEventListener
(
'
click
'
,
bodyClick
);
document
.
body
.
addEventListener
(
'
scroll
'
,
bodyClick
);
});
...
...
src/components/Preview/src/functional.ts
浏览文件 @
bbfb06f0
...
...
@@ -3,19 +3,20 @@ import { isClient } from '/@/utils/is';
import
type
{
Options
,
Props
}
from
'
./types
'
;
import
{
create
App
}
from
'
vue
'
;
import
{
create
VNode
,
render
}
from
'
vue
'
;
let
instance
:
any
=
null
;
export
function
createImgPreview
(
options
:
Options
)
{
if
(
!
isClient
)
return
;
const
{
imageList
,
show
=
true
,
index
=
0
}
=
options
;
const
propsData
:
Partial
<
Props
>
=
{};
const
wrapDom
=
document
.
createElement
(
'
div
'
);
const
container
=
document
.
createElement
(
'
div
'
);
propsData
.
imageList
=
imageList
;
propsData
.
show
=
show
;
propsData
.
index
=
index
;
const
imgDom
=
createApp
(
ImgPreview
,
propsData
);
i
mgDom
.
mount
(
wrapDom
);
const
imgPreviewDom
=
wrapDom
.
children
[
0
]
;
document
.
body
.
appendChild
(
imgPreviewDom
);
i
nstance
=
createVNode
(
ImgPreview
,
propsData
);
render
(
instance
,
container
)
;
document
.
body
.
appendChild
(
container
);
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录