easy-antd-modal
Version:
二次开发, 简化 Ant Design Modal 的使用方式
35 lines (34 loc) • 1.48 kB
TypeScript
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;