feat: 导出上下文中的 useEasyAntdModal hook

Wxh16144 · Aug 1, 2023 · e614ead · e614ead
1 parent 7873164
commit e614ead
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/src/context/index.tsx b/src/context/index.tsx
@@ -18,13 +18,13 @@ export const EasyAntdModalContext = React.createContext<EasyAntdModalContextType
   contentProps: 'children',
 });
 
-export const useEasyAntdModalContext = () => React.useContext(EasyAntdModalContext);
+export const useEasyAntdModal = () => React.useContext(EasyAntdModalContext);
 
 export const EasyAntdModalProvider = (props: React.PropsWithChildren<EasyAntdModalContextType>) => {
   const {
     triggerProps: parentTriggerProps = 'trigger',
     contentProps: parentContentProps = 'children',
-  } = useEasyAntdModalContext();
+  } = useEasyAntdModal();
 
   const { children, triggerProps = parentTriggerProps, contentProps = parentContentProps } = props;
 

diff --git a/src/hooks/useModalEnhanced.ts b/src/hooks/useModalEnhanced.ts
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useEasyAntdModalContext } from '../context';
+import { useEasyAntdModal } from '../context';
 import type { AnyFunction, AnyObj } from '../types';
 import { isDOMTypeElement, isElement, omit } from '../util';
 import useBoolean from './useBoolean';
@@ -34,7 +34,7 @@ function useModalEnhanced(props: UseModalEnhancedProps = {}) {
 
   const [visible, { setTrue: open, setFalse: close }] = useBoolean(defaultOpen);
   const actionRef = React.useRef<ModalEnhancedAction>({ open, close });
-  const { triggerProps, contentProps } = useEasyAntdModalContext();
+  const { triggerProps, contentProps } = useEasyAntdModal();
 
   const mergedTrigger = props[triggerProps!] as TriggerType;
   const mergedContent = props[contentProps!] as ContentType;

diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,4 @@
-import { EasyAntdModalProvider } from './context'; // 只导出 Provider!!!
+import { EasyAntdModalProvider, useEasyAntdModal } from './context';
 import DragModal from './drag-modal';
 import Drawer from './drawer';
 import Modal from './modal';
@@ -10,7 +10,14 @@ export * from './util';
 export * from './drag-modal';
 export * from './modal';
 
-export { DragModal, Drawer, EasyAntdModalProvider, Modal };
+export {
+  DragModal,
+  Drawer,
+  EasyAntdModalProvider,
+  Modal,
+  // ====== Hooks ======
+  useEasyAntdModal,
+};
 
 export default Modal;