keyboard/keyBoard/Class/Search/VC/KBSearchVC.m

//
//  KBSearchVC.m
//  keyBoard
//
//  Created by Mac on 2025/11/7.
//

#import "KBSearchVC.h"
#import "KBSearchBarView.h"
#import "KBSearchSectionHeader.h"
#import "KBTagCell.h"
#import "KBSkinCardCell.h"
#import "KBHistoryMoreCell.h"
#import "KBSearchResultVC.h"
#import "UICollectionViewLeftAlignedLayout.h"


static NSString * const kTagCellId  = @"KBTagCell";
static NSString * const kSkinCellId = @"KBSkinCardCell";
static NSString * const kHeaderId   = @"KBSearchSectionHeader";
static NSString * const kMoreCellId = @"KBHistoryMoreCell";
static NSString * const kMoreToken  = @"__KB_MORE__"; // 用于内部计算的占位标识

typedef NS_ENUM(NSInteger, KBSearchSection) {
    KBSearchSectionHistory = 0,
    KBSearchSectionRecommend = 1,
};

@interface KBSearchVC ()<UICollectionViewDataSource, UICollectionViewDelegateFlowLayout>
// 自定义顶部区域：返回按钮 + 搜索栏
@property (nonatomic, strong) UIView *topBar;
@property (nonatomic, strong) UIButton *backButton;
@property (nonatomic, strong) KBSearchBarView *searchBarView;
// 列表
@property (nonatomic, strong) UICollectionView *collectionView;
@property (nonatomic, strong) UICollectionViewLeftAlignedLayout *flowLayout;

// 数据
@property (nonatomic, strong) NSMutableArray<NSString *> *historyWords;   // 历史搜索
@property (nonatomic, strong) NSArray<NSDictionary *> *recommendItems;    // 推荐数据（title/price）
@property (nonatomic, assign) BOOL historyExpanded; // 是否展开所有历史
@property (nonatomic, assign) CGFloat lastCollectionWidth; // 记录宽度变化，用于重新计算
@end

@implementation KBSearchVC

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];

    // UI
    [self.view addSubview:self.topBar];
    [self.topBar addSubview:self.backButton];
    [self.topBar addSubview:self.searchBarView];
    [self.view addSubview:self.collectionView];

    // 布局 - Masonry（无导航栏）
    [self.topBar mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.view.mas_top).offset(KB_STATUSBAR_HEIGHT + 8);
        make.left.right.equalTo(self.view);
        make.height.mas_equalTo(44); // 容器高度
    }];

    [self.backButton mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.topBar).offset(12);
        make.centerY.equalTo(self.topBar);
        make.width.mas_equalTo(28);
        make.height.mas_equalTo(36);
    }];

    [self.searchBarView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(self.backButton);
        make.left.equalTo(self.backButton.mas_right).offset(12);
//        make.width.mas_equalTo(315);
        make.right.equalTo(self.view).offset(-16);
        make.height.mas_equalTo(36);
        make.right.lessThanOrEqualTo(self.topBar).offset(-16);
    }];

    [self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(self.topBar.mas_bottom).offset(0);
        make.left.right.bottom.equalTo(self.view);
    }];

    // 初始化测试数据
    self.historyWords = [@[KBLocalized(@"果冻橙"),
                           KBLocalized(@"芒果"),
                           KBLocalized(@"有机水果卷心菜"),
                           KBLocalized(@"水果萝卜"),
                           KBLocalized(@"熟冻帝王蟹"),
                           KBLocalized(@"赣南脐橙")] mutableCopy];
    self.recommendItems = @[
        @{@"title":@"Dopamine", @"price":@"20"},
        @{@"title":@"Dopamine", @"price":@"20"},
        @{@"title":@"Dopamine", @"price":@"20"},
        @{@"title":@"Dopamine", @"price":@"20"},
        @{@"title":@"Dopamine", @"price":@"20"},
        @{@"title":@"Dopamine", @"price":@"20"},
    ];

    [self.collectionView reloadData];
}

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];
    CGFloat w = self.collectionView.bounds.size.width;
    if (w > 0 && fabs(w - self.lastCollectionWidth) > 0.5) {
        self.lastCollectionWidth = w;
        [self.collectionView reloadData];
    }
}

