dark
4 months ago
4 changed files with 153 additions and 35 deletions
-
10src/components/dialog/useDialog.tsx
-
37src/components/modal-pro/index.tsx
-
21src/components/table/Table.tsx
-
68src/components/table/style.ts
@ -0,0 +1,37 @@ |
|||||
|
import { Modal, ModalFuncProps } from 'antd' |
||||
|
import React from 'react' |
||||
|
import { HookAPI } from 'antd/es/modal/useModal' |
||||
|
import { useDialog } from '@/components/dialog' |
||||
|
|
||||
|
export interface AlterProps extends ModalFuncProps { |
||||
|
onLoad?: () => void |
||||
|
alterType: keyof HookAPI | 'dialog' |
||||
|
children: JSX.Element | React.ReactNode |
||||
|
|
||||
|
} |
||||
|
|
||||
|
const ModalPro = ({ onLoad, alterType, children, ...props }: AlterProps) => { |
||||
|
|
||||
|
const [ modal, modalHolder ] = Modal.useModal() |
||||
|
const [ dialogRef, dialog, ] = useDialog(props) |
||||
|
|
||||
|
|
||||
|
return ( |
||||
|
<> |
||||
|
<span onClick={() => { |
||||
|
if (onLoad) { |
||||
|
onLoad() |
||||
|
} |
||||
|
if (alterType === 'dialog') { |
||||
|
dialogRef.current?.show() |
||||
|
} else { |
||||
|
modal[alterType]?.(props) |
||||
|
} |
||||
|
}}>{children}</span> |
||||
|
{alterType !== 'dialog' && modalHolder} |
||||
|
{alterType === 'dialog' && dialog} |
||||
|
</> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
export default ModalPro |
Write
Preview
Loading…
Cancel
Save
Reference in new issue