版本：v3+

createModal

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

createModal_image}

创建 Modal 确认提示框。

类型

function createModal(option: Option): Modal

参数

Option

属性	类型	必填	默认值	说明	API_LEVEL
content	`string`	是	-	Modal 对话框的标题	2.0
title	`string`	否	-	Modal 对话框的标题，`content` 的别名	3.6
show	`boolean`	否	`false`	完成创建后是否立即显示 Modal 对话框	2.0
onClick	`(keyObj: KeyObj) => void`	否	-	点击确认或者取消的回调函数	2.0
autoHide	`boolean`	否	`true`	点击确认或者取消按钮后，是否自动关闭 Modal 对话框	2.0
subtitle	`string`	否	-	子标题	3.6
src	`string`	否	-	icon 图标路径	3.6
text	`string`	否	-	文本内容	3.6
textColor	`number`	否	`0xFFFFFF`	文本颜色	3.6
textAlpha	`number`	否	`255`	文本透明度，透明度[0-255]，0 为全透明	3.6
okButton	`string`	否	-	确认按钮的 icon 图标路径	3.6
cancelButton	`string`	否	-	取消按钮的 icon 图标路径	3.6
capsuleButton	`Array<string>`	否	-	胶囊按钮配置，为字符串数组，点击返回的 KeyObj 中的 `type` 从 `10` 开始	3.6

KeyObj

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

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

常量

常量	说明	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)

类型​

参数​

Option​

KeyObj​

Modal​

常量​

Modal 按键名常量​

代码示例​

类型

参数

Option

KeyObj

Modal

常量

Modal 按键名常量

代码示例