<div
  *ngIf="!!searchObj && !searchObj.isShowSearch"
  fxFlexFill
  class="list-container"
>
  <app-chat-room-expansion
    [checkable]="checkable"
    [selectedRoomList]="selectedRoomList"
    (toggleItem)="onToggleItem($event)"
    (openChatRoom)="onOpenChatRoom($event)"
  >
  </app-chat-room-expansion>
</div>
<div *ngIf="!!searchObj && searchObj.isShowSearch">
  <ucap-chat-room-list-item-01
    *ngFor="let roomInfo of searchRoomList"
    [roomInfo]="roomInfo"
    [roomName]="getRoomName(roomInfo)"
    [profileImageRoot]="versionInfo2Res?.profileRoot"
    [defaultProfileImage]="defaultProfileImage"
    [profileImage]="getRoomProfileImage(roomInfo)"
    [checked]="getChecked(roomInfo)"
    [checkable]="checkable"
    (toggleItem)="onToggleItem($event)"
    (openChatRoom)="onOpenChatRoom($event)"
    (toggleAlarm)="onToggleAlarm($event)"
    (delRoom)="onDelRoom($event)"
    (click)="onClickRoomItem($event, roomInfo)"
  ></ucap-chat-room-list-item-01>
</div>