<wxs src="../wxs/utils.wxs" module="utils" />
<view class="van-collapse-item custom-class mkl-collapse {{ index !== 0 ? 'van-hairline--top' : '' }}">
    <van-cell custom-class="van-cell mkl-cell {{expanded?'mkl-cell__expanded':''}}" title="{{ title }}" title-class="title-class" icon="{{ icon }}" value="{{ value }}" label="{{ label }}" is-link="{{ isLink }}" clickable="{{ clickable }}" border="{{ border && expanded }}" class="{{ utils.bem('collapse-item__title', { disabled, expanded }) }}" right-icon-class="van-cell__right-icon" hover-class="van-cell--hover" bind:click="onClick">
        <slot name="title" slot="title" />
        <slot name="icon" slot="icon" />
        <slot name="value" />
        <slot name="right-icon" slot="right-icon" />
    </van-cell>
    <view class="mkl-collapse-container {{ utils.bem('collapse-item__wrapper', { transition }) }}" style="height: {{ contentHeight }};" bind:transitionend="onTransitionEnd">
        <!-- <view class="mkl-cell__bottom"></view> -->
        <view class="van-collapse-item__content content-class">
            <slot />
        </view>
    </view>
</view>