jingyun
123 lines
3.2 KiB
Dart
123 lines
3.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../theme/yanting_text.dart';
|
|
import '../theme/yanting_tokens.dart';
|
|
|
|
class AppBadge extends StatelessWidget {
|
|
const AppBadge({
|
|
required this.text,
|
|
this.icon,
|
|
this.kind = BadgeKind.neutral,
|
|
super.key,
|
|
});
|
|
|
|
final String text;
|
|
final IconData? icon;
|
|
final BadgeKind kind;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colors = switch (kind) {
|
|
BadgeKind.brand => (
|
|
YantingColors.primary,
|
|
YantingColors.primaryForeground,
|
|
Colors.transparent,
|
|
),
|
|
BadgeKind.audio => (
|
|
YantingColors.secondary,
|
|
YantingColors.secondaryForeground,
|
|
Colors.transparent,
|
|
),
|
|
BadgeKind.tier => (
|
|
YantingColors.background,
|
|
YantingColors.mutedForeground,
|
|
YantingColors.border,
|
|
),
|
|
BadgeKind.warning => (
|
|
YantingColors.background,
|
|
YantingColors.destructive,
|
|
YantingColors.border,
|
|
),
|
|
BadgeKind.neutral => (
|
|
YantingColors.secondary,
|
|
YantingColors.secondaryForeground,
|
|
Colors.transparent,
|
|
),
|
|
};
|
|
return DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
color: colors.$1,
|
|
border: colors.$3 == Colors.transparent
|
|
? null
|
|
: Border.all(color: colors.$3),
|
|
borderRadius: BorderRadius.circular(YantingRadius.sm),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 3),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (icon != null) ...[
|
|
Icon(icon, size: 14, color: colors.$2),
|
|
const SizedBox(width: 4),
|
|
],
|
|
Text(
|
|
text,
|
|
style:
|
|
(Theme.of(context).textTheme.labelSmall ?? YantingText.badge)
|
|
.copyWith(color: colors.$2, letterSpacing: 0),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
enum BadgeKind { brand, audio, tier, warning, neutral }
|
|
|
|
class AppChip extends StatelessWidget {
|
|
const AppChip({
|
|
required this.label,
|
|
this.selected = false,
|
|
this.onTap,
|
|
super.key,
|
|
});
|
|
|
|
final String label;
|
|
final bool selected;
|
|
final VoidCallback? onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final background = selected
|
|
? YantingColors.foreground
|
|
: YantingColors.secondary;
|
|
final foreground = selected
|
|
? YantingColors.background
|
|
: YantingColors.secondaryForeground;
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: Ink(
|
|
decoration: BoxDecoration(
|
|
color: background,
|
|
borderRadius: BorderRadius.circular(YantingRadius.pill),
|
|
),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(YantingRadius.pill),
|
|
onTap: onTap,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 17, vertical: 9),
|
|
child: Text(
|
|
label,
|
|
style:
|
|
(Theme.of(context).textTheme.labelLarge ?? YantingText.chip)
|
|
.copyWith(color: foreground, letterSpacing: 0),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|