- name: m-popper
  title: 弹出层
  description: 弹出层基类，可以直接使用它的弹出效果，或者以继承的方式扩展出常用的弹出组件。如弹出框、工具提示等。
  attrs:
    - name: opened
      title: 弹出关闭状态
      type: boolean
      sync: true
      default: false
      description: 弹出/关闭状态
    - name: trigger
      title: 触发方式
      type: string
      options:
        - value: click
          title: 点击
        - value: hover
          title: 悬浮
        - value: right-click
          title: 右击
        - value: double-click
          title: 双击
        - value: manual
          title: 手动
      default: click
      description: 触发方式。
    - name: placement
      title: 弹出方向
      type: string
      options:
        - value: top
          name: 上
        - value: bottom
          name: 下
        - value: left
          name: 左
        - value: right
          name: 右
        - value: top-start
          name: 上左
        - value: top-end
          name: 上右
        - value: bottom-start
          name: 下左
        - value: bottom-end
          name: 下右
        - value: left-start
          name: 左上
        - value: left-end
          name: 左下
        - value: right-start
          name: 右上
        - value: right-end
          name: 右下
      default: bottom
      description: 弹出方向。
    - name: reference
      type: string | HTMLElement | Function
      default: parent
      description: 参考元素。可选值：`'parent'`表示父元素，`'prev'`表示上一个元素，`'next'`表示下一个元素。也可以传一个
        HTML 元素，或用于返回元素的方法。
    - name: hover-delay
      title: 悬浮延迟时间
      type: number
      default: 0
      description: 当 trigger 为 `'hover'` 时的延迟时间。
    - name: hide-delay
      title: 消失延迟时间
      type: number
      default: 200
      description: 当 trigger 为 `'hover'` 时的消失延迟时间，单位是 ms。
    - name: append-to
      type: string
      default: body
      description: 设置添加到哪个元素。可选值：`'body'`表示添加到 document.body，`'reference'`表示添加到参考元素中
    - name: boundaries-element
      type: Element | string
      default: window
      description: 边际元素。用于定义弹出层的边际，默认为首个滚动的父级元素
    - name: escape-with-reference
      type: boolean
      default: true
      description: 当触发元素离开边际时，弹出层离开/保留在边际元素内
    - name: follow-cursor
      type: boolean | number | object
      default: false
      description: 是否跟随鼠标
    - name: offset
      type: string
      default: "0"
      description: 弹出层偏移，如：'10', '10px 10px', '10% 10%', 第一个值表示水平偏移，第二个值表示垂直位移, 默认单位是`px`
    - name: options
      type: object
      description: 补充 popper.js 的选项
    - name: disabled
      type: boolean
      default: false
      description: 是否禁用
  slots:
    - concept: Slot
      name: default
      description: 插入需要弹出的内容。
  events:
    - name: before-open
      description: 弹出前触发。
      params:
        - name: $event.preventDefault
          type: Function
          description: 阻止弹出流程
        - name: senderVM
          type: MPopper
          description: 发送事件实例
    - name: open
      description: 弹出时触发。
      params:
        - name: $event
          type: void
          description: 空
        - name: senderVM
          type: MPopper
          description: 发送事件实例
    - name: before-close
      description: 隐藏前触发。
      params:
        - name: $event.preventDefault
          type: Function
          description: 阻止隐藏流程
        - name: senderVM
          type: MPopper
          description: 发送事件实例
    - name: close
      description: 隐藏时触发。
      params:
        - name: $event
          type: void
          description: 空
        - name: senderVM
          type: MPopper
          description: 发送事件实例
  methods:
    - name: open()
      description: 弹出实例。
      params: []
    - name: close()
      description: 关闭实例。
      params: []
    - name: toggle(opened?)
      description: 切换弹出/关闭状态。
      params:
        - name: opened?
          type: boolean
          description: 可选。弹出/关闭状态
    - name: update()
      description: 更新 popper 实例。参考
        [Popper.update()](https://popper.js.org/popper-documentation.html#Popper.update)。
      params: []
    - name: scheduleUpdate()
      description: 在下次 UI 渲染时一块更新 popper 实例，比`update()`性能要好。参考
        [Popper.scheduleUpdate()](https://popper.js.org/popper-documentation.html#Popper.scheduleUpdate)。
      params: []