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

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

		<slot/>
	</view>
