<import-sjs from="./index.sjs" name="{isComputing,getPlacement}" />
<view class="ant-popover {{className ? className : ''}}" style="{{style || ''}}">
  <view onTap="onVisibleChange">
    <slot />
  </view>
  <view class="ant-popover-container"
    a:if="{{!destroyOnClose || mixin.value}}"
    hidden="{{!mixin.value}}">
    <!-- 蒙层 -->
    <mask 
      show="{{showMask&&!isComputing(placement, adjustedPlacement, autoAdjustOverflow)}}"    
      className="ant-popover-mask {{maskClassName || ''}}"
      style="z-index:99;{{maskStyle || ''}}" 
      onMaskTap="onVisibleChange"/>
    <view
      id="ant-popover-content-{{$id}}" 
      class="ant-popover-content ant-popover-{{getPlacement(placement, adjustedPlacement, autoAdjustOverflow)}}" 
      style="{{ isComputing(placement, adjustedPlacement, autoAdjustOverflow) ? 'opacity:0' : '' }}">
      <view class="ant-popover-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>
</view>