// 系统导航栏的显隐由 BaseViewController 统一处理（始终隐藏）。
// 该 VC 未继承 Base，但保持不去显示系统导航栏，避免来回切换闪烁。

#pragma mark - Private

/// 执行搜索：将关键字置顶到历史（去重、忽略大小写/前后空格）
- (void)performSearch:(NSString *)kw {
    NSString *trim = [kw stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
    if (trim.length == 0) { return; }
    // 忽略大小写去重（把所有等同项移除）
    for (NSInteger i = (NSInteger)self.historyWords.count - 1; i >= 0; i--) {
        NSString *old = self.historyWords[i];
        if ([old caseInsensitiveCompare:trim] == NSOrderedSame) {
            [self.historyWords removeObjectAtIndex:i];
        }
    }
    // 插入最前
    [self.historyWords insertObject:trim atIndex:0];
    [self.collectionView reloadData];
}

/// 打开搜索结果页，把关键字传过去
- (void)openResultForKeyword:(NSString *)kw {
    NSString *trim = [kw stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
    if (trim.length == 0) { return; }
    KBSearchResultVC *vc = [[KBSearchResultVC alloc] init];
    vc.defaultKeyword = trim;
    [self.navigationController pushViewController:vc animated:YES];
}

/// 计算“最多两行展示”的历史数据，若超出则在第二行尾部添加一个“更多”按钮（向下箭头）。
- (NSArray<NSString *> *)currentDisplayHistory {
    if (self.historyExpanded) { return self.historyWords; }
    if (self.collectionView.bounds.size.width <= 0) { return self.historyWords; }

    CGFloat width = self.collectionView.bounds.size.width;
    UIEdgeInsets inset = UIEdgeInsetsMake(8, 16, 12, 16);
    CGFloat available = width - inset.left - inset.right;
    CGFloat itemSpacing = 8.0; // 与代理中保持一致

    NSMutableArray<NSString *> *display = [NSMutableArray array];
    NSInteger line = 1;
    CGFloat lineUsed = 0.0; // 当前行已占宽度
    // 记录当前第2行每个 item 的宽度与在 display 中的下标，便于回退
    NSMutableArray<NSNumber *> *lineWidths = [NSMutableArray array];
    NSMutableArray<NSNumber *> *lineIndexes = [NSMutableArray array];

    for (NSInteger i = 0; i < self.historyWords.count; i++) {
        NSString *text = self.historyWords[i];
        CGSize sz = [KBTagCell sizeForText:text];
        CGFloat w = sz.width;
        CGFloat need = (lineUsed == 0 ? w : (lineUsed + itemSpacing + w));

        if (need <= available) {
            // 放得下，加入当前行
            [display addObject:text];
            if (line == 2) {
                [lineWidths addObject:@(w)];
                [lineIndexes addObject:@(display.count - 1)];
            }
            lineUsed = need;
            continue;
        }

        // 放不下，需要换行或截断
        if (line == 1) {
            // 换到第 2 行
            line = 2;
            lineUsed = 0.0;
            [lineWidths removeAllObjects];
            [lineIndexes removeAllObjects];

            // 直接把该元素作为第 2 行的第一个
            if (w <= available) {
                [display addObject:text];
                [lineWidths addObject:@(w)];
                [lineIndexes addObject:@(display.count - 1)];
                lineUsed = w;
                continue;
            } else {
                // 极端情况：单个标签就超过一行可用宽，直接用“更多”按钮占位
                [display addObject:kMoreToken];
                return display;
            }
        }

        // 已在第 2 行且再次超出，说明超过两行。需要在第二行末尾放“更多”按钮。
        CGSize moreSize = [KBHistoryMoreCell fixedSize];
        CGFloat moreNeed = (lineUsed == 0 ? moreSize.width : (lineUsed + itemSpacing + moreSize.width));
        if (moreNeed <= available) {
            [display addObject:kMoreToken];
            return display;
        }

        // 放不下“更多”，从当前行尾部回退一个标签，直到能放下“更多”。
        while (lineIndexes.count > 0) {
            NSNumber *lastIndexNum = lineIndexes.lastObject; // display 中的下标
            NSNumber *lastWidthNum = lineWidths.lastObject;
            [display removeObjectAtIndex:lastIndexNum.integerValue];
            [lineIndexes removeLastObject];
            [lineWidths removeLastObject];

            // 重新计算当前行已占宽
            lineUsed = 0.0;
            for (NSInteger k = 0; k < lineWidths.count; k++) {
                CGFloat iw = lineWidths[k].doubleValue;
                lineUsed = (k == 0 ? iw : (lineUsed + itemSpacing + iw));
            }
            // 加入更多后是否能放得下
            moreNeed = (lineUsed == 0 ? moreSize.width : (lineUsed + itemSpacing + moreSize.width));
            if (moreNeed <= available) {
                [display addObject:kMoreToken];
                return display;
            }
        }

        // 如果全部移除仍放不下，则第二行只显示“更多”
        [display addObject:kMoreToken];
        return display;
    }

    // 循环结束：数据未超过两行，无需“更多”
    return display;
}

/// 清空历史
- (void)clearHistory {
    [self.historyWords removeAllObjects];
    [self.collectionView reloadData];
}

#pragma mark - UICollectionViewDataSource

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return 2; // 历史 + 推荐
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    if (section == KBSearchSectionHistory) {
        NSArray *list = [self currentDisplayHistory];
        return list.count; // 历史最多两行；可能包含“更多”占位
    }
    return self.recommendItems.count;
}

- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == KBSearchSectionHistory) {
        NSArray *list = [self currentDisplayHistory];
        NSString *text = list[indexPath.item];
        if ([text isEqualToString:kMoreToken]) {
            KBHistoryMoreCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kMoreCellId forIndexPath:indexPath];
            return cell;
        } else {
            KBTagCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kTagCellId forIndexPath:indexPath];
            [cell config:text];
            return cell;
        }
    }
    KBSkinCardCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kSkinCellId forIndexPath:indexPath];
    NSDictionary *it = self.recommendItems[indexPath.item];
    [cell configWithTitle:it[@"title"] imageURL:nil price:it[@"price"]];
    return cell;
}

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath {
    if (kind == UICollectionElementKindSectionHeader) {
        KBSearchSectionHeader *header = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:kHeaderId forIndexPath:indexPath];
        if (indexPath.section == KBSearchSectionHistory) {
            // 当没有历史时，外部通过 sizeForHeader 返回 0，这里仍设置但不会显示
            [header configWithTitle:@"Historical Search" showTrash:self.historyWords.count > 0];
            KBWeakSelf
            header.onTapTrash = ^{ [weakSelf clearHistory]; };
        } else {
            [header configWithTitle:@"Recommended Skin" showTrash:NO];
        }
        return header;
    }
    return [UICollectionReusableView new];
}

