diff --git a/examples/sites/demos/pc/app/modal/message-closable-composition-api.vue b/examples/sites/demos/pc/app/modal/message-closable-composition-api.vue
index f43948b475..0f0e2a2c58 100644
--- a/examples/sites/demos/pc/app/modal/message-closable-composition-api.vue
+++ b/examples/sites/demos/pc/app/modal/message-closable-composition-api.vue
@@ -13,6 +13,13 @@ function showModal() {
     status: 'info',
     messageClosable: true,
     events: {
+      hide: () => {
+        Notify({
+          type: 'info',
+          title: '触发hide回调事件',
+          position: 'top-right'
+        })
+      },
       close: () => {
         Notify({
           type: 'info',
diff --git a/examples/sites/demos/pc/app/modal/message-closable.vue b/examples/sites/demos/pc/app/modal/message-closable.vue
index 0644da381e..4061d8ff87 100644
--- a/examples/sites/demos/pc/app/modal/message-closable.vue
+++ b/examples/sites/demos/pc/app/modal/message-closable.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { Button, Modal } from '@opentiny/vue'
+import { Button, Modal, Notify } from '@opentiny/vue'
 
 export default {
   components: {
@@ -18,6 +18,13 @@ export default {
         status: 'info',
         messageClosable: true,
         events: {
+          hide: () => {
+            Notify({
+              type: 'info',
+              title: '触发hide回调事件',
+              position: 'top-right'
+            })
+          },
           close: () => {
             Notify({
               type: 'info',
diff --git a/packages/renderless/src/modal/index.ts b/packages/renderless/src/modal/index.ts
index 38cd2096b6..511bc4ef92 100644
--- a/packages/renderless/src/modal/index.ts
+++ b/packages/renderless/src/modal/index.ts
@@ -370,13 +370,13 @@ export const close =
       state.contentVisible = false
       setTimeout(() => {
         state.visible = false
-
         let params = { type, $modal: parent }
-        if (events.close) {
-          events.close.call(parent, params)
+        emit('close', params)
+        if (events.hide) {
+          events.hide.call(parent, params)
         } else {
           emit('update:modelValue', false)
-          emit('close', params)
+          emit('hide', params)
         }
       }, 200)
     }
diff --git a/packages/vue/src/modal/index.ts b/packages/vue/src/modal/index.ts
index d480be0f90..3fb64c5acd 100644
--- a/packages/vue/src/modal/index.ts
+++ b/packages/vue/src/modal/index.ts
@@ -31,18 +31,18 @@ export function Modal(options) {
       let events = options.events || {}
       let $modal
       options.events = Object.assign({}, events, {
+        hide(params) {
+          events.hide && events.hide.call(this, params)
+          if ($modal.beforeUnmouted) {
+            $modal.beforeUnmouted()
+          }
+          resolve(params.type)
+        },
         confirm(params) {
           events.confirm && events.confirm.call(this, params)
         },
         show(params) {
           events.show && events.show.call(this, params)
-        },
-        close(params) {
-          events.close && events.close.call(this, params)
-          if ($modal.beforeUnmouted) {
-            $modal.beforeUnmouted()
-          }
-          resolve(params.type)
         }
       })