UNPKG

easy-antd-modal

Version:

二次开发, 简化 Ant Design Modal 的使用方式

35 lines (34 loc) 1.48 kB
import type { AnyObj, PropsWithModalEnhanced, UseModalEnhancedProps } from '@wuxh/use-modal-enhanced'; import type { DrawerProps as AntdDrawerProps } from 'antd'; /** @internal */ type CloseCallback = Pick<AntdDrawerProps, 'onClose'>; /** * @description 方便用户自定义 `Modal` 的 `props` * @see [easy-antd-modal/typescript](https://wxh16144.github.io/easy-antd-modal/typescript) * @example * ```tsx * // 这段可以直接添加到你的任何 `.ts` 文件中,例如 `antd-modal.ts` * // 也可以添加到一个 `.d.ts` 文件中。确保这个文件包含在项目的 `tsconfig.json` 中的 "file" 字段内。 * import 'easy-antd-modal' * * declare module 'easy-antd-modal' { * interface DrawerProps { * // `antd` 的 `Modal` 组件的 `visible` 属性 * visible?: boolean * } * } * * // 为了确保这个文件被当作一个模块,添加至少一个 `export` 声明 * export {} * ``` */ export interface DrawerProps extends Omit<AntdDrawerProps, 'visible' | 'children' | 'onClick'>, UseModalEnhancedProps { } /** * @description 方便用户自定义 `Modal` 的 `props` * @since 1.6.0 */ export type DrawerContentPropsWithEnhanced<P extends AnyObj = AnyObj> = PropsWithModalEnhanced<P, CloseCallback>; /** @see [easy-antd-modal#Drawer](https://github.com/Wxh16144/easy-antd-modal/blob/master/src/drawer/index.tsx) */ declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element; export default Drawer;