Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
陈庄旺
uni-app
提交
35d77e03
U
uni-app
项目概览
陈庄旺
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
35d77e03
编写于
11月 17, 2021
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: closePreviewImage
上级
225c8a06
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
48 addition
and
7 deletion
+48
-7
packages/uni-api/src/protocols/media/previewImage.ts
packages/uni-api/src/protocols/media/previewImage.ts
+3
-0
packages/uni-app-plus/src/service/api/media/previewImage.ts
packages/uni-app-plus/src/service/api/media/previewImage.ts
+15
-0
packages/uni-h5-vite/lib/api.json
packages/uni-h5-vite/lib/api.json
+1
-0
packages/uni-h5/src/service/api/media/previewImage/index.ts
packages/uni-h5/src/service/api/media/previewImage/index.ts
+29
-7
未找到文件。
packages/uni-api/src/protocols/media/previewImage.ts
浏览文件 @
35d77e03
...
...
@@ -30,3 +30,6 @@ export const PreviewImageProtocol: ApiProtocol<API_TYPE_PREVIEW_IMAGE> = {
type
:
[
Number
,
String
],
},
}
export
const
API_CLOSE_PREVIEW_IMAGE
=
'
closePreviewImage
'
export
type
API_TYPE_CLOSE_PREVIEW_IMAGE
=
typeof
uni
.
closePreviewImage
packages/uni-app-plus/src/service/api/media/previewImage.ts
浏览文件 @
35d77e03
...
...
@@ -4,6 +4,8 @@ import {
defineAsyncApi
,
PreviewImageProtocol
,
PreviewImageOptions
,
API_CLOSE_PREVIEW_IMAGE
,
API_TYPE_CLOSE_PREVIEW_IMAGE
,
}
from
'
@dcloudio/uni-api
'
import
{
isPlainObject
}
from
'
@vue/shared
'
...
...
@@ -96,3 +98,16 @@ export const previewImage = <API_TYPE_PREVIEW_IMAGE>defineAsyncApi(
PreviewImageProtocol
,
PreviewImageOptions
)
export
const
closePreviewImage
=
defineAsyncApi
<
API_TYPE_CLOSE_PREVIEW_IMAGE
>
(
API_CLOSE_PREVIEW_IMAGE
,
(
_
,
{
resolve
,
reject
})
=>
{
try
{
// @ts-expect-error
plus
.
nativeUI
.
closePreviewImage
()
resolve
()
}
catch
(
error
)
{
reject
()
}
}
)
packages/uni-h5-vite/lib/api.json
浏览文件 @
35d77e03
...
...
@@ -17,6 +17,7 @@
"chooseVideo"
,
"clearStorage"
,
"clearStorageSync"
,
"closePreviewImage"
,
"closeSocket"
,
"connectSocket"
,
"createAnimation"
,
...
...
packages/uni-h5/src/service/api/media/previewImage/index.ts
浏览文件 @
35d77e03
...
...
@@ -6,11 +6,22 @@ import {
defineAsyncApi
,
PreviewImageProtocol
,
PreviewImageOptions
,
API_CLOSE_PREVIEW_IMAGE
,
API_TYPE_CLOSE_PREVIEW_IMAGE
,
}
from
'
@dcloudio/uni-api
'
import
{
ensureRoot
,
createRootApp
}
from
'
../../ui/popup/utils
'
import
ImagePreview
,
{
Props
}
from
'
./ImagePreview
'
let
state
:
Props
|
null
=
null
let
imagePreviewInstance
:
ReturnType
<
typeof
createRootApp
>
|
null
const
closePreviewImageView
=
()
=>
{
state
=
null
nextTick
(()
=>
{
imagePreviewInstance
?.
unmount
()
imagePreviewInstance
=
null
})
}
export
const
previewImage
=
<
API_TYPE_PREVIEW_IMAGE
>
defineAsyncApi
(
API_PREVIEW_IMAGE
,
...
...
@@ -19,13 +30,12 @@ export const previewImage = <API_TYPE_PREVIEW_IMAGE>defineAsyncApi(
state
=
reactive
(
args
)
as
Props
// 异步执行,避免干扰 getCurrentInstance
nextTick
(()
=>
{
const
app
=
createRootApp
(
ImagePreview
,
state
as
Props
,
()
=>
{
state
=
null
nextTick
(()
=>
{
app
.
unmount
()
})
})
app
.
mount
(
ensureRoot
(
'
u-a-p
'
))
imagePreviewInstance
=
createRootApp
(
ImagePreview
,
state
as
Props
,
closePreviewImageView
)
imagePreviewInstance
.
mount
(
ensureRoot
(
'
u-a-p
'
))
})
}
else
{
extend
(
state
,
args
)
...
...
@@ -35,3 +45,15 @@ export const previewImage = <API_TYPE_PREVIEW_IMAGE>defineAsyncApi(
PreviewImageProtocol
,
PreviewImageOptions
)
export
const
closePreviewImage
=
defineAsyncApi
<
API_TYPE_CLOSE_PREVIEW_IMAGE
>
(
API_CLOSE_PREVIEW_IMAGE
,
(
_
,
{
resolve
,
reject
})
=>
{
if
(
imagePreviewInstance
)
{
closePreviewImageView
()
resolve
()
}
else
{
reject
()
}
}
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录