PiliPlus/lib/common/widgets/list_sheet.dart

import 'dart:async';
import 'dart:math';

import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/icon_button.dart';
import 'package:PiliPlus/common/widgets/network_img_layer.dart';
import 'package:PiliPlus/http/video.dart';
import 'package:PiliPlus/models/bangumi/info.dart' as bangumi;
import 'package:PiliPlus/models/video_detail_res.dart' as video;
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';

import '../../utils/storage.dart';
import '../../utils/utils.dart';
import 'package:PiliPlus/common/widgets/spring_physics.dart';

class ListSheetContent extends StatefulWidget {
  const ListSheetContent({
    super.key,
    this.index, // tab index
    this.season,
    this.episodes,
    this.bvid,
    this.aid,
    required this.currentCid,
    required this.changeFucCall,
    this.onClose,
    this.onReverse,
    this.showTitle,
    this.isSupportReverse,
    this.isReversed,
  });

  final dynamic index;
  final dynamic season;
  final dynamic episodes;
  final String? bvid;
  final int? aid;
  final int currentCid;
  final Function changeFucCall;
  final VoidCallback? onClose;
  final VoidCallback? onReverse;
  final bool? showTitle;
  final bool? isSupportReverse;
  final bool? isReversed;

  @override
  State<ListSheetContent> createState() => _ListSheetContentState();
}

