calendar_view_demo/lib/calendar_page/month_calendar/schedule_item.dart

import 'package:calendar_view/popup_layer/popup_layer_controller.dart';
import 'package:calendar_view/utils/calendar_util.dart';
import 'package:calendar_view/utils/event_type.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class SchedualItem extends StatefulWidget {
  const SchedualItem({
    super.key,
    required this.scheduleData,
    required this.itemHeight,
    this.onTapShowSchedule,
  });
  final Schedule scheduleData;
  final double itemHeight;
  final ValueCallback? onTapShowSchedule;

  @override
  State<SchedualItem> createState() => _SchedualItemState();
}

class _SchedualItemState extends State<SchedualItem> {
  ScheduleType get scheduleType => widget.scheduleData.type;
  Schedule get schedule => widget.scheduleData;
  bool _isSelected = false; // 是否选中状态
  GlobalKey _scheduleListKey = GlobalKey();

  final PopupLayerController _popupLayerController =
      Get.find<PopupLayerController>();

  @override
  void initState() {
    super.initState();

    _popupLayerController.onCloseSchedulePopup.addListener(_onGlobalClick);
  }

  @override
  void dispose() {
    super.dispose();
    _popupLayerController.onCloseSchedulePopup.removeListener(_onGlobalClick);
  }

  void _onGlobalClick(e, bool isClose) {
    if (!mounted) return;
    print(isClose);
    setState(() {
      _isSelected = isClose;
    });
  }

  ////TODO:[Gavin] 监听一个popupController的关闭事件，关闭时将选中状态置为false
  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        key: _scheduleListKey,
        customBorder: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(5),
        ),
        onTap: () {
          setState(() {
            _isSelected = !_isSelected;
          });
          widget.onTapShowSchedule!(_scheduleListKey);
        },
        hoverColor: const Color.fromARGB(255, 227, 228, 228),
        child: Container(
          height: widget.itemHeight,
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 0),
          decoration: BoxDecoration(
            color: _isSelected ? scheduleType.color : Colors.transparent,
            borderRadius: BorderRadius.circular(5),
          ),
          child: Row(
            children: [
              Container(
                width: 6,
                height: 6,
                decoration: BoxDecoration(
                  color: scheduleType.color,
                  borderRadius: BorderRadius.circular(5),
                ),
              ),
              const SizedBox(width: 5),
              Text(
                _getStartTime(schedule.startTime),
                style: TextStyle(
                  fontSize: 12,
                  color: _isSelected
                      ? Colors.white
                      : const Color.fromARGB(167, 0, 0, 0),
                ),
                overflow: TextOverflow.ellipsis,
              ),
              Expanded(
                child: Text(
                  breakWord(schedule.title),
                  style: TextStyle(
                      fontSize: 12,
                      color: _isSelected ? Colors.white : Colors.black),
                  overflow: TextOverflow.ellipsis,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  static String breakWord(String text) {
    if (text.isEmpty) {
      return text;
    }
    String breakWord = ' ';
    for (var element in text.runes) {
      breakWord += String.fromCharCode(element);
      breakWord += '\u200B';
    }
    return breakWord;
  }

  static String _getStartTime(DateTime? startTime) {
    if (startTime == null) {
      // TODO: i18n
      return '全天';
    }
    return '${startTime.hour}:${startTime.minute}';
  }
}