ChickenFarm/UI/CF.APP/chicken_farm/lib/components/vb_select.dart

import 'package:flutter/material.dart';

/// 数据转换函数签名
/// 将原始数据转换为SelectOption类型的函数
typedef SelectOptionConverter<T> = SelectOption Function(T data);

/// 选择器选项数据模型
class SelectOption {
  final String label;
  final String value;
  final dynamic extra;

  SelectOption({required this.label, required this.value, this.extra});
}

/// 通用选择器组件
/// 支持静态数据源和动态API数据源
class VberSelect<T> extends StatefulWidget {
  /// 静态数据列表
  final List<T>? items;

  /// API获取数据的方法
  final Future<List<T>> Function()? fetchData;

  /// 数据转换方法，将原始数据转换为SelectOption
  final SelectOptionConverter<T> converter;

  /// 当前选中的值
  final String? value;

  /// 值改变回调
  final Function(String?)? onChanged;

  /// 提示文字
  final String? hint;

  /// 是否启用
  final bool enabled;

  /// 是否显示"全部"选项
  final bool showAll;

  const VberSelect({
    super.key,
    this.items,
    this.fetchData,
    required this.converter,
    this.value,
    this.onChanged,
    this.hint,
    this.enabled = true,
    this.showAll = false,
  });

  @override
  State<VberSelect<T>> createState() => _VberSelectState<T>();
}

class _VberSelectState<T> extends State<VberSelect<T>> {
  List<T>? _items;
  bool _loading = false;
  String? _selectedValue;

  @override
  void initState() {
    super.initState();
    _selectedValue = widget.value;
    // 使用WidgetsBinding.instance.addPostFrameCallback确保在widget构建完成后再加载数据
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _loadData();
    });
  }

  @override
  void didUpdateWidget(covariant VberSelect<T> oldWidget) {
    super.didUpdateWidget(oldWidget);
    // 当外部传入的value发生变化时，同步更新内部状态
    if (oldWidget.value != widget.value) {
      setState(() {
        _selectedValue = widget.value;
      });
    }
  }

  Future<void> _loadData() async {
    // 如果提供了fetchData方法，则优先使用它获取数据
    if (widget.fetchData != null) {
      // 使用Future.microtask确保在下一个微任务中加载数据，避免在构建过程中修改状态
      Future.microtask(() async {
        setState(() {
          _loading = true;
        });

        try {
          final data = await widget.fetchData!();
          setState(() {
            _items = data;
            _loading = false;
          });
        } catch (e) {
          setState(() {
            _loading = false;
          });
        }
      });
    } else {
      // 否则使用传入的静态数据
      setState(() {
        _items = widget.items;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    if (_loading) {
      return DropdownButton<String>(
        items: [],
        hint: SizedBox(
          width: 16,
          height: 16,
          child: CircularProgressIndicator(strokeWidth: 2),
        ),
        onChanged: (String? value) {},
      );
    }

    if (_items == null || _items!.isEmpty) {
      List<DropdownMenuItem<String>> dropdownItems = [];
      
      // 如果showAll为true，添加"全部"选项
      if (widget.showAll) {
        dropdownItems.add(
          DropdownMenuItem<String>(
            value: '',
            child: Text('全部'),
          ),
        );
      }
      
      return DropdownButton<String>(
        value: _selectedValue,
        hint: Text(widget.hint ?? '请选择'),
        items: dropdownItems,
        onChanged: widget.enabled ? widget.onChanged : null,
      );
    }

    final options = _items!.map((item) => widget.converter(item)).toList();
    
    // 构建最终的下拉选项列表
    List<DropdownMenuItem<String>> dropdownItems = [];
    
    // 如果showAll为true，添加"全部"选项
    if (widget.showAll) {
      dropdownItems.add(
        DropdownMenuItem<String>(
          value: '',
          child: Text('全部'),
        ),
      );
    }
    
    // 添加转换后的选项
    dropdownItems.addAll(options.map((option) {
      return DropdownMenuItem<String>(
        value: option.value,
        child: Text(option.label),
      );
    }).toList());

    return DropdownButton<String>(
      value: _selectedValue,
      hint: Text(widget.hint ?? '请选择'),
      items: dropdownItems,
      onChanged: widget.enabled 
          ? (String? newValue) {
              setState(() {
                _selectedValue = newValue;
              });
              widget.onChanged?.call(newValue);
            } 
          : null,
    );
  }
}