concis
Version:
Concis Component library for PC
83 lines (82 loc) • 1.92 kB
TypeScript
import { ReactNode, CSSProperties } from 'react';
interface ModalProps {
/**
* @description 自定义类名
*/
className?: string;
/**
* @description 自定义样式
*/
style?: CSSProperties;
children?: ReactNode;
/**
* @description 标题
* @default ''
*/
title?: string | ReactNode;
/**
* @description 显示状态
* @default false
*/
visible?: boolean;
/**
* @description 确认按钮props
* @default type -> primary
*/
okButtonProps?: object;
/**
* @description 取消按钮props
* @default type -> text
*/
cancelButtonProps?: object;
/**
* @description 自定义页脚
* @default 确定、取消按钮
*/
footer?: ReactNode;
/**
* @description 确认按钮文字
* @default 确定
*/
okText?: string;
/**
* @description 取消按钮文字
* @default 取消
*/
cancelText?: string;
/**
* @description 只能通过按钮关闭Modal
* @default false
*/
cancelOnlyByButton?: boolean;
/**
* @description 对话框宽度百分比
* @default 520px
*/
width?: number | string;
/**
* @description 确认回调函数
* @default () =>
*/
onOk?: Function;
/**
* @description 取消关闭回调函数
* @default () =>
*/
onCancel?: Function;
/**
* @description 调用式函数Modal内容
*/
content?: ReactNode;
confirm?: boolean;
type?: ConfirmType;
isPromiseOk?: boolean;
isPromiseCancel?: boolean;
}
declare type DialogStyle = {
width?: string;
height?: string;
opacity?: string;
};
declare type ConfirmType = 'info' | 'success' | 'warning' | 'error';
export type { ModalProps, DialogStyle, ConfirmType };