class _ListSheetContentState extends State<ListSheetContent>
    with TickerProviderStateMixin {
  late List<ItemScrollController> itemScrollController = [];
  late int currentIndex = _currentIndex;
  late List<bool> reverse;

  int get _index => widget.index ?? 0;
  late final bool _isList = widget.season != null &&
      widget.season?.sections is List &&
      widget.season.sections.length > 1;
  dynamic get episodes =>
      widget.episodes ?? widget.season?.sections[_index].episodes;
  TabController? _ctr;
  StreamController? _indexStream;
  int? _seasonFav;
  StreamController? _favStream;

  @override
  void didUpdateWidget(ListSheetContent oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (widget.showTitle != false) {
      return;
    }

    int currentIndex = _currentIndex;

    void jumpToCurrent() {
      if (this.currentIndex != currentIndex) {
        this.currentIndex = currentIndex;
        try {
          itemScrollController[_index].jumpTo(
            index: currentIndex,
          );
        } catch (_) {}
      }
    }

    // jump to current
    if (_ctr != null && widget.index != _ctr?.index) {
      _ctr?.animateTo(_index, duration: const Duration(milliseconds: 200));
      Future.delayed(const Duration(milliseconds: 300)).then((_) {
        jumpToCurrent();
      });
    } else {
      jumpToCurrent();
    }
  }

  int get _currentIndex => max(
      0,
      _isList
          ? widget.season.sections[_index].episodes
              .indexWhere((e) => e.cid == widget.currentCid)
          : episodes.indexWhere((e) => e.cid == widget.currentCid));

  @override
  void initState() {
    super.initState();
    if (_isList) {
      _indexStream ??= StreamController<int>.broadcast();
      _ctr = TabController(
        vsync: this,
        length: widget.season.sections.length,
        initialIndex: _index,
      )..addListener(() {
          _indexStream?.add(_ctr?.index);
        });
    }
    itemScrollController = _isList
        ? List.generate(
            widget.season.sections.length, (_) => ItemScrollController())
        : [ItemScrollController()];
    reverse = _isList
        ? List.generate(widget.season.sections.length, (_) => false)
        : [false];
    if (widget.bvid != null && widget.season != null) {
      _favStream ??= StreamController<int>();
      () async {
        dynamic result = await VideoHttp.videoRelation(bvid: widget.bvid);
        if (result['status']) {
          _seasonFav = result['data']['season_fav'] ? 1 : 0;
          _favStream?.add(_seasonFav);
        }
      }();
    }
    WidgetsBinding.instance.addPostFrameCallback((_) {
      try {
        itemScrollController[_index].jumpTo(index: currentIndex);
      } catch (_) {}
    });
  }

  @override
  void dispose() {
    _favStream?.close();
    _favStream = null;
    _indexStream?.close();
    _indexStream = null;
    _ctr?.removeListener(() {});
    _ctr?.dispose();
    super.dispose();
  }

  Widget buildEpisodeListItem(
    dynamic episode,
    int index,
    int length,
    bool isCurrentIndex,
  ) {
    Color primary = Theme.of(context).colorScheme.primary;
    late String title;
    if (episode.runtimeType.toString() == "EpisodeItem") {
      if (episode.longTitle != null && episode.longTitle != "") {
        dynamic leading = episode.title ?? index + 1;
        title =
            "${Utils.isStringNumeric(leading) ? '第$leading话' : leading}  ${episode.longTitle!}";
      } else {
        title = episode.title!;
      }
    } else if (episode.runtimeType.toString() == "PageItem") {
      title = episode.pagePart!;
    } else if (episode.runtimeType.toString() == "Part") {
      title = episode.pagePart!;
      // debugPrint("未知类型：${episode.runtimeType}");
    }
    return ListTile(
      onTap: () {
        if (episode.badge != null && episode.badge == "会员") {
          dynamic userInfo = GStorage.userInfo.get('userInfoCache');
          int vipStatus = 0;
          if (userInfo != null) {
            vipStatus = userInfo.vipStatus;
          }
          if (vipStatus != 1) {
            SmartDialog.showToast('需要大会员');
            // return;
          }
        }
        SmartDialog.showToast('切换到：$title');
        widget.onClose?.call();
        currentIndex = index;
        widget.changeFucCall(
          episode is bangumi.EpisodeItem ? episode.epId : null,
          episode.runtimeType.toString() == "EpisodeItem"
              ? episode.bvid
              : widget.bvid,
          episode.cid,
          episode.runtimeType.toString() == "EpisodeItem"
              ? episode.aid
              : widget.aid,
          episode is video.EpisodeItem
              ? episode.arc?.pic
              : episode is bangumi.EpisodeItem
                  ? episode.cover
                  : null,
        );
      },
      dense: false,
      leading: (episode is video.EpisodeItem && episode.arc?.pic != null) ||
              (episode is video.Part && episode.firstFrame != null) ||
              (episode is bangumi.EpisodeItem && episode.cover != null)
          ? Container(
              margin: const EdgeInsets.symmetric(vertical: 6),
              decoration: isCurrentIndex
                  ? BoxDecoration(
                      borderRadius: BorderRadius.circular(6),
                      border: Border.all(
                        width: 1.8,
                        strokeAlign: BorderSide.strokeAlignOutside,
                        color: Theme.of(context).colorScheme.primary,
                      ),
                    )
                  : null,
              child: LayoutBuilder(
                builder: (context, constraints) => NetworkImgLayer(
                  radius: 6,
                  src: episode is video.EpisodeItem
                      ? episode.arc?.pic
                      : episode is bangumi.EpisodeItem
                          ? episode.cover
                          : episode.firstFrame,
                  width: constraints.maxHeight * StyleString.aspectRatio,
                  height: constraints.maxHeight,
                ),
              ),
            )
          : isCurrentIndex
              ? Image.asset(
                  'assets/images/live.png',
                  color: primary,
                  height: 12,
                  semanticLabel: "正在播放：",
                )
              : null,
      title: Text(
        title,
        style: TextStyle(
          fontSize: 14,
          fontWeight: isCurrentIndex ? FontWeight.bold : null,
          color: isCurrentIndex
              ? primary
              : Theme.of(context).colorScheme.onSurface,
        ),
      ),
      trailing: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          if (episode.badge != null) ...[
            if (episode.badge == '会员')
              Image.asset(
                'assets/images/big-vip.png',
                height: 20,
                semanticLabel: "大会员",
              )
            else
              Text(episode.badge),
            const SizedBox(width: 10),
          ],
          if (episode is! bangumi.EpisodeItem) Text('${index + 1}/$length'),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          height: 45,
          padding: EdgeInsets.symmetric(
              horizontal: widget.showTitle != false ? 14 : 6),
          child: Row(
            children: [
              if (widget.showTitle != false)
                Text(
                  '合集(${_isList ? widget.season.epCount : episodes?.length ?? ''})',
                  style: Theme.of(context).textTheme.titleMedium,
                ),
              StreamBuilder(
                stream: _favStream?.stream,
                builder: (context, snapshot) => snapshot.hasData
                    ? mediumButton(
                        tooltip: _seasonFav == 1 ? '取消订阅' : '订阅',
                        icon: _seasonFav == 1
                            ? Icons.notifications_off_outlined
                            : Icons.notifications_active_outlined,
                        onPressed: () async {
                          dynamic result = await VideoHttp.seasonFav(
                            isFav: _seasonFav == 1,
                            seasonId: widget.season.id,
                          );
                          if (result['status']) {
                            SmartDialog.showToast(
                                '${_seasonFav == 1 ? '取消' : ''}订阅成功');
                            _seasonFav = _seasonFav == 1 ? 0 : 1;
                            _favStream?.add(_seasonFav);
                          } else {
                            SmartDialog.showToast(result['msg']);
                          }
                        },
                      )
                    : const SizedBox.shrink(),
              ),
              mediumButton(
                tooltip: '跳至顶部',
                icon: Icons.vertical_align_top,
                onPressed: () {
                  try {
                    itemScrollController[_ctr?.index ?? 0].scrollTo(
                      index: !reverse[_ctr?.index ?? 0]
                          ? 0
                          : _isList
                              ? widget.season.sections[_ctr?.index].episodes
                                      .length -
                                  1
                              : episodes.length - 1,
                      duration: const Duration(milliseconds: 200),
                    );
                  } catch (_) {}
                },
              ),
              mediumButton(
                tooltip: '跳至底部',
                icon: Icons.vertical_align_bottom,
                onPressed: () {
                  try {
                    itemScrollController[_ctr?.index ?? 0].scrollTo(
                      index: !reverse[_ctr?.index ?? 0]
                          ? _isList
                              ? widget.season.sections[_ctr?.index].episodes
                                      .length -
                                  1
                              : episodes.length - 1
                          : 0,
                      duration: const Duration(milliseconds: 200),
                    );
                  } catch (_) {}
                },
              ),
              mediumButton(
                tooltip: '跳至当前',
                icon: Icons.my_location,
                onPressed: () async {
                  if (_ctr != null && _ctr?.index != (_index)) {
                    _ctr?.animateTo(_index);
                    await Future.delayed(const Duration(milliseconds: 225));
                  }
                  try {
                    itemScrollController[_ctr?.index ?? 0].scrollTo(
                      index: currentIndex,
                      duration: const Duration(milliseconds: 200),
                    );
                  } catch (_) {}
                },
              ),
              if (widget.isSupportReverse == true)
                if (!_isList)
                  _reverseButton
                else
                  StreamBuilder(
                    stream: _indexStream?.stream,
                    initialData: _index,
                    builder: (context, snapshot) {
                      return snapshot.data == _index
                          ? _reverseButton
                          : const SizedBox.shrink();
                    },
                  ),
              const Spacer(),
              StreamBuilder(
                stream: _indexStream?.stream,
                initialData: _index,
                builder: (context, snapshot) => mediumButton(
                  tooltip: reverse[snapshot.data] ? '顺序' : '倒序',
                  icon: !reverse[snapshot.data]
                      ? MdiIcons.sortNumericAscending
                      : MdiIcons.sortNumericDescending,
                  onPressed: () {
                    setState(() {
                      reverse[_ctr?.index ?? 0] = !reverse[_ctr?.index ?? 0];
                    });
                  },
                ),
              ),
              if (widget.onClose != null)
                mediumButton(
                  tooltip: '关闭',
                  icon: Icons.close,
                  onPressed: widget.onClose,
                ),
            ],
          ),
        ),
        Divider(
          height: 1,
          color: Theme.of(context).dividerColor.withOpacity(0.1),
        ),
        if (_isList)
          TabBar(
            controller: _ctr,
            padding: const EdgeInsets.only(right: 60),
            isScrollable: true,
            tabs: (widget.season.sections as List)
                .map((item) => Tab(text: item.title))
                .toList(),
            dividerHeight: 1,
            dividerColor: Theme.of(context).dividerColor.withOpacity(0.1),
          ),
        Expanded(
          child: _isList
              ? Material(
                  color: Colors.transparent,
                  child: TabBarView(
                    physics: customTabBarViewScrollPhysics,
                    controller: _ctr,
                    children: List.generate(
                      widget.season.sections.length,
                      (index) => _buildBody(
                          index, widget.season.sections[index].episodes),
                    ),
                  ),
                )
              : Material(
                  color: Colors.transparent,
                  child: _buildBody(null, episodes),
                ),
        ),
      ],
    );
  }

  Widget get _reverseButton => mediumButton(
        tooltip: widget.isReversed == true ? '正序播放' : '倒序播放',
        icon: widget.isReversed == true
            ? MdiIcons.sortDescending
            : MdiIcons.sortAscending,
        onPressed: () async {
          if (widget.showTitle == false) {
            // jump to current
            if (_ctr != null && _ctr?.index != (_index)) {
              _ctr?.animateTo(_index);
              await Future.delayed(const Duration(milliseconds: 225));
            }
            try {
              itemScrollController[_ctr?.index ?? 0].scrollTo(
                index: currentIndex,
                duration: const Duration(milliseconds: 200),
              );
            } catch (_) {}
          }

          widget.onReverse?.call();
        },
      );

  Widget _buildBody(i, episodes) => ScrollablePositionedList.separated(
        padding: EdgeInsets.only(
          bottom: MediaQuery.of(context).padding.bottom + 80,
        ),
        reverse: reverse[i ?? 0],
        itemCount: episodes.length,
        itemBuilder: (BuildContext context, int index) {
          return buildEpisodeListItem(
            episodes[index],
            index,
            episodes.length,
            i != null
                ? i == (_index)
                    ? currentIndex == index
                    : false
                : currentIndex == index,
          );
        },
        itemScrollController: itemScrollController[i ?? 0],
        separatorBuilder: (context, index) => Divider(
          height: 1,
          color: Theme.of(context).dividerColor.withOpacity(0.1),
        ),
      );
}