Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
weixin_54851307
vue-vben-admin
提交
b6d5e5c9
V
vue-vben-admin
项目概览
weixin_54851307
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
1
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,发现更多精彩内容 >>
提交
b6d5e5c9
编写于
11月 05, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf: enhance openModal and openDrawer
上级
94bf854d
变更
6
显示空白变更内容
内联
并排
Showing
6 changed file
with
38 addition
and
14 deletion
+38
-14
src/components/Drawer/src/types.ts
src/components/Drawer/src/types.ts
+1
-1
src/components/Drawer/src/useDrawer.ts
src/components/Drawer/src/useDrawer.ts
+4
-1
src/components/Modal/src/types.ts
src/components/Modal/src/types.ts
+2
-2
src/components/Modal/src/useModal.ts
src/components/Modal/src/useModal.ts
+4
-1
src/views/demo/comp/drawer/index.vue
src/views/demo/comp/drawer/index.vue
+12
-3
src/views/demo/comp/modal/index.vue
src/views/demo/comp/modal/index.vue
+15
-6
未找到文件。
src/components/Drawer/src/types.ts
浏览文件 @
b6d5e5c9
...
@@ -7,7 +7,7 @@ export interface DrawerInstance {
...
@@ -7,7 +7,7 @@ export interface DrawerInstance {
}
}
export
interface
ReturnMethods
extends
DrawerInstance
{
export
interface
ReturnMethods
extends
DrawerInstance
{
openDrawer
:
(
visible
?:
boolean
)
=>
void
;
openDrawer
:
<
T
=
any
>
(
visible
?:
boolean
,
data
?:
T
)
=>
void
;
transferDrawerData
:
(
data
:
any
)
=>
void
;
transferDrawerData
:
(
data
:
any
)
=>
void
;
}
}
...
...
src/components/Drawer/src/useDrawer.ts
浏览文件 @
b6d5e5c9
...
@@ -51,10 +51,13 @@ export function useDrawer(): UseDrawerReturnType {
...
@@ -51,10 +51,13 @@ export function useDrawer(): UseDrawerReturnType {
getInstance
().
setDrawerProps
(
props
);
getInstance
().
setDrawerProps
(
props
);
},
},
openDrawer
:
(
visible
=
true
):
void
=>
{
openDrawer
:
<
T
=
any
>
(
visible
=
true
,
data
?:
T
):
void
=>
{
getInstance
().
setDrawerProps
({
getInstance
().
setDrawerProps
({
visible
:
visible
,
visible
:
visible
,
});
});
if
(
data
)
{
dataTransferRef
[
unref
(
uidRef
)]
=
data
;
}
},
},
transferDrawerData
(
val
:
any
)
{
transferDrawerData
(
val
:
any
)
{
...
...
src/components/Modal/src/types.ts
浏览文件 @
b6d5e5c9
import
type
{
ButtonProps
}
from
'
ant-design-vue/
types/button/button
'
;
import
type
{
ButtonProps
}
from
'
ant-design-vue/
lib/button/buttonTypes
'
;
import
type
{
CSSProperties
,
VNodeChild
}
from
'
vue
'
;
import
type
{
CSSProperties
,
VNodeChild
}
from
'
vue
'
;
/**
/**
* @description: 弹窗对外暴露的方法
* @description: 弹窗对外暴露的方法
...
@@ -9,7 +9,7 @@ export interface ModalMethods {
...
@@ -9,7 +9,7 @@ export interface ModalMethods {
export
type
RegisterFn
=
(
modalMethods
:
ModalMethods
,
uuid
?:
string
)
=>
void
;
export
type
RegisterFn
=
(
modalMethods
:
ModalMethods
,
uuid
?:
string
)
=>
void
;
export
interface
ReturnMethods
extends
ModalMethods
{
export
interface
ReturnMethods
extends
ModalMethods
{
openModal
:
(
props
?:
boolean
)
=>
void
;
openModal
:
<
T
=
any
>
(
props
?:
boolean
,
data
?:
T
)
=>
void
;
transferModalData
:
(
data
:
any
)
=>
void
;
transferModalData
:
(
data
:
any
)
=>
void
;
}
}
export
type
UseModalReturnType
=
[
RegisterFn
,
ReturnMethods
];
export
type
UseModalReturnType
=
[
RegisterFn
,
ReturnMethods
];
...
...
src/components/Modal/src/useModal.ts
浏览文件 @
b6d5e5c9
...
@@ -46,10 +46,13 @@ export function useModal(): UseModalReturnType {
...
@@ -46,10 +46,13 @@ export function useModal(): UseModalReturnType {
getInstance
().
setModalProps
(
props
);
getInstance
().
setModalProps
(
props
);
},
},
openModal
:
(
visible
=
true
):
void
=>
{
openModal
:
<
T
=
any
>
(
visible
=
true
,
data
?:
T
):
void
=>
{
getInstance
().
setModalProps
({
getInstance
().
setModalProps
({
visible
:
visible
,
visible
:
visible
,
});
});
if
(
data
)
{
dataTransferRef
[
unref
(
uidRef
)]
=
data
;
}
},
},
transferModalData
(
val
:
any
)
{
transferModalData
(
val
:
any
)
{
...
...
src/views/demo/comp/drawer/index.vue
浏览文件 @
b6d5e5c9
...
@@ -38,14 +38,23 @@
...
@@ -38,14 +38,23 @@
const
[
register1
,
{
openDrawer
:
openDrawer1
,
setDrawerProps
}]
=
useDrawer
();
const
[
register1
,
{
openDrawer
:
openDrawer1
,
setDrawerProps
}]
=
useDrawer
();
const
[
register2
,
{
openDrawer
:
openDrawer2
}]
=
useDrawer
();
const
[
register2
,
{
openDrawer
:
openDrawer2
}]
=
useDrawer
();
const
[
register3
,
{
openDrawer
:
openDrawer3
}]
=
useDrawer
();
const
[
register3
,
{
openDrawer
:
openDrawer3
}]
=
useDrawer
();
const
[
register4
,
{
openDrawer
:
openDrawer4
,
transferDrawerData
}]
=
useDrawer
();
const
[
register4
,
{
openDrawer
:
openDrawer4
,
// ransferDrawerData
},
]
=
useDrawer
();
const
[
register5
,
{
openDrawer
:
openDrawer5
}]
=
useDrawer
();
const
[
register5
,
{
openDrawer
:
openDrawer5
}]
=
useDrawer
();
function
send
()
{
function
send
()
{
transferDrawerData
({
// transferDrawerData({
// data: 'content',
// info: 'Info',
// });
openDrawer4
(
true
,
{
data
:
'
content
'
,
data
:
'
content
'
,
info
:
'
Info
'
,
info
:
'
Info
'
,
});
});
openDrawer4
(
true
);
}
}
function
openDrawerLoading
()
{
function
openDrawerLoading
()
{
openDrawer1
();
openDrawer1
();
...
...
src/views/demo/comp/modal/index.vue
浏览文件 @
b6d5e5c9
...
@@ -40,19 +40,28 @@
...
@@ -40,19 +40,28 @@
const
[
register1
,
{
openModal
:
openModal1
,
setModalProps
}]
=
useModal
();
const
[
register1
,
{
openModal
:
openModal1
,
setModalProps
}]
=
useModal
();
const
[
register2
,
{
openModal
:
openModal2
}]
=
useModal
();
const
[
register2
,
{
openModal
:
openModal2
}]
=
useModal
();
const
[
register3
,
{
openModal
:
openModal3
}]
=
useModal
();
const
[
register3
,
{
openModal
:
openModal3
}]
=
useModal
();
const
[
register4
,
{
openModal
:
openModal4
,
transferModalData
}]
=
useModal
();
const
[
register4
,
{
openModal
:
openModal4
,
// transferModalData
},
]
=
useModal
();
function
send
()
{
function
send
()
{
transferModalData
({
//
transferModalData({
data
:
'
content
'
,
//
data: 'content',
info
:
'
Info
'
,
//
info: 'Info',
});
//
});
// setTimeout(() => {
// setTimeout(() => {
// transferModalData({
// transferModalData({
// data: 'content1',
// data: 'content1',
// info: 'Info1',
// info: 'Info1',
// });
// });
// }, 3000);
// }, 3000);
openModal4
(
true
);
openModal4
(
true
,
{
data
:
'
content
'
,
info
:
'
Info
'
,
});
}
}
function
openModalLoading
()
{
function
openModalLoading
()
{
openModal1
();
openModal1
();
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录