<view
  style="top: {{ headerHeight }}px"
  class="filter-options-mask {{ (show || showStatus) ? 'show' : '' }}"
>
  <view class="mask-layer">
    <filter-content
      type="{{ type }}"
      status="{{ status }}"
      items="{{ options }}"
      timeStart="{{ timeStart}}"
      timeEnd="{{ timeEnd }}"
      onTypeTap="onCloseMsk"
      cardNum="{{ cardNum }}"
      showOption="{{ show }}"
      showStatus="{{ showStatus }}"
      statusItems="{{ statusItems }}"
      defaultName="{{ defaultName }}"
      showTimeSelector="{{ showTimeSelector }}"
      defaultStatus="{{ defaultStatus }}"
    />
    <view class="options">
      <!-- 屏蔽全部类型，暂时根据 showTimeSelector 进行判断，后续可以细分 -->
      <!-- <view
        onTap="onTapItem"
        class="option {{ !value ? 'active' : '' }}"
        a:if="{{ showTimeSelector }}" 
      >
        {{ defaultLabel || '全部类型' }}
      </view> -->
      <view
        onTap="onTapItem"
        a:for="{{ showStatus ? statusItems : options }}"
        data-item="{{ item }}"
        class="option {{ value === item.value ? 'active' : '' }}"
      >
        {{ item.label }}
      </view>
    </view>
  </view>
  <view class="mask-click" onTap="onCloseMsk" />
</view>

