DrawerPanel.d.ts 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import * as React from 'react';
  2. import type { DrawerProps as RCDrawerProps } from 'rc-drawer';
  3. import type { ClosableType } from '../_util/hooks/useClosable';
  4. export interface DrawerClassNames extends NonNullable<RCDrawerProps['classNames']> {
  5. header?: string;
  6. body?: string;
  7. footer?: string;
  8. }
  9. export interface DrawerStyles extends NonNullable<RCDrawerProps['styles']> {
  10. header?: React.CSSProperties;
  11. body?: React.CSSProperties;
  12. footer?: React.CSSProperties;
  13. }
  14. export interface DrawerPanelProps {
  15. prefixCls: string;
  16. title?: React.ReactNode;
  17. footer?: React.ReactNode;
  18. extra?: React.ReactNode;
  19. /**
  20. * Recommend to use closeIcon instead
  21. *
  22. * e.g.
  23. *
  24. * `<Drawer closeIcon={false} />`
  25. */
  26. closable?: ClosableType;
  27. closeIcon?: React.ReactNode;
  28. onClose?: RCDrawerProps['onClose'];
  29. children?: React.ReactNode;
  30. classNames?: DrawerClassNames;
  31. styles?: DrawerStyles;
  32. loading?: boolean;
  33. /** @deprecated Please use `styles.header` instead */
  34. headerStyle?: React.CSSProperties;
  35. /** @deprecated Please use `styles.body` instead */
  36. bodyStyle?: React.CSSProperties;
  37. /** @deprecated Please use `styles.footer` instead */
  38. footerStyle?: React.CSSProperties;
  39. /** @deprecated Please use `styles.wrapper` instead */
  40. contentWrapperStyle?: React.CSSProperties;
  41. /** @deprecated Please use `styles.mask` instead */
  42. maskStyle?: React.CSSProperties;
  43. /** @deprecated Please use `styles.content` instead */
  44. drawerStyle?: React.CSSProperties;
  45. }
  46. declare const DrawerPanel: React.FC<DrawerPanelProps>;
  47. export default DrawerPanel;