icon: ''
tags:
  en:
    - loading
    - dialog
  zh-CN:
    - 加载
    - 弹窗
    - 提示
extra:
   en: Show some information that user should pay attention to and should be closed only after user has clicked the close button
   zh-CN: |
     ```js
     显示一个用户注意到并且点击按钮确认关闭的信息
     warning
     以插件形式调用时，和`template`中使用不同，属性名请使用`小驼峰式`，比如`buttonText`而不是`button-text`。
     ```js
     该组件支持以`plugin`形式调用：
     this.$cvux.alert.show({
       title: 'Vux is Cool',
       content: 'Do you agree?',
       onShow: () => {
         console.log('Plugin: I\'m showing')
       },
       onHide: () => {
         console.log('Plugin: I\'m hiding')
       }
     })
     ```
     ```
      // 隐藏
      this.$vux.alert.hide()
      // 获取显示状态
      this.$cvux.alert.isVisible() // v1.3.4 支持
     ```
props:
  value:
    type: Boolean
    default: false
    en: visibility of the component, use v-model for binding
    zh-CN: 是否显示, 使用 v-model 绑定变量
  title:
    type: String
    default: ''
    en: title
    zh-CN: 弹窗标题
  button-text:
    type: String
    default: ok(确定)
    en: button text
    zh-CN: 按钮文字
  mask-transition:
    type: String
    default: vux-fade
    en: mask transition
    zh-CN: 遮罩动画
  dialog-transition:
    type: String
    default: vux-dialog
    en: dialog transition
    zh-CN: 弹窗主体动画
  content:
    type: string
    default:
    zh-CN: 提示内容，作为 slot:default 的默认内容，如果使用 slot:default, 将会失效
    version: 1.3.4
  autoCloseTime:
    type: Number
    default: 0
    zh-CN: 提示自动关闭的时间,ms为单位
    version: 1.3.4
slots:
  default:
    en: dialog content
    zh-CN: 提示内容
events:
  on-show:
    en: emits when dialog shows
    zh-CN: 弹窗显示时触发
  on-hide:
    en: emits when dialog is closed
    zh-CN: 弹窗关闭时触发

changes:
  v1.3.4:
    en:
     - '[feature] Support automatic closing of popover'
     - '[feature] New plug-in calls use slots'
    zh-CN:
     - '[feature] 支持自动关闭弹窗'
     - '[feature] 新增插件调用使用slot'