mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
239 lines
9.7 KiB
Dart
239 lines
9.7 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'template.dart';
|
|
|
|
class DatePickerTemplate extends TokenTemplate {
|
|
const DatePickerTemplate(super.blockName, super.fileName, super.tokens, {
|
|
super.colorSchemePrefix = '_colors.',
|
|
super.textThemePrefix = '_textTheme.'
|
|
});
|
|
|
|
String _layerOpacity(String layerToken) {
|
|
if (tokens.containsKey(layerToken)) {
|
|
final String? layerValue = tokens[layerToken] as String?;
|
|
if (tokens.containsKey(layerValue)) {
|
|
final String? opacityValue = opacity(layerValue!);
|
|
if (opacityValue != null) {
|
|
return '.withOpacity($opacityValue)';
|
|
}
|
|
}
|
|
}
|
|
return '';
|
|
}
|
|
|
|
String _stateColor(String componentToken, String? type, String state) {
|
|
final String baseColor = color(
|
|
type != null
|
|
? '$componentToken.$type.$state.state-layer.color'
|
|
: '$componentToken.$state.state-layer.color',
|
|
''
|
|
);
|
|
if (baseColor.isEmpty) {
|
|
return 'null';
|
|
}
|
|
final String opacity = _layerOpacity('$componentToken.$state.state-layer.opacity');
|
|
return '$baseColor$opacity';
|
|
}
|
|
|
|
@override
|
|
String generate() => '''
|
|
class _${blockName}DefaultsM3 extends DatePickerThemeData {
|
|
_${blockName}DefaultsM3(this.context)
|
|
: super(
|
|
elevation: ${elevation("md.comp.date-picker.modal.container")},
|
|
shape: ${shape("md.comp.date-picker.modal.container")},
|
|
rangePickerElevation: ${elevation("md.comp.date-picker.modal.range-selection.container")},
|
|
rangePickerShape: ${shape("md.comp.date-picker.modal.range-selection.container")},
|
|
);
|
|
|
|
final BuildContext context;
|
|
late final ThemeData _theme = Theme.of(context);
|
|
late final ColorScheme _colors = _theme.colorScheme;
|
|
late final TextTheme _textTheme = _theme.textTheme;
|
|
|
|
@override
|
|
Color? get backgroundColor => ${componentColor("md.comp.date-picker.modal.container")};
|
|
|
|
@override
|
|
Color? get shadowColor => ${colorOrTransparent("md.comp.date-picker.modal.container.shadow-color")};
|
|
|
|
@override
|
|
Color? get surfaceTintColor => ${colorOrTransparent("md.comp.date-picker.modal.container.surface-tint-layer.color")};
|
|
|
|
@override
|
|
Color? get headerBackgroundColor => ${colorOrTransparent("md.comp.date-picker.modal.header.container.color")};
|
|
|
|
@override
|
|
Color? get headerForegroundColor => ${colorOrTransparent("md.comp.date-picker.modal.header.headline.color")};
|
|
|
|
@override
|
|
TextStyle? get headerHeadlineStyle => ${textStyle("md.comp.date-picker.modal.header.headline")};
|
|
|
|
@override
|
|
TextStyle? get headerHelpStyle => ${textStyle("md.comp.date-picker.modal.header.supporting-text")};
|
|
|
|
@override
|
|
TextStyle? get weekdayStyle => ${textStyle("md.comp.date-picker.modal.weekdays.label-text")}?.apply(
|
|
color: ${componentColor("md.comp.date-picker.modal.weekdays.label-text")},
|
|
);
|
|
|
|
@override
|
|
TextStyle? get dayStyle => ${textStyle("md.comp.date-picker.modal.date.label-text")};
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get dayForegroundColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
return ${componentColor('md.comp.date-picker.modal.date.selected.label-text')};
|
|
} else if (states.contains(MaterialState.disabled)) {
|
|
return ${componentColor('md.comp.date-picker.modal.date.unselected.label-text')}.withOpacity(0.38);
|
|
}
|
|
return ${componentColor('md.comp.date-picker.modal.date.unselected.label-text')};
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get dayBackgroundColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
return ${componentColor('md.comp.date-picker.modal.date.selected.container')};
|
|
}
|
|
return ${componentColor('md.comp.date-picker.modal.date.unselected.container')};
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get dayOverlayColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'selected', 'hover')};
|
|
}
|
|
if (states.contains(MaterialState.focused)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'selected', 'focus')};
|
|
}
|
|
if (states.contains(MaterialState.pressed)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'selected', 'pressed')};
|
|
}
|
|
} else {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'unselected', 'hover')};
|
|
}
|
|
if (states.contains(MaterialState.focused)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'unselected', 'focus')};
|
|
}
|
|
if (states.contains(MaterialState.pressed)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.date', 'unselected', 'pressed')};
|
|
}
|
|
}
|
|
return null;
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get todayForegroundColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
return ${componentColor('md.comp.date-picker.modal.date.selected.label-text')};
|
|
} else if (states.contains(MaterialState.disabled)) {
|
|
return ${componentColor('md.comp.date-picker.modal.date.today.label-text')}.withOpacity(0.38);
|
|
}
|
|
return ${componentColor('md.comp.date-picker.modal.date.today.label-text')};
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get todayBackgroundColor => dayBackgroundColor;
|
|
|
|
@override
|
|
BorderSide? get todayBorder => ${border('md.comp.date-picker.modal.date.today.container.outline')};
|
|
|
|
@override
|
|
TextStyle? get yearStyle => ${textStyle("md.comp.date-picker.modal.year-selection.year.label-text")};
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get yearForegroundColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
return ${componentColor('md.comp.date-picker.modal.year-selection.year.selected.label-text')};
|
|
} else if (states.contains(MaterialState.disabled)) {
|
|
return ${componentColor('md.comp.date-picker.modal.year-selection.year.unselected.label-text')}.withOpacity(0.38);
|
|
}
|
|
return ${componentColor('md.comp.date-picker.modal.year-selection.year.unselected.label-text')};
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get yearBackgroundColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
return ${componentColor('md.comp.date-picker.modal.year-selection.year.selected.container')};
|
|
}
|
|
return ${componentColor('md.comp.date-picker.modal.year-selection.year.unselected.container')};
|
|
});
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get yearOverlayColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.selected)) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'selected', 'hover')};
|
|
}
|
|
if (states.contains(MaterialState.focused)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'selected', 'focus')};
|
|
}
|
|
if (states.contains(MaterialState.pressed)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'selected', 'pressed')};
|
|
}
|
|
} else {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'unselected', 'hover')};
|
|
}
|
|
if (states.contains(MaterialState.focused)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'unselected', 'focus')};
|
|
}
|
|
if (states.contains(MaterialState.pressed)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.year-selection.year', 'unselected', 'pressed')};
|
|
}
|
|
}
|
|
return null;
|
|
});
|
|
|
|
@override
|
|
Color? get rangePickerShadowColor => ${colorOrTransparent("md.comp.date-picker.modal.range-selection.container.shadow-color")};
|
|
|
|
@override
|
|
Color? get rangePickerSurfaceTintColor => ${colorOrTransparent("md.comp.date-picker.modal.range-selection.container.surface-tint-layer.color")};
|
|
|
|
@override
|
|
Color? get rangeSelectionBackgroundColor => ${colorOrTransparent("md.comp.date-picker.modal.range-selection.active-indicator.container.color")};
|
|
|
|
@override
|
|
MaterialStateProperty<Color?>? get rangeSelectionOverlayColor =>
|
|
MaterialStateProperty.resolveWith((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.range-selection.date.in-range.', null, 'hover')};
|
|
}
|
|
if (states.contains(MaterialState.focused)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.range-selection.date.in-range.', null, 'focus')};
|
|
}
|
|
if (states.contains(MaterialState.pressed)) {
|
|
return ${_stateColor('md.comp.date-picker.modal.range-selection.date.in-range.', null, 'pressed')};
|
|
}
|
|
return null;
|
|
});
|
|
|
|
@override
|
|
Color? get rangePickerHeaderBackgroundColor => ${colorOrTransparent("md.comp.date-picker.modal.header.container.color")};
|
|
|
|
@override
|
|
Color? get rangePickerHeaderForegroundColor => ${colorOrTransparent("md.comp.date-picker.modal.header.headline.color")};
|
|
|
|
@override
|
|
TextStyle? get rangePickerHeaderHeadlineStyle => ${textStyle("md.comp.date-picker.modal.range-selection.header.headline")};
|
|
|
|
@override
|
|
TextStyle? get rangePickerHeaderHelpStyle => ${textStyle("md.comp.date-picker.modal.range-selection.month.subhead")};
|
|
|
|
|
|
}
|
|
''';
|
|
}
|