初始化

lib/widgets/base/button/index.dart

@@ -0,0 +1,65 @@
+import 'package:app/config/theme/theme.dart';
+import 'package:flutter/material.dart';
+
+import '../config/config.dart';
+
+class Button extends StatelessWidget {
+  final double? width;
+  final String text;
+  final ThemeType type;
+  final BorderRadius radius;
+  final VoidCallback onPressed;
+  final bool loading;
+  final bool disabled;
+
+  const Button({
+    super.key,
+    this.width,
+    this.radius = const BorderRadius.all(Radius.circular(80)),
+    required this.text,
+    required this.onPressed,
+    this.type = ThemeType.primary,
+    this.loading = false,
+    this.disabled = false,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final bgDecoration = switch (type) {
+      ThemeType.primary => BoxDecoration(color: Theme.of(context).primaryColor),
+      ThemeType.success => BoxDecoration(color: context.success),
+      ThemeType.danger => BoxDecoration(color: context.danger),
+      ThemeType.warning => BoxDecoration(color: context.warning),
+      ThemeType.info => BoxDecoration(color: context.info),
+    };
+
+    return Opacity(
+      opacity: disabled ? 0.5 : 1,
+      child: Container(
+        width: width,
+        decoration: bgDecoration.copyWith(borderRadius: radius),
+        child: Material(
+          type: MaterialType.transparency, // 让波纹依附在上层容器
+          child: InkWell(
+            borderRadius: radius,
+            onTap: disabled || loading ? null : onPressed,
+            splashColor: Colors.white.withValues(alpha: 0.2),
+            highlightColor: Colors.white.withValues(alpha: 0.2),
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 7),
+              child: Center(
+                child: Text(
+                  text,
+                  style: TextStyle(
+                    color: type != ThemeType.info ? Colors.white : Colors.black,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/widgets/base/card/g_card.dart

@@ -0,0 +1,27 @@
+import 'package:app/config/theme/base/app_theme_ext.dart';
+import 'package:flutter/material.dart';
+
+class GCard extends StatelessWidget {
+  final Widget child;
+
+  const GCard({super.key, required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(context.pagePadding),
+      decoration: BoxDecoration(
+        color: Theme.of(context).colorScheme.surfaceContainerHigh,
+        borderRadius: BorderRadius.circular(8),
+        boxShadow: [
+          BoxShadow(
+            color: Theme.of(context).colorScheme.shadow,
+            blurRadius: 9,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: child,
+    );
+  }
+}

lib/widgets/base/config/color.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+import 'config.dart';
+
+class ColorResolver {
+  final Color bg;
+  final Color font;
+  final Color border;
+
+  ColorResolver(this.bg, this.font, this.border);
+}
+
+///返回颜色
+ColorResolver resolveEffectColors(Color color, Effect effect) => switch (effect) {
+  Effect.dark => ColorResolver(color, Colors.white, color),
+  Effect.light => () {
+    final pale = color.withValues(alpha: 0.2);
+    return ColorResolver(pale, color, pale);
+  }(), // 注意这里多了 ()，表示立即调用
+  Effect.plain => ColorResolver(Colors.white, color, color),
+};

lib/widgets/base/config/config.dart

@@ -0,0 +1,15 @@
+///主题风格
+enum Effect {
+  dark,
+  light,
+  plain,
+}
+
+///主题类型
+enum ThemeType {
+  primary,
+  success,
+  warning,
+  danger,
+  info,
+}

lib/widgets/base/tag/index.dart

@@ -0,0 +1,58 @@
+import 'package:app/config/theme/base/app_theme_ext.dart';
+import 'package:flutter/material.dart';
+
+import '../config/color.dart';
+import '../config/config.dart';
+
+class Tag extends StatelessWidget {
+  final String text;
+  final Color? color;
+  final ThemeType type;
+  final Effect effect;
+  final EdgeInsets padding;
+
+  const Tag({
+    super.key,
+    required this.text,
+    this.color,
+    this.type = ThemeType.primary,
+    this.effect = Effect.dark,
+    this.padding = const EdgeInsets.symmetric(vertical: 3, horizontal: 6),
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    ///颜色
+    var baseColor = switch (type) {
+      ThemeType.primary => Theme.of(context).primaryColor,
+      ThemeType.success => context.success,
+      ThemeType.warning => context.warning,
+      ThemeType.danger => context.danger,
+      ThemeType.info => context.info,
+    };
+    if (color != null) {
+      baseColor = color!;
+    }
+
+    ColorResolver colorResolver = resolveEffectColors(baseColor, effect);
+
+    return Container(
+      padding: padding,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(5),
+        color: colorResolver.bg,
+        border: Border.all(
+          color: colorResolver.border,
+          width: 1,
+        ),
+      ),
+      child: Text(
+        text,
+        style: TextStyle(
+          color: colorResolver.font,
+          fontSize: 12,
+        ),
+      ),
+    );
+  }
+}

lib/widgets/base/transition/slide_hide.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+
+enum SlideDirection { up, down }
+
+class SlideHide extends StatefulWidget {
+  final Widget child;
+  final bool hide; // 是否隐藏
+  final SlideDirection direction;
+  final Duration duration;
+
+  const SlideHide({
+    super.key,
+    required this.child,
+    this.hide = false,
+    this.direction = SlideDirection.up,
+    this.duration = const Duration(milliseconds: 200),
+  });
+
+  @override
+  State<SlideHide> createState() => _SlideHideState();
+}
+
+class _SlideHideState extends State<SlideHide> with SingleTickerProviderStateMixin {
+  late final AnimationController _controller;
+  late final Animation<Offset> _animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      vsync: this,
+      duration: widget.duration,
+    );
+    _animation = Tween<Offset>(
+      begin: Offset.zero,
+      end: widget.direction == SlideDirection.up ? const Offset(0, -1) : const Offset(0, 1),
+    ).animate(CurvedAnimation(parent: _controller, curve: Curves.easeInOut));
+
+    if (widget.hide) {
+      _controller.value = 1;
+    }
+  }
+
+  @override
+  void didUpdateWidget(covariant SlideHide oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.hide != widget.hide) {
+      if (widget.hide) {
+        _controller.forward();
+      } else {
+        _controller.reverse();
+      }
+    }
+  }
+
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SlideTransition(
+      position: _animation,
+      child: widget.child,
+    );
+  }
+}

lib/widgets/common/preview/file_previewer.dart

@@ -0,0 +1,61 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_cached_pdfview/flutter_cached_pdfview.dart';
+import 'package:go_router/go_router.dart';
+
+void showFilePreviewer(
+  BuildContext context, {
+  required String url,
+}) {
+  showDialog(
+    context: context,
+    builder: (BuildContext context) {
+      return FilePreviewer(
+        url: url,
+      );
+    },
+  );
+}
+
+class FilePreviewer extends StatelessWidget {
+  final String url;
+
+  const FilePreviewer({super.key, this.url = ""});
+
+  bool _isImage(String suffix) {
+    final lower = suffix.toLowerCase();
+    return ['jpg', 'jpeg', 'png', 'gif', 'webp'].contains(lower);
+  }
+
+  bool _isPdf(String suffix) {
+    return suffix.toLowerCase() == 'pdf';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final suffix = url.split('.').last;
+    Widget child;
+
+    if (_isImage(suffix)) {
+      child = InteractiveViewer(
+        child: CachedNetworkImage(
+          imageUrl: url,
+        ),
+      );
+    } else if (_isPdf(suffix)) {
+      child = PDF(
+        enableSwipe: true,
+      ).cachedFromUrl(url);
+    } else {
+      child = const Text('不支持的文件类型');
+    }
+    return GestureDetector(
+      onTap: () {
+        context.pop();
+      },
+      child: Container(
+        child: child,
+      ),
+    );
+  }
+}

lib/widgets/room/file_drawer.dart

@@ -0,0 +1,95 @@
+import 'package:app/config/theme/base/app_theme_ext.dart';
+import 'package:app/widgets/base/button/index.dart';
+import 'package:flutter/material.dart';
+
+import '../common/preview/file_previewer.dart';
+
+///快捷打开文件弹窗
+void showFileDialog(
+  BuildContext context, {
+  bool isUpload = true,
+}) {
+  showGeneralDialog(
+    context: context,
+    barrierDismissible: true,
+    // 点击外部关闭
+    barrierLabel: "RightSheet",
+    pageBuilder: (context, animation, secondaryAnimation) {
+      return FileDrawer(
+        isUpload: isUpload,
+      );
+    },
+    transitionBuilder: (context, animation, secondaryAnimation, child) {
+      final tween = Tween<Offset>(begin: Offset(1, 0), end: Offset(0, 0));
+      return SlideTransition(
+        position: tween.animate(animation),
+        child: child,
+      );
+    },
+  );
+}
+
+///文件弹窗
+class FileDrawer extends StatefulWidget {
+  final bool isUpload;
+
+  const FileDrawer({super.key, this.isUpload = true});
+
+  @override
+  State<FileDrawer> createState() => _FileDrawerState();
+}
+
+class _FileDrawerState extends State<FileDrawer> {
+  @override
+  Widget build(BuildContext context) {
+    return Align(
+      alignment: Alignment.centerRight,
+      child: Container(
+        width: 300,
+        color: Colors.white,
+        padding: EdgeInsets.all(context.pagePadding),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              '上传文件列表',
+              style: Theme.of(context).textTheme.titleSmall,
+            ),
+            Expanded(
+              child: ListView.separated(
+                padding: EdgeInsets.symmetric(vertical: 15),
+                itemBuilder: (_, index) {
+                  return InkWell(
+                    onTap: () {
+                      showFilePreviewer(
+                        context,
+                        url: "https://doaf.asia/api/assets/1/图/65252305_p0.jpg",
+                      );
+                    },
+                    child: Container(
+                      padding: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
+                      decoration: BoxDecoration(
+                        color: Theme.of(context).colorScheme.surfaceContainer,
+                        borderRadius: BorderRadius.circular(5),
+                      ),
+                      child: Text("文件1.png", style: TextStyle(fontSize: 14)),
+                    ),
+                  );
+                },
+                separatorBuilder: (_, __) => SizedBox(height: 15),
+                itemCount: 15,
+              ),
+            ),
+            Visibility(
+              visible: widget.isUpload,
+              child: Button(
+                text: "上传",
+                onPressed: () {},
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/widgets/room/video_surface.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+
+/// 视频画面显示状态
+enum VideoState {
+  /// 正常显示视频
+  normal,
+
+  /// 摄像头关闭
+  closed,
+
+  /// 掉线 / 未连接
+  offline,
+
+  /// 加载中（进房、拉流等）
+  loading,
+
+  /// 错误状态（拉流失败等）
+  error,
+}
+
+class VideoSurface extends StatelessWidget {
+  final VideoState state;
+
+  const VideoSurface({super.key, this.state = VideoState.normal});
+
+  @override
+  Widget build(BuildContext context) {
+    String stateText = switch (state) {
+      VideoState.closed => "摄像头已关闭",
+      VideoState.offline => "掉线",
+      VideoState.loading => "加载中",
+      VideoState.error => "错误",
+      _ => "未知",
+    };
+    //如果不是正常
+    if (state != VideoState.normal) {
+      return Align(
+        child: Text(stateText, style: TextStyle(color: Colors.white70)),
+      );
+    }
+    return Container();
+  }
+}