jobsys-newbie/hooks/interact.js

Enhanced component based on ant-design-vue

/**
 * @module Interact
 */

import { Modal } from "ant-design-vue"
import { isFunction } from "lodash-es"

/**
 * 确认弹窗
 * @param {string} msg - 提示信息
 * @param {Function} [onOk=null] - 确认回调
 * @param {boolean}  [loading=false] - 是否异步加载
 * @param {Function} [onCancel=null] - 取消回调
 * @return {*}
 */
export function useModalConfirm(msg, onOk, loading, onCancel) {
	const modal = Modal.confirm({
		title: "提示",
		content: msg || "",
		onOk: () => {
			if (onOk && isFunction(onOk)) {
				onOk()
			}
			if (loading) {
				modal.update({
					okButtonProps: {
						loading: true,
					},
				})
				return new Promise(() => {})
			}
			return null
		},
		onCancel: () => {
			if (onCancel && isFunction(onCancel)) {
				onCancel()
			}
		},
	})
	return modal
}