createModal

API_LEVEL 2.0 开始支持，API 兼容性请参考 API_LEVEL。

创建 Modal 确认提示框。

类型

function createModal(option: Option): Modal

参数

Option

属性	类型	必填	默认值	说明	API_LEVEL
content	string	是	-	Modal 对话框的内容	2.0
show	boolean	否	false	完成创建后是否立即显示 Modal 对话框	2.0
onClick	(keyObj: KeyObj) => void	否	-	点击确认或者取消的回调函数	2.0
autoHide	boolean	否	true	点击确认或者取消按钮后，是否自动关闭 Modal 对话框	2.0

KeyObj

属性	类型	说明	API_LEVEL
type	number	Modal 按键名，值参考 Modal 按键名常量	2.0

Modal

属性	类型	说明	API_LEVEL
show	(isShow: boolean) => void	显示或隐藏 Modal 对话框	2.0

常量

Modal 按键名常量

常量	说明	API_LEVEL
MODAL_CONFIRM	Modal 确认按键	2.0
MODAL_CANCEL	Modal 取消按键	2.0

代码示例

import { createModal, MODAL_CONFIRM } from '@zos/interaction'

const dialog = createModal({
  content: 'hello world',
  autoHide: false,
  onClick: (keyObj) => {
    const { type } = keyObj
    if (type === MODAL_CONFIRM) {
      console.log('confirm')
    } else {
      dialog.show(false)
    }
  },
})

dialog.show(true)