import 'package:flutter/material.dart';

import '../../../../components/project/dialogs/dialog_about.dart';

/// create by 张风捷特烈 on 2020-03-29
/// contact me by email 1981462002@qq.com
/// 说明:
//    {
//      "widgetId": 174,
//      "name": 'PopupMenuDivider基本使用',
//      "priority": 1,
//      "subtitle":
//          "【height】 : 高度  【double】",
//    }
class CustomPopupMenuDivider extends StatelessWidget {
  const CustomPopupMenuDivider({Key? key}) : super(key: key);

  final Map<String, IconData> map = const {
    "关于": Icons.info_outline,
    "帮助": Icons.help_outline,
    "问题反馈": Icons.add_comment,
  };

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        _buildPopupMenuButton(context),
        const PopupMenuDivider(),
      ],
    );
  }

  PopupMenuButton<String> _buildPopupMenuButton(BuildContext context) {
    return PopupMenuButton<String>(
      itemBuilder: (context) => [
        ...buildItems().sublist(0, 2),
        const PopupMenuDivider(),
        ...buildItems().sublist(2, 3)
      ],
      offset: const Offset(0, 50),
      color: const Color(0xffF4FFFA),
      elevation: 1,
      shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.only(
        topLeft: Radius.circular(20),
        bottomRight: Radius.circular(20),
        topRight: Radius.circular(5),
        bottomLeft: Radius.circular(5),
      )),
      onSelected: (e) {
        print(e);
        if (e == '关于') {
          DialogAbout.show(context);
        }
      },
      onCanceled: () => print('onCanceled'),
    );
  }

  List<PopupMenuItem<String>> buildItems() {
    return map.keys
        .toList()
        .map((e) => PopupMenuItem<String>(
            value: e,
            child: Wrap(
              spacing: 10,
              children: <Widget>[
                Icon(map[e], color: Colors.blue),
                Text(e),
              ],
            )))
        .toList();
  }
}