props.d.ts 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. import { IBaseProps } from '../_util/base';
  2. /**
  3. * @description 弹窗,可在其中加入具体内容,展示更多信息供用户使用。
  4. */
  5. export interface IPopupProps extends IBaseProps {
  6. /**
  7. * @description 是否显示
  8. * @default false
  9. */
  10. visible: boolean;
  11. /**
  12. * @description 是否关闭后销毁内部元素
  13. * @default false
  14. */
  15. destroyOnClose: boolean;
  16. /**
  17. * @description 是否展示蒙层
  18. * @default true
  19. */
  20. showMask: boolean;
  21. /**
  22. * @description 弹窗布局
  23. * @default "bottom"
  24. */
  25. position: 'center' | 'top' | 'bottom' | 'left' | 'right';
  26. /**
  27. * @description 是否开启过渡动画
  28. */
  29. animation: boolean;
  30. /**
  31. * @description 动画类型
  32. * @default "transform"
  33. */
  34. animationType: 'transform' | 'position';
  35. /**
  36. * @description 过渡动画时长,单位毫秒
  37. */
  38. duration: number;
  39. /**
  40. * @description 内容区高度,单位px
  41. */
  42. height: number;
  43. /**
  44. * @description 内容区宽度,单位px
  45. */
  46. width: number;
  47. /**
  48. * @description 遮罩层类名
  49. */
  50. maskClassName: string;
  51. /**
  52. * @description 遮罩层样式
  53. */
  54. maskStyle: string;
  55. zIndex: number;
  56. /**
  57. * @description 关闭时回调
  58. */
  59. onClose?: () => void;
  60. /**
  61. * @description 完全打开时回调
  62. */
  63. onAfterShow?: () => void;
  64. /**
  65. * @description 完全关闭时回调
  66. */
  67. onAfterClose?: () => void;
  68. }
  69. export declare const PopupDefaultProps: Partial<IPopupProps>;