Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
bbfb06f0
提交
bbfb06f0
authored
10月 13, 2020
作者:
nebv
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf: optimize preview and ContextMenu functions
上级
a7c09703
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
13 行增加
和
15 行删除
+13
-15
index.ts
src/components/ContextMenu/index.ts
+6
-9
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
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论