import {
  ElMessageBox,
  ElNotification,
  ElMessage
} from 'element-plus';

function useMessageBoxTip({
  confirmMsg,
  confirmTitle = '提交',
  doneMsg = confirmTitle,
  onConfirm
}) {
  ElMessageBox.confirm(confirmMsg, `${confirmTitle}确认`, {
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning'
  })
    .then(async () => {
      let msg = `已${doneMsg}`;
      if (typeof onConfirm === 'function') {
        onConfirm()
          .then((res) => {
            if (res && res != '') {
              msg = `已${doneMsg}, ${res}`;
            }
            ElNotification({
              title: `${confirmTitle}成功`,
              message: msg,
              type: 'success'
            });
          })
          .catch((err) => {
            let errStr = `${confirmTitle}取消`;
            if (err != 'cancel') {
              errStr = `${confirmTitle}失败, ${err}`;
            }
            // ElMessage({
            //   message: errStr,
            //   type: 'warning'
            // });
          });
      }
    })
    .catch((err) => {
      let errStr = `${confirmTitle}取消`;
      if (err != 'cancel') {
        errStr = `${confirmTitle}失败, ${err}`;
      }
      ElMessage({
        message: errStr,
        type: 'warning'
      });
    });
}

function useMessageBox({ confirmMsg, confirmTitle, onConfirm }) {
  ElMessageBox.confirm(confirmMsg, confirmTitle, {
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning'
  })
    .then(async () => {
      if (typeof onConfirm === 'function') {
        onConfirm();
      }
    })
    .catch(() => {});
}

export { useMessageBoxTip, useMessageBox };