chore: fix spelling errors

Author: Wxh16144

packages/desktop-ui/src/base-drawer/demo/Base.tsx

@@ -1,9 +1,9 @@
 import React, { useRef } from 'react'
 import { Button } from 'antd'
-import type { UseModalEnhancedAction, UseModalEnhancedContext } from '@template-pro/desktop-ui'
+import type { UseModalEnhancedAction, UseModalEnhancedContent } from '@template-pro/desktop-ui'
 import { BaseDrawer } from '@template-pro/desktop-ui'
 
-const Content = ({ enhancedAction }: Partial<UseModalEnhancedContext>) => (
+const Content = ({ enhancedAction }: Partial<UseModalEnhancedContent>) => (
   <>
     <h3>这是抽屉内容</h3>
     <Button onClick={enhancedAction?.close}>

packages/desktop-ui/src/base-modal/demo/Base.tsx

@@ -1,9 +1,9 @@
 import React, { useRef } from 'react'
 import { Button } from 'antd'
-import type { UseModalEnhancedAction, UseModalEnhancedContext } from '@template-pro/desktop-ui'
+import type { UseModalEnhancedAction, UseModalEnhancedContent } from '@template-pro/desktop-ui'
 import { BaseModal } from '@template-pro/desktop-ui'
 
-const Content = ({ enhancedAction }: Partial<UseModalEnhancedContext>) => (
+const Content = ({ enhancedAction }: Partial<UseModalEnhancedContent>) => (
   <>
     <h3>这是弹框内容</h3>
     <Button onClick={enhancedAction?.close}>

packages/desktop-ui/src/index.tsx

@@ -21,6 +21,6 @@ export { ConditionInput } from '@template-pro/rc-ui'
 export type { ConditionInputProps, ConditionInputCoverProps } from '@template-pro/rc-ui'
 export type {
   UseModalEnhancedAction,
-  UseModalEnhancedContext,
+  UseModalEnhancedContent,
   UseModalEnhancedProps,
 } from '@template-pro/utils'

packages/mobile-ui/src/base-mask/demo/Base.tsx

@@ -1,10 +1,10 @@
 import React, { useRef } from 'react'
-import type { UseModalEnhancedAction, UseModalEnhancedContext } from '@template-pro/mobile-ui'
+import type { UseModalEnhancedAction, UseModalEnhancedContent } from '@template-pro/mobile-ui'
 import { BaseMask } from '@template-pro/mobile-ui'
 import { Button } from 'antd-mobile'
 import styles from './style.less'
 
-const Content = ({ enhancedAction }: Partial<UseModalEnhancedContext>) => (
+const Content = ({ enhancedAction }: Partial<UseModalEnhancedContent>) => (
   <div className={styles.overlayContent}>
     <h3>这是背景蒙层内容</h3>
     <Button onClick={enhancedAction?.close}>

packages/mobile-ui/src/base-popup/demo/Base.tsx

@@ -1,9 +1,9 @@
 import React, { useRef } from 'react'
-import type { UseModalEnhancedAction, UseModalEnhancedContext } from '@template-pro/mobile-ui'
+import type { UseModalEnhancedAction, UseModalEnhancedContent } from '@template-pro/mobile-ui'
 import { BasePopup } from '@template-pro/mobile-ui'
 import { Button } from 'antd-mobile'
 
-const Content = ({ enhancedAction }: Partial<UseModalEnhancedContext>) => (
+const Content = ({ enhancedAction }: Partial<UseModalEnhancedContent>) => (
   <div style={{ padding: 24 }}>
     <h3>这是弹出层内容</h3>
     <Button onClick={enhancedAction?.close}>

packages/mobile-ui/src/index.tsx

@@ -9,6 +9,6 @@ export { ConditionInput } from '@template-pro/rc-ui'
 export type { ConditionInputProps, ConditionInputCoverProps } from '@template-pro/rc-ui'
 export type {
   UseModalEnhancedAction,
-  UseModalEnhancedContext,
+  UseModalEnhancedContent,
   UseModalEnhancedProps,
 } from '@template-pro/utils'

packages/utils/src/index.ts

@@ -4,7 +4,7 @@ export { default as mergeProps } from './with-default-props'
 export type {
   UseModalEnhancedAction,
   UseModalEnhancedProps,
-  UseModalEnhancedContext,
+  UseModalEnhancedContent,
 } from './use-modal-enhanced'
 export { default as useModalEnhanced } from './use-modal-enhanced'
 

packages/utils/src/use-modal-enhanced/demo/Basic.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { UseModalEnhancedAction, UseModalEnhancedContext, UseModalEnhancedProps } from '@template-pro/utils'
+import type { UseModalEnhancedAction, UseModalEnhancedContent, UseModalEnhancedProps } from '@template-pro/utils'
 import { useModalEnhanced } from '@template-pro/utils'
 import type { ModalProps } from './Modal'
 import Modal from './Modal'
@@ -29,7 +29,7 @@ const EnhancedModal = (props: EnhancedModalProps) => {
 }
 
 // Final usage
-const Content = ({ enhancedAction }: Partial<UseModalEnhancedContext>) => (
+const Content = ({ enhancedAction }: Partial<UseModalEnhancedContent>) => (
   <>
     hello world
     <p>Content</p>

packages/utils/src/use-modal-enhanced/index.tsx

@@ -2,7 +2,7 @@ import useBoolean from 'ahooks/es/useBoolean'
 import React from 'react'
 import { isDOMTypeElement, isElement } from '../is'
 
-export interface UseModalEnhancedContext {
+export interface UseModalEnhancedContent {
   enhancedAction: UseModalEnhancedAction
 }
 
@@ -46,8 +46,8 @@ function useModalEnhanced(props: UseModalEnhancedProps = {}) {
 
   // ======================== Content ========================
   let contentNode: React.ReactNode = content
-  if (isElement<UseModalEnhancedContext>(contentNode) && !isDOMTypeElement(contentNode)) {
-    contentNode = React.cloneElement<UseModalEnhancedContext>(contentNode, {
+  if (isElement<UseModalEnhancedContent>(contentNode) && !isDOMTypeElement(contentNode)) {
+    contentNode = React.cloneElement<UseModalEnhancedContent>(contentNode, {
       enhancedAction: actionRef.current,
     })
   }