Modal.confirm无法关闭

[yizhigee]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.0

Environment

vue: 3.2.33

Steps to reproduce

Modal.confirm无法关闭

What is expected?

希望可以正常关闭

What is actually happening?

Modal.confirm无法关闭，希望可以正常关闭

[wsxe9988]

#7252 等待唐老师合并

[yizhigee]

已经解决了：版本如下
"ant-design-vue": "^3.2.20",
"vue": "^3.2.25",

[linpengteng]

You can use

import { createVNode, render } from 'vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
import ConfirmDialog from 'ant-design-vue/es/modal/ConfirmDialog'

const showConfirm = () => {
  const element = document.createDocumentFragment() as any
  const dialog = createVNode(ConfirmDialog, {
    type: 'confirm',
    visible: true,
    prefixCls: 'ant-modal',
    rootPrefixCls: 'ant',
    contentPrefixCls: 'ant-modal-confirm',
    icon: createVNode(ExclamationCircleOutlined),
    title: '是否确认删除该菜单?',
    content: '删除菜单会导致相关页面丢失，请慎重考虑!',
    okText: '删除',
    okType: 'danger',
    onCancel: () => { dialog.component!.props.visible = false },
    onOk: () => {
       // do some thing
       dialog.component!.props.visible = false
    }
  })

  render(dialog, element)
}