From 639520ad5ddf829875ab517067abf2b45ebc04c2 Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: 星期五, 11 六月 2021 22:19:02 +0800
Subject: [PATCH] feat(use-drawer): add closeDrawer function
---
src/components/Drawer/src/useDrawer.ts | 3 +++
src/components/Drawer/src/props.ts | 5 -----
src/views/demo/comp/drawer/index.vue | 12 +-----------
src/components/Drawer/src/typing.ts | 1 +
CHANGELOG.zh_CN.md | 1 +
5 files changed, 6 insertions(+), 16 deletions(-)
diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 6798f3d..d0f97ec 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -4,6 +4,7 @@
- `Cropper` 澶村儚瑁佸壀鏂板鍦嗗舰瑁佸壀鍔熻兘
- 鏂板澶村儚涓婁紶缁勪欢
+- `useDrawer`鏂板`closeDrawer`鍑芥暟
## 2.4.2(2021-06-10)
diff --git a/src/components/Drawer/src/props.ts b/src/components/Drawer/src/props.ts
index 813e250..0a7ca8c 100644
--- a/src/components/Drawer/src/props.ts
+++ b/src/components/Drawer/src/props.ts
@@ -35,15 +35,10 @@
getContainer: {
type: [Object, String] as PropType<any>,
},
- scrollOptions: {
- type: Object as PropType<any>,
- default: null,
- },
closeFunc: {
type: [Function, Object] as PropType<any>,
default: null,
},
- triggerWindowResize: { type: Boolean },
destroyOnClose: { type: Boolean },
...footerProps,
};
diff --git a/src/components/Drawer/src/typing.ts b/src/components/Drawer/src/typing.ts
index 516edc3..0df3dfd 100644
--- a/src/components/Drawer/src/typing.ts
+++ b/src/components/Drawer/src/typing.ts
@@ -9,6 +9,7 @@
export interface ReturnMethods extends DrawerInstance {
openDrawer: <T = any>(visible?: boolean, data?: T, openOnSet?: boolean) => void;
+ closeDrawer: () => void;
getVisible?: ComputedRef<boolean>;
}
diff --git a/src/components/Drawer/src/useDrawer.ts b/src/components/Drawer/src/useDrawer.ts
index 70f43f4..5c5be49 100644
--- a/src/components/Drawer/src/useDrawer.ts
+++ b/src/components/Drawer/src/useDrawer.ts
@@ -92,6 +92,9 @@
dataTransferRef[unref(uid)] = toRaw(data);
}
},
+ closeDrawer: () => {
+ getInstance()?.setDrawerProps({ visible: false });
+ },
};
return [register, methods];
diff --git a/src/views/demo/comp/drawer/index.vue b/src/views/demo/comp/drawer/index.vue
index 48214f2..7ea902b 100644
--- a/src/views/demo/comp/drawer/index.vue
+++ b/src/views/demo/comp/drawer/index.vue
@@ -39,19 +39,9 @@
const [register1, { openDrawer: openDrawer1, setDrawerProps }] = useDrawer();
const [register2, { openDrawer: openDrawer2 }] = useDrawer();
const [register3, { openDrawer: openDrawer3 }] = useDrawer();
- const [
- register4,
- {
- openDrawer: openDrawer4,
- // ransferDrawerData
- },
- ] = useDrawer();
+ const [register4, { openDrawer: openDrawer4 }] = useDrawer();
const [register5, { openDrawer: openDrawer5 }] = useDrawer();
function send() {
- // transferDrawerData({
- // data: 'content',
- // info: 'Info',
- // });
openDrawer4(true, {
data: 'content',
info: 'Info',
--
Gitblit v1.8.0