keyboard/keyBoard/Class/Home/VC/FunctionTest/KBSkinCenterVC.m

//
//  KBSkinCenterVC.m
//

#import "KBSkinCenterVC.h"
#import "Masonry.h"
#import "KBNetworkManager.h"
#import "KBSkinManager.h"
#import "KBHUD.h"
#import "KBConfig.h"
#import "KBSkinService.h"

@interface KBSkinCell : UITableViewCell
@property (nonatomic, strong) UIButton *applyBtn;
@end

@implementation KBSkinCell
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        self.selectionStyle = UITableViewCellSelectionStyleNone;
        _applyBtn = [UIButton buttonWithType:UIButtonTypeSystem];
        [_applyBtn setTitle:KBLocalized(@"Download & Apply") forState:UIControlStateNormal];
        _applyBtn.layer.cornerRadius = 6; _applyBtn.layer.borderWidth = 1;
        _applyBtn.layer.borderColor = [UIColor colorWithWhite:0.85 alpha:1].CGColor;
        [self.contentView addSubview:_applyBtn];
        [_applyBtn mas_makeConstraints:^(MASConstraintMaker *make) {
            make.right.equalTo(self.contentView).offset(-16);
            make.centerY.equalTo(self.contentView);
            make.width.mas_equalTo(110);
            make.height.mas_equalTo(34);
        }];
    }
    return self;
}
@end

@interface KBSkinCenterVC () <UITableViewDelegate, UITableViewDataSource>
@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, copy) NSArray<NSDictionary *> *skins; // 每个元素即一套皮肤的 JSON（与后端约定格式一致）
@property (nonatomic, strong) UIButton *resetButton;
@end

@implementation KBSkinCenterVC

