<wxs
  src="./index.wxs"
  module="utils"
></wxs>
<ant-popup
  className="ant-dialog {{className || ''}}"
  style="{{style || ''}}"
  maskClassName="{{maskClassName}}"
  maskStyle="{{maskStyle}}"
  visible="{{visible}}"
  duration="{{duration}}"
  position="center"
  animation="{{animation}}"
  zIndex="{{zIndex}}"
  destroyOnClose="{{destroyOnClose}}"
  bindclose="onMaskClose"
>
  <slot name="dialog-top"></slot>
  <view
    class="ant-dialog-body {{bodyClassName || ''}}"
    style="{{bodyStyle || ''}}"
  >
    <slot name="header"></slot>
    <image
      wx:if="{{headerImage}}"
      class="ant-dialog-body-header"
      mode="widthFix"
      src="{{headerImage}}"
    ></image>
    <view
      wx:if="{{title}}"
      class="ant-dialog-body-title"
    >{{title}}</view>
    <slot
      name="title"
      wx:else
    ></slot>
    <view
      wx:if="{{content}}"
      class="ant-dialog-body-content"
    >{{content}}</view>
    <slot
      name="content"
      wx:else
    ></slot>
    <view class="ant-dialog-body-footer ant-dialog-body-footer-{{footer.layout || 'vertical'}}">
      <view
        data-item="{{item}}"
        bindtap="onButtonTap"
        class="ant-dialog-body-footer-button"
        style="flex: 1;"
        wx:for="{{footer.buttons}}"
        wx:for-index="index"
        wx:for-item="item"
        wx:key="id"
      >
        <ant-button
          disabled="{{item.disabled}}"
          danger="{{item.danger}}"
          icon="{{item.icon}}"
          size="{{item.size}}"
          style="{{item.style}}"
          activeClassName="{{item.activeClassName}}"
          className="{{item.className}}"
          type="{{item.type || 'primary'}}"
        >{{item.text}}</ant-button>
      </view>
    </view>
  </view>
  <ant-icon
    wx:if="{{closable}}"
    type="CloseCircleOutline"
    bindtap="onClose"
    className="ant-dialog-close"
  ></ant-icon>
</ant-popup>