ProModal 扩展弹出层

TIP

• 扩展和增强 Shineout Modal

基本使用

自带取消和确认按钮，且提交触发的异步方法自动显示 loading，且不可取消或者关闭，持续到响应结束

tsx

import { useState } from "react";
import { Button } from "shineout";
import { ProModal } from "@lite-code/pro-shineout";

const sleep = async () => {
  await new Promise((res) => setTimeout(res, 2000));
};

export default () => {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button
        type="primary"
        onClick={() => {
          setOpen(true);
        }}
      >
        打开
      </Button>
      <ProModal
        title="ProModal"
        visible={open}
        onOk={async () => {
          await sleep();
        }}
        onClose={() => {
          setOpen(false);
        }}
      >
        ProModal 基本使用
      </ProModal>
    </>
  );
};

API

ProModalProps 继承 ModalProps 额外的属性描述

属性名	描述	类型	默认值	是否必需
onOk	确定事件	() => void	无	否
cancelText	取消文案	string	无	否
okText	确定文案	string	无	否