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

	<view wx:if="{{ showWrapper }}" class="{{ utils.bem('dropdown-item', direction) }}" style="{{ wrapperStyle }}">
		<mc-popup visible="{{ showPopup }}" mc-style="position: absolute; border-radius: 0" mask-style="position: absolute;" mask="{{ mask }}" hideTabBar="{{ hideTabBar }}" placement="{{ direction === 'down' ? 'top' : 'bottom' }}" duration="{{ transition ? duration : 0 }}" mask-closeable="{{ maskCloseable }}" bind:close="handleClickMask">
			<mc-list-item wx:for="{{ options }}" wx:key="value" data-option="{{ item }}" wrapper-class="mc-dropdown-item__list-item" label-class="mc-dropdown-item__item-label" class="{{ utils.bem('dropdown-item__option', { active: item.value === value } ) }}" clickable arrow="{{false}}" bind:tap="handlClick">
				<view slot="label" class="mc-dropdown-item__title" style="{{ item.value === value  ? 'color:' + activeColor : '' }}">
					{{ item.text }}
				</view>
			</mc-list-item>

			<slot/>
		</mc-popup>
	</view>