#pragma mark - UICollectionViewDelegateFlowLayout

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    CGFloat width = collectionView.bounds.size.width;
    if (indexPath.section == KBSearchSectionHistory) {
        NSArray *list = [self currentDisplayHistory];
        NSString *t = list[indexPath.item];
        if ([t isEqualToString:kMoreToken]) {
            return [KBHistoryMoreCell fixedSize];
        }
        return [KBTagCell sizeForText:t];
    }
    // 两列卡片
    CGFloat inset = 16;     // 左右间距
    CGFloat spacing = 12;   // 列间距
    CGFloat w = floor((width - inset*2 - spacing) / 2.0);
    // 高度：封面 0.75w + 标题 + 价格 + 边距，近似定高
//    CGFloat h = w*0.75 + 8 + 20 + 10 + 6 + 8; // 估算
    return CGSizeMake(w, KBFit(197));
}

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    if (section == KBSearchSectionHistory) {
        return UIEdgeInsetsMake(8, 16, 12, 16);
    }
    return UIEdgeInsetsMake(8, 16, 16, 16);
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
    return section == KBSearchSectionHistory ? 8 : 12;
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
    return section == KBSearchSectionHistory ? 8 : 16;
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section {
    // 当历史记录为空时，header 高度为 0，从而不显示标题与垃圾桶
    if (section == KBSearchSectionHistory) {
        return self.historyWords.count == 0 ? CGSizeZero : CGSizeMake(collectionView.bounds.size.width, 40);
    }
    return CGSizeMake(collectionView.bounds.size.width, 24);
}

