<view
  class="ant-popover {{showMask && mixin.value ? 'ant-popover-children' : ''}} {{className ? className : ''}}"
  style="{{style || ''}}"
>
  <view
    id="ant-popover-children{{$id ? '-' + $id : ''}}"
    onTap="onVisibleChange"
  >
    <slot></slot>
  </view>
  <view
    a:if="{{!destroyOnClose || mixin.value}}"
    hidden="{{!mixin.value}}"
    id="ant-popover-content{{$id ? '-' + $id : ''}}"
    class="ant-popover-content ant-popover-{{adjustedPlacement}}"
    style="{{popoverContentStyle}}; {{adjustedPlacement ? '' : 'opacity: 0'}}"
  >
    <view
      class="ant-popover-arrow ant-popover-{{adjustedPlacement}}-arrow"
      style="{{color ? 'border-bottom-color:' + color : ''}}"
    ></view>
    <view
      class="ant-popover-inner {{contentClassName || ''}}"
      style="{{color ? 'background:' + color : ''}};{{contentStyle || ''}}"
    >
      <slot name="content">{{content}}</slot>
    </view>
  </view>
</view>
<mask
  show="{{showMask && mixin.value}}"
  id="ant-popover-mask{{$id ? '-' + $id : ''}}"
  className="ant-popover-mask {{maskClassName || ''}}"
  style="{{maskStyle}}"
  onMaskTap="onVisibleChange"
></mask>