对话框

引入

import { TmDialog } from '@huteming/ui'

Vue.use(TmDialog)
// Vue.component(TmDialog.name, TmDialog)

例子

<tm-dialog v-model="visibleDialog">
    ...
</tm-dialog>

API

| 参数 | 说明 | 类型 | 可选值 | 默认值 | |------|-------|---------|-------|--------| | value | 显示状态 | Boolean | | false | | close-position | 关闭 X 显示位置 | String | out-right, out-left, in-right, in-left, bottom | | | close-on-click-modal | 点击折腾是否关闭 | Boolean | | true | | before-close | 关闭前的回调，会暂停 Dialog 的关闭 | function(done) | | |

Slot

| 参数 | 说明 | |------|-------| | | Dialog 的内容 | | footer | Dialog 按钮操作区的内容 |

Events

| name | 说明 | |------|-------| | open | Dialog 打开的回调 | | close | Dialog 关闭的回调 | | closed | Dialog 关闭动画结束时的回调 |