fix: Fixed confirm onClose (#64)

* feat: Add `modal` component

* feat: Update control params

* feat: Update avatar type

* feat: Update confirm

* docs: Update modal docs

* docs: Update confirm modal docs

* fix: Fixed import path

* feat: Update title and button name

* feat: Add `onClose`

* feat: Add `confirm` component

* feat: Update control params

* feat: Update avatar type

* feat: Update confirm

* docs: Update modal docs

* feat: Add `onClose`

* fix: Fixed merge an extra line

libs/mibao-ui/src/index.ts

@@ -1,5 +1,6 @@
 import './index.scss'
 
+export * from './lib/confirm/confirm'
 export * from './lib/select/select'
 export * from './lib/pagination/pagination'
 export * from './lib/alert/alert'

libs/mibao-ui/src/lib/confirm/confirm.tsx

@@ -1,5 +1,5 @@
 import './confirm.module.scss'
-import React, { ReactNode, createContext, useState, useContext } from 'react'
+import React, { ReactNode, createContext, useState, useContext, useCallback } from 'react'
 import {
   Modal,
   ModalBody,
@@ -37,8 +37,12 @@ const ConfirmModal: React.FC<{
   onClose: () => void
 }> = (props) => {
   const context = useContext(ConfirmContext)
+  const onClose = useCallback(() => {
+    context.props?.onCancel?.()
+    props.onClose?.()
+  }, [context.props, props])
 
-  return <Modal isOpen={props.isOpen} onClose={props.onClose}>
+  return <Modal isOpen={props.isOpen} onClose={onClose}>
     <ModalOverlay />
     <ModalContent>
       <ModalHeader>{context.props?.title}</ModalHeader>
@@ -57,10 +61,7 @@ const ConfirmModal: React.FC<{
           </Button>
 
           {
-            context.props?.onCancel && <Button isFullWidth onClick={() => {
-              context.props?.onCancel?.()
-              props.onClose?.()
-            }}>
+            context.props?.onCancel && <Button isFullWidth onClick={onClose}>
               { context.props?.cancelText ?? 'Cancel' }
             </Button>
           }