<view class="
        filter-header-wrapper
        gov-filter-header-wrapper
        {{border ? 'has-border' : ''}}
        {{inSearch ? 'in-search' : ''}}
        {{isIos ? '' : 'android-patch'}}
    "
>
    <view class="
            filter-header
            gov-filter-header
            {{isIos ? '' : 'android-patch'}}
            {{'col-' + filtersValue.length}}
        "
    >
        <view
            s-for="btn,idx in filtersValue"
            class="
                btn
                gov-filter-btn
                {{idx === filterIdx ? 'expand gov-filter-expand' : ''}}
                {{!selected[idx] ? 'selected gov-filter-selected' : ''}}
                {{selections[idx].highlight === false || selections[idx].highlight === 'false' ? 'discolor gov-filter-discolor' : ''}}
            "

            data-index="{{idx}}"
            bind:tap="btnHdl"
        >
            <text class="btn-text gov-filter-btn-text"
                style="max-width: {{textWidths[idx]}};color: {{selections[idx].highlight === false || selections[idx].highlight === 'false' ? disColor : ((idx === filterIdx || !selected[idx]) ? activeColor : fontColor)}}"
            >
                {{
                    (
                        cmptFiltersValue[idx].value === selections[idx].value ? selections[idx].text : cmptFiltersValue[idx].aliasText || cmptFiltersValue[idx].text
                    )
                    || selections[idx].text
                }}
            </text>
            <gov-icon
                class="filter-arrow gov-filter-arrow"
                name="arrow-up-o"
                color="{{selections[idx].highlight === false || selections[idx].highlight === 'false' ? iconColor : ((idx === filterIdx || !selected[idx]) ? activeColor : iconColor)}}"
                size="25.36rpx"
            ></gov-icon>
        </view>
    </view>
    <view s-if="inSearch" class="divider"></view>
</view>


