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') {
        const str = await onConfirm();
        if (typeof str === 'string' && str != '') {
          msg = `已${doneMsg}, ${str}`
        }
      }
      ElNotification({
        title: `${confirmTitle}成功`,
        message: msg,
        type: 'success',
        // offset: 170,
        position: 'bottom-left',
      });
    })
    .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 };