props.d.ts 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. import { IBaseProps } from '../_util/base';
  2. /**
  3. * @description 对话框,当应用中需要比较明显的对用户当前的操作行为进行警示或提醒时,可以使用对话框。用户需要针对对话框进行操作后方可结束。
  4. */
  5. export interface IModalProps extends IBaseProps {
  6. /**
  7. * @description Modal body类名
  8. */
  9. bodyClassName: string;
  10. /**
  11. * @description Modal body样式
  12. */
  13. bodyStyle: string;
  14. /**
  15. * @description 遮罩层类名
  16. */
  17. maskClassName: string;
  18. /**
  19. * @description 遮罩层样式
  20. */
  21. maskStyle: string;
  22. /**
  23. * @description 是否可点击蒙层关闭
  24. * @default true
  25. */
  26. maskClosable: boolean;
  27. /**
  28. * @description 类型
  29. */
  30. type: 'default' | 'focus';
  31. /**
  32. * @description 是否显示右上角的关闭按钮。只有在 type 为 focus 生效
  33. */
  34. closable: boolean;
  35. /**
  36. * @description 过渡动画时长,单位毫秒
  37. */
  38. duration: number;
  39. /**
  40. * @description 是否开启过渡动画
  41. */
  42. animation: boolean;
  43. /**
  44. * @description 弹窗层级
  45. */
  46. zIndex: number;
  47. /**
  48. * @description 标题
  49. */
  50. title: string;
  51. /**
  52. * @description 内容
  53. */
  54. content: string;
  55. /**
  56. * @description 是否可见,受控模式
  57. * @default false
  58. */
  59. visible: boolean;
  60. /**
  61. * @description 是否关闭后销毁内部元素
  62. * @default false
  63. */
  64. destroyOnClose?: boolean;
  65. /**
  66. * @description 主按钮文本
  67. */
  68. primaryButtonText: string;
  69. /**
  70. * @description 辅助按钮文本
  71. */
  72. secondaryButtonText: string;
  73. /**
  74. * @description 取消按钮文案
  75. */
  76. cancelButtonText: string;
  77. /**
  78. * @description 主按钮样式
  79. */
  80. primaryButtonStyle: string;
  81. /**
  82. * @description 辅助按钮样式
  83. */
  84. secondaryButtonStyle: string;
  85. /**
  86. * @description 取消按钮样式
  87. */
  88. cancelButtonStyle: string;
  89. /**
  90. * @description 触发关闭时回调
  91. */
  92. onClose: () => void;
  93. /**
  94. * @description 主按钮点击事件
  95. */
  96. onPrimaryButtonTap: () => void;
  97. /**
  98. * @description 次要按钮点击事件
  99. */
  100. onSecondaryButtonTap: () => void;
  101. /**
  102. * @description 取消按钮点击事件
  103. */
  104. onCancelButtonTap: () => void;
  105. }
  106. export declare const ModalDefaultProps: Partial<IModalProps>;
  107. export declare const ModalFunctionalProps: Partial<IModalProps>;