<wxs src="../wxs/utils.wxs" module="utils" />

<view class="van-dropdown-menu van-dropdown-menu--top-bottom">
  <view
    wx:for="{{ itemListData }}"
    wx:key="index"
    data-item="{{ item }}"
    data-index="{{ index }}"
    class="{{ utils.bem('dropdown-menu__item', { disabled: item.disabled }) }}"
    bind:tap="onTitleTap"
  >
    <view
      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
      style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
    >
      <view class="van-ellipsis">
        {{item.displayTitle}}
      </view>
    </view>
  </view>

  <slot />
</view>