Dialog 确认框

Dialog 组件是直接基于 Modal 组件开发，在原本 modal 的基础上增加了确认和表单等功能能力。

import { Dialog, Wrapper } from "@finalx/components";

interface IProps {}
export const Index: FC<IProps> = () => {
  const [status, setStatus] = useState(false);
  const onCancel = () => console.log("onCancel");
  const onClick = () => console.log("确认按钮");

  return (
    <Wrapper>
      <Dialog
        status={status}
        setStatus={setStatus}
        onCancel={onCancel}
        onClick={onClick}
        content={{
          title: "Dialog标题",
          desc: "这是一段dialog的描述",
          btnText: "我知道了"
        }}
      />
    </Wrapper>
  );
};

属性

属性名	类型	默认值	必填	描述
status	boolean	-	是	组件的显隐状态
setStatus	function	-	是	设置组件的显隐状态
content	Content	-	是	Dialog 内容

Content 属性

属性名	类型	默认值	必填	描述
title	string	-	是	内容标题
desc	string	-	是	内容描述
btnText	string	-	是	确认按钮文案

事件

属性名	参数	必填	描述
onCancel	-	否	取消事件
onClick	-	否	确认事件