- (void)viewDidLoad {
    [super viewDidLoad];
//    self.title = KBLocalized(@"皮肤中心");
    self.view.backgroundColor = [UIColor whiteColor];

    // 本地测试用的皮肤数据：结构与后端最终返回的 JSON 一致。
    // 说明：
    // - background_image：背景大图 URL（此处仍使用 picsum 测试）
    // - 颜色字段：background/key_bg/key_text/key_highlight/accent 与 KBSkinManager.applyThemeFromJSON 一致
    // - hidden_keys：需要隐藏文字的按键 identifier
    // - key_icons：
    //   * 当 KB_SKIN_ICON_USE_REMOTE==0 时，value 写本地 Assets 名称（如 "kb_space_melon"）
    //   * 当 KB_SKIN_ICON_USE_REMOTE==1 时，value 写 Zip 包内的图标“短文件名”（如 "key_space"；解压后路径为 Skins/<skinId>/icons/key_space.png）
//    self.skins = @[
//        @{
//            @"id": @"melon",
//            @"name": KBLocalized(@"蜜瓜主题"),
//            @"background_image": @"https://picsum.photos/id/1018/800/450.jpg",
//            @"background": @"#F5FFE8",
//            @"key_bg": @"#FFFFFF",
//            @"key_text": @"#4A4A4A",
//            @"key_highlight": @"#D9F4C4",
//            @"accent": @"#A4D68A",
//            @"hidden_keys": @[
//                @"letter_q",@"letter_w",@"letter_e",@"letter_r",@"letter_t",
//                @"letter_y",@"letter_u",@"letter_i",@"letter_o",@"letter_p",
//                @"letter_a",@"letter_s",@"letter_d",@"letter_f",@"letter_g",
//                @"letter_h",@"letter_j",@"letter_k",@"letter_l",
//                @"letter_z",@"letter_x",@"letter_c",@"letter_v",
//                @"letter_b",@"letter_n",@"letter_m",
//                @"space"
//            ],
//            // 默认假设本地测试：这里的值写 Assets 名称。
//            // 如果开启远程 Zip 模式，可改为 Zip 内对应的图标短文件名（如 "key_space"）。
//            @"key_icons": @{
//                // 字母键：大小写共用一套本地图（演示用）
//                // 若后续需要不同图，只需改为 *_lower / *_upper 对应不同资源名即可。
//                @"letter_q_lower": @"key_q",
//                @"letter_q_upper": @"key_q",
//                @"letter_w_lower": @"key_w",
//                @"letter_w_upper": @"key_w",
//                @"letter_e_lower": @"key_e",
//                @"letter_e_upper": @"key_e",
//                @"letter_r_lower": @"key_r",
//                @"letter_r_upper": @"key_r",
//                @"letter_t_lower": @"key_t",
//                @"letter_t_upper": @"key_t",
//                @"letter_y_lower": @"key_y",
//                @"letter_y_upper": @"key_y",
//                @"letter_u_lower": @"key_u",
//                @"letter_u_upper": @"key_u",
//                @"letter_i_lower": @"key_i",
//                @"letter_i_upper": @"key_i",
//                @"letter_o_lower": @"key_o",
//                @"letter_o_upper": @"key_o",
//                @"letter_p_lower": @"key_p",
//                @"letter_p_upper": @"key_p",
//
//                @"letter_a_lower": @"key_a",
//                @"letter_a_upper": @"key_a",
//                @"letter_s_lower": @"key_s",
//                @"letter_s_upper": @"key_s",
//                @"letter_d_lower": @"key_d",
//                @"letter_d_upper": @"key_d",
//                @"letter_f_lower": @"key_f",
//                @"letter_f_upper": @"key_f",
//                @"letter_g_lower": @"key_g",
//                @"letter_g_upper": @"key_g",
//                @"letter_h_lower": @"key_h",
//                @"letter_h_upper": @"key_h",
//                @"letter_j_lower": @"key_j",
//                @"letter_j_upper": @"key_j",
//                @"letter_k_lower": @"key_k",
//                @"letter_k_upper": @"key_k",
//                @"letter_l_lower": @"key_l",
//                @"letter_l_upper": @"key_l",
//
//                @"letter_z_lower": @"key_z",
//                @"letter_z_upper": @"key_z",
//                @"letter_x_lower": @"key_x",
//                @"letter_x_upper": @"key_x",
//                @"letter_c_lower": @"key_c",
//                @"letter_c_upper": @"key_c",
//                @"letter_v_lower": @"key_v",
//                @"letter_v_upper": @"key_v",
//                @"letter_b_lower": @"key_b",
//                @"letter_b_upper": @"key_b",
//                @"letter_n_lower": @"key_n",
//                @"letter_n_upper": @"key_n",
//                @"letter_m_lower": @"key_m",
//                @"letter_m_upper": @"key_m",
//
//                // 功能键（无大小写变体）
//                @"space":     @"key_space", // 空格键
//                @"backspace": @"key_del",   // 删除键
//                @"shift":     @"key_up",    // Shift（上箭头）
//                @"mode_123":  @"key_123",   // 字母面板左下角 "123"
//                @"ai":        @"key_ai",    // 自定义 AI 键
//                @"return":    @"key_send"   // 发送/换行键
//            }
//        }
//    ];
    self.skins = @[
        @{
            @"id":   @"local001",
            @"name": KBLocalized(@"本地001皮肤"),
            // 关键：zip_url 写成 bundle:// 前缀 + 文件名
            @"zip_url": @"bundle://001.zip",

            // 颜色你可以先随便写一套，或者继承默认
            @"background": @"#F5FFE8",
            @"key_bg": @"#FFFFFF",
            @"key_text": @"#4A4A4A",
            @"key_highlight": @"#D9F4C4",
            @"accent": @"#A4D68A"
            // 不写 key_icons，代码会自动用本地那份映射表
        }
    ];

    self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, KB_NAV_TOTAL_HEIGHT, KB_SCREEN_WIDTH, KB_SCREEN_HEIGHT - KB_NAV_TOTAL_HEIGHT) style:UITableViewStyleInsetGrouped];
    self.tableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    self.tableView.delegate = self; self.tableView.dataSource = self;
    [self.view addSubview:self.tableView];

    // 底部添加“恢复默认皮肤”测试按钮
    UIButton *reset = [UIButton buttonWithType:UIButtonTypeSystem];
    [reset setTitle:KBLocalized(@"恢复默认皮肤") forState:UIControlStateNormal];
    reset.titleLabel.font = [UIFont systemFontOfSize:15 weight:UIFontWeightMedium];
    reset.layer.cornerRadius = 8.0;
    reset.layer.borderWidth = 1.0;
    reset.layer.borderColor = [UIColor colorWithWhite:0.85 alpha:1.0].CGColor;
    [reset addTarget:self action:@selector(onResetDefault:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:reset];
    self.resetButton = reset;

    [reset mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.view).offset(16);
        make.right.equalTo(self.view).offset(-16);
        make.bottom.equalTo(self.view.mas_safeAreaLayoutGuideBottom).offset(-16);
        make.height.mas_equalTo(44);
    }];

    // 让 tableView 的内容区域避免被按钮遮挡
    UIEdgeInsets inset = self.tableView.contentInset;
    inset.bottom += 44 + 24; // 按钮高度 + 上下间距
    self.tableView.contentInset = inset;
    self.tableView.scrollIndicatorInsets = inset;
}

#pragma mark - UITableView

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; }
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return self.skins.count; }

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *cid = @"skin.cell";
    KBSkinCell *cell = [tableView dequeueReusableCellWithIdentifier:cid];
    if (!cell) { cell = [[KBSkinCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cid]; }
    NSDictionary *skin = self.skins[indexPath.row];
    cell.textLabel.text = skin[@"name"]; cell.detailTextLabel.text = skin[@"id"];
    [cell.applyBtn removeTarget:nil action:NULL forControlEvents:UIControlEventTouchUpInside];
    [cell.applyBtn addTarget:self action:@selector(onApplyBtn:) forControlEvents:UIControlEventTouchUpInside];
    cell.applyBtn.tag = indexPath.row;
    return cell;
}

- (void)onApplyBtn:(UIButton *)sender {
    NSInteger idx = sender.tag;
    if (idx < 0 || idx >= self.skins.count) return;
    NSDictionary *skin = self.skins[idx];
    if (!skin) return;
    [[KBSkinService shared] applySkinWithJSON:skin
                            fromViewController:self
                                          mode:KBSkinSourceModeLocalBundleZip
                                     completion:nil];
}

- (void)onResetDefault:(UIButton *)sender {
    // 不需要皮肤 JSON，传空字典即可
    [[KBSkinService shared] applySkinWithJSON:@{}
                            fromViewController:self
                                          mode:KBSkinSourceModeResetToDefault
                                     completion:nil];
}

@end