fix(modal): [modal] modify bug (#2106)

Author: James-9696

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',

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',

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)
     }

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)
         }
       })