#pragma mark - UICollectionViewDelegate

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == KBSearchSectionHistory) {
        NSArray *list = [self currentDisplayHistory];
        NSString *kw = list[indexPath.item];
        if ([kw isEqualToString:kMoreToken]) {
            // 展开所有历史
            self.historyExpanded = YES;
            [self.collectionView reloadData];
        } else {
            [self.searchBarView updateKeyword:kw];
            [self performSearch:kw];
            [self openResultForKeyword:kw];
        }
    }
}

#pragma mark - Lazy

- (KBSearchBarView *)searchBarView {
    if (!_searchBarView) {
        _searchBarView = [[KBSearchBarView alloc] init];
        _searchBarView.bgCornerRadius = 18;
        _searchBarView.placeholder = @"Themes";
        KBWeakSelf
        _searchBarView.onSearch = ^(NSString * _Nonnull keyword) {
            // 置顶到历史 + 打开结果页
            [weakSelf performSearch:keyword];
            [weakSelf openResultForKeyword:keyword];
        };
    }
    return _searchBarView;
}

- (UIView *)topBar {
    if (!_topBar) {
        _topBar = [[UIView alloc] init];
        _topBar.backgroundColor = [UIColor whiteColor];
    }
    return _topBar;
}

- (UIButton *)backButton {
    if (!_backButton) {
        _backButton = [UIButton buttonWithType:UIButtonTypeSystem];
        UIImage *img = nil;
        if (@available(iOS 13.0, *)) {
            img = [UIImage systemImageNamed:@"chevron.left"];
        }
        if (img) {
            [_backButton setImage:img forState:UIControlStateNormal];
        } else {
            [_backButton setTitle:@"<" forState:UIControlStateNormal];
            _backButton.titleLabel.font = [UIFont systemFontOfSize:22 weight:UIFontWeightSemibold];
        }
        [_backButton setTintColor:[UIColor blackColor]];
        [_backButton addTarget:self action:@selector(onTapBack) forControlEvents:UIControlEventTouchUpInside];
    }
    return _backButton;
}

- (void)onTapBack { [self.navigationController popViewControllerAnimated:YES]; }

- (UICollectionViewLeftAlignedLayout *)flowLayout {
    if (!_flowLayout) {
        _flowLayout = [[UICollectionViewLeftAlignedLayout alloc] init];
        _flowLayout.scrollDirection = UICollectionViewScrollDirectionVertical;
        _flowLayout.sectionHeadersPinToVisibleBounds = NO;
    }
    return _flowLayout;
}

- (UICollectionView *)collectionView {
    if (!_collectionView) {
        _collectionView = [[UICollectionView alloc] initWithFrame:CGRectZero collectionViewLayout:self.flowLayout];
        _collectionView.backgroundColor = [UIColor whiteColor];
        _collectionView.dataSource = self;
        _collectionView.delegate = self;
        _collectionView.keyboardDismissMode = UIScrollViewKeyboardDismissModeOnDrag;
        // 注册 cell & header
        [_collectionView registerClass:KBTagCell.class forCellWithReuseIdentifier:kTagCellId];
        [_collectionView registerClass:KBSkinCardCell.class forCellWithReuseIdentifier:kSkinCellId];
        [_collectionView registerClass:KBHistoryMoreCell.class forCellWithReuseIdentifier:kMoreCellId];
        [_collectionView registerClass:KBSearchSectionHeader.class forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:kHeaderId];
    }
    return _collectionView;
}

@end