<view class="dm-modal {{className}}" a:if="{{show}}">
  <view class="dm-modal-content">
    <slot name="modal-content">
      <view class="dm-modal-img" a:if="{{topImage}}">
        <image class="dm-modal-img-{{topImageSize}}" src="{{topImage}}"/>
      </view>
      <view class="dm-modal-title" a:if="{{title}}">{{title}}</view>
      <view class="dm-modal-describe {{!title ? 'dm-modal-describe-mtop':''}}" a:if="{{describe}}"><slot>{{describe}}</slot></view>
      <view class="dm-modal-input-wrap"  a:if="{{hasInput}}">
        <input class="dm-modal-input" type="{{inputType}}" placeholder="{{inputPlaceholder}}"  value="{{inputVal}}" disabled="{{inputDisabled}}" maxlength="{{inputMaxlength}}" onInput="onDmInputDebounceHook" focus="{{inputFocus}}"/>
        <view class="dm-modal-delete-icon" onTap="onDmClearHook"  a:if="{{!inputDisabled &&(inputVal).length>0}}">
          <dingui-icon type="close-fill" size="32"/>
        </view>
      </view>
    </slot>
    <view class="dm-modal-button-list {{buttonList.length <= 2 ? 'dm-modal-button-list-row' : ''}}">
      <view  
        a:for="{{buttonList}}" 
        class="dm-modal-button-item {{item.isMainEvent? 'dm-modal-button-item-bold':''}} dm-modal-button-item-{{buttonList.length <= 2 ?'row':'column'}} {{buttonList.length == 2 ? 'dm-modal-button-item-line':''}}  {{ activeIndex == index ? 'active' : ''}}" 
        key="{{item}}" 
        onTap="onDmBtnTap" 
        data-index="{{index}}"
        onTouchStart="onDmBtnTouchStart"
        onTouchEnd="onDmBtnTouchEnd"
        onTouchCancel="onDmBtnTouchCancel"
        >
        {{item.name}}
      </view>
    </view>
  </view>
</view>

