From a9c5004f4d3c88d9947f30660064ee4fec7b24c2 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 15 Sep 2023 15:06:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(design):=20drawer=E5=A2=9E=E5=8A=A0handleC?=
 =?UTF-8?q?lose=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/Drawer.vue | 14 +++++++++++++-
 packages/design/src/types.ts   | 10 +++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/packages/design/src/Drawer.vue b/packages/design/src/Drawer.vue
index 79a9d9ab..749a500f 100644
--- a/packages/design/src/Drawer.vue
+++ b/packages/design/src/Drawer.vue
@@ -1,6 +1,7 @@
 <template>
   <component
     class="tmagic-design-drawer"
+    ref="drawer"
     :is="uiComponent"
     v-bind="uiProps"
     @open="openHandler"
@@ -22,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 
 import { getConfig } from './config';
 import type { DrawerProps } from './types';
@@ -41,6 +42,8 @@ const uiComponent = ui?.component || 'el-drawer';
 
 const uiProps = computed(() => ui?.props(props) || props);
 
+const drawer = ref<any>();
+
 const openHandler = (...args: any[]) => {
   emit('open', ...args);
 };
@@ -56,4 +59,13 @@ const closedHandler = (...args: any[]) => {
 const updateModelValue = (v: any) => {
   emit('update:modelValue', v);
 };
+
+defineExpose({
+  handleClose: () => {
+    if (typeof drawer.value?.handleClose === 'function') {
+      return drawer.value.handleClose();
+    }
+    updateModelValue(false);
+  },
+});
 </script>
diff --git a/packages/design/src/types.ts b/packages/design/src/types.ts
index c5ff22a7..90bd9fe3 100644
--- a/packages/design/src/types.ts
+++ b/packages/design/src/types.ts
@@ -481,7 +481,15 @@ export interface Components {
   };
 
   drawer: {
-    component: DefineComponent<DrawerProps, {}, any> | string;
+    component:
+      | DefineComponent<
+          DrawerProps,
+          {
+            handleClose: () => void;
+          },
+          any
+        >
+      | string;
     props: (props: DrawerProps) => DrawerProps;
   };