Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 RarDog
|
d7d9cad423 |
@@ -1,4 +1,12 @@
|
|||||||
const prismaChangelog = [
|
const prismaChangelog = [
|
||||||
|
PrismaChange(
|
||||||
|
version: '3.6.1',
|
||||||
|
title: 'Плавная боковая панель без лагов и отключение зума колесиком',
|
||||||
|
bullets: [
|
||||||
|
'Устранение лагов боковой панели: полностью переработана анимация наведения на боковую панель на ПК. Убран тяжелый шейдерный блюр при изменении ширины и зафиксирована верстка элементов — текст больше не сжимается, не дергается и раскрывается на 120 FPS максимально плавно.',
|
||||||
|
'Отключение зума фото по колесику мыши: исключено случайное и резкое масштабирование изображений при прокрутке колесиком мыши. Масштабирование фото доступно через горячие клавиши (+, -, 0, F) или двойной клик.',
|
||||||
|
],
|
||||||
|
),
|
||||||
PrismaChange(
|
PrismaChange(
|
||||||
version: '3.6.0',
|
version: '3.6.0',
|
||||||
title: 'Редизайн интерфейса для ПК и система горячих клавиш (хоткеи)',
|
title: 'Редизайн интерфейса для ПК и система горячих клавиш (хоткеи)',
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ import 'dart:io';
|
|||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:dio/dio.dart';
|
import 'package:dio/dio.dart';
|
||||||
import 'package:flutter/foundation.dart';
|
import 'package:flutter/foundation.dart';
|
||||||
import 'package:flutter/gestures.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
import 'package:media_kit/media_kit.dart';
|
import 'package:media_kit/media_kit.dart';
|
||||||
@@ -2190,29 +2189,6 @@ class _ZoomableImageState extends State<_ZoomableImage> {
|
|||||||
)
|
)
|
||||||
: widget.child;
|
: widget.child;
|
||||||
return Listener(
|
return Listener(
|
||||||
onPointerSignal: (signal) {
|
|
||||||
if (signal is PointerScrollEvent) {
|
|
||||||
final scaleDelta = signal.scrollDelta.dy < 0 ? 1.15 : 0.85;
|
|
||||||
final currentScale = _controller.value.getMaxScaleOnAxis();
|
|
||||||
final newScale = (currentScale * scaleDelta).clamp(1.0, 6.0);
|
|
||||||
if (newScale <= 1.02) {
|
|
||||||
_controller.value = Matrix4.identity();
|
|
||||||
if (mounted) setState(() => _zoomed = false);
|
|
||||||
_setLocked(false);
|
|
||||||
} else {
|
|
||||||
final focalPoint = signal.localPosition;
|
|
||||||
_controller.value = Matrix4.identity()
|
|
||||||
..translateByDouble(
|
|
||||||
-focalPoint.dx * (newScale - 1),
|
|
||||||
-focalPoint.dy * (newScale - 1),
|
|
||||||
0,
|
|
||||||
1)
|
|
||||||
..scaleByDouble(newScale, newScale, 1, 1);
|
|
||||||
if (mounted) setState(() => _zoomed = true);
|
|
||||||
_setLocked(true);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onPointerDown: (_) {
|
onPointerDown: (_) {
|
||||||
_pointerCount++;
|
_pointerCount++;
|
||||||
if (_pointerCount >= 2 || _zoomed) {
|
if (_pointerCount >= 2 || _zoomed) {
|
||||||
|
|||||||
+473
-311
@@ -5,7 +5,6 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||||||
import 'package:go_router/go_router.dart';
|
import 'package:go_router/go_router.dart';
|
||||||
|
|
||||||
import '../../app/app.dart';
|
import '../../app/app.dart';
|
||||||
import '../../app/motion.dart';
|
|
||||||
import '../../app/responsive.dart';
|
import '../../app/responsive.dart';
|
||||||
import '../../app/router.dart';
|
import '../../app/router.dart';
|
||||||
import '../../backend/backend.dart';
|
import '../../backend/backend.dart';
|
||||||
@@ -385,10 +384,55 @@ class _DesktopShell extends StatefulWidget {
|
|||||||
State<_DesktopShell> createState() => _DesktopShellState();
|
State<_DesktopShell> createState() => _DesktopShellState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _DesktopShellState extends State<_DesktopShell> {
|
class _DesktopShellState extends State<_DesktopShell>
|
||||||
|
with SingleTickerProviderStateMixin {
|
||||||
|
late final AnimationController _controller;
|
||||||
|
late final Animation<double> _animation;
|
||||||
bool _hovered = false;
|
bool _hovered = false;
|
||||||
bool _pinned = false;
|
bool _pinned = false;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_controller = AnimationController(
|
||||||
|
vsync: this,
|
||||||
|
duration: const Duration(milliseconds: 220),
|
||||||
|
);
|
||||||
|
_animation = CurvedAnimation(
|
||||||
|
parent: _controller,
|
||||||
|
curve: Curves.easeOutCubic,
|
||||||
|
reverseCurve: Curves.easeInCubic,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_controller.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
void _handleHover(bool hovered) {
|
||||||
|
if (_hovered == hovered) return;
|
||||||
|
setState(() => _hovered = hovered);
|
||||||
|
if (_pinned) return;
|
||||||
|
if (hovered) {
|
||||||
|
_controller.forward();
|
||||||
|
} else {
|
||||||
|
_controller.reverse();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _togglePinned() {
|
||||||
|
setState(() {
|
||||||
|
_pinned = !_pinned;
|
||||||
|
if (_pinned) {
|
||||||
|
_controller.forward();
|
||||||
|
} else if (!_hovered) {
|
||||||
|
_controller.reverse();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final theme = Theme.of(context);
|
final theme = Theme.of(context);
|
||||||
@@ -400,256 +444,354 @@ class _DesktopShellState extends State<_DesktopShell> {
|
|||||||
final selected = widget.destinations.indexWhere(
|
final selected = widget.destinations.indexWhere(
|
||||||
(item) => AppShell.branchIndexForLocation(item.location) == activeBranch,
|
(item) => AppShell.branchIndexForLocation(item.location) == activeBranch,
|
||||||
);
|
);
|
||||||
final isExpanded = _pinned || _hovered;
|
|
||||||
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
body: Row(
|
body: Row(
|
||||||
children: [
|
children: [
|
||||||
MouseRegion(
|
MouseRegion(
|
||||||
onEnter: (_) => setState(() => _hovered = true),
|
onEnter: (_) => _handleHover(true),
|
||||||
onExit: (_) => setState(() => _hovered = false),
|
onExit: (_) => _handleHover(false),
|
||||||
child: AnimatedContainer(
|
child: AnimatedBuilder(
|
||||||
duration: AppMotion.duration(context, 200),
|
animation: _animation,
|
||||||
curve: Curves.easeOutCubic,
|
builder: (context, _) {
|
||||||
width: isExpanded ? 260 : 74,
|
final progress = _animation.value;
|
||||||
decoration: BoxDecoration(
|
final width = lerpDouble(74.0, 260.0, progress)!;
|
||||||
color: isDark
|
final contentOpacity =
|
||||||
? scheme.surfaceContainerHigh.withValues(alpha: 0.75)
|
(progress - 0.25).clamp(0.0, 0.75) / 0.75;
|
||||||
: scheme.surface.withValues(alpha: 0.85),
|
final isFullyExpanded = progress > 0.85;
|
||||||
border: Border(
|
|
||||||
right: BorderSide(
|
return Container(
|
||||||
|
width: width,
|
||||||
|
decoration: BoxDecoration(
|
||||||
color: isDark
|
color: isDark
|
||||||
? Colors.white.withValues(alpha: 0.12)
|
? scheme.surfaceContainerHigh
|
||||||
: scheme.outlineVariant.withValues(alpha: 0.35),
|
: scheme.surface,
|
||||||
width: 1,
|
border: Border(
|
||||||
|
right: BorderSide(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.1)
|
||||||
|
: scheme.outlineVariant.withValues(alpha: 0.35),
|
||||||
|
width: 1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color:
|
||||||
|
Colors.black.withValues(alpha: isDark ? 0.3 : 0.05),
|
||||||
|
blurRadius: 16,
|
||||||
|
offset: const Offset(3, 0),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
child: ClipRect(
|
||||||
boxShadow: [
|
child: OverflowBox(
|
||||||
BoxShadow(
|
minWidth: 260,
|
||||||
color: Colors.black.withValues(alpha: isDark ? 0.3 : 0.05),
|
maxWidth: 260,
|
||||||
blurRadius: 18,
|
alignment: Alignment.topLeft,
|
||||||
offset: const Offset(4, 0),
|
child: SizedBox(
|
||||||
),
|
width: 260,
|
||||||
],
|
child: SafeArea(
|
||||||
),
|
|
||||||
child: ClipRect(
|
|
||||||
child: BackdropFilter(
|
|
||||||
filter: ImageFilter.blur(sigmaX: 20, sigmaY: 20),
|
|
||||||
child: SafeArea(
|
|
||||||
child: Column(
|
|
||||||
children: [
|
|
||||||
// App Brand Header
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(14, 16, 12, 14),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
width: 44,
|
|
||||||
height: 44,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
gradient: LinearGradient(
|
|
||||||
begin: Alignment.topLeft,
|
|
||||||
end: Alignment.bottomRight,
|
|
||||||
colors: [
|
|
||||||
scheme.primary,
|
|
||||||
scheme.tertiary,
|
|
||||||
],
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(14),
|
|
||||||
boxShadow: [
|
|
||||||
BoxShadow(
|
|
||||||
color: scheme.primary.withValues(alpha: 0.35),
|
|
||||||
blurRadius: 12,
|
|
||||||
offset: const Offset(0, 3),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
child: const Center(
|
|
||||||
child: Icon(
|
|
||||||
Icons.auto_awesome_rounded,
|
|
||||||
color: Colors.white,
|
|
||||||
size: 24,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
if (isExpanded) ...[
|
|
||||||
const SizedBox(width: 12),
|
|
||||||
Expanded(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
'Lunaris',
|
|
||||||
style: theme.textTheme.titleMedium?.copyWith(
|
|
||||||
fontWeight: FontWeight.w800,
|
|
||||||
letterSpacing: 0.2,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 2),
|
|
||||||
Container(
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 6,
|
|
||||||
vertical: 1.5,
|
|
||||||
),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: scheme.primary.withValues(alpha: 0.15),
|
|
||||||
borderRadius: BorderRadius.circular(6),
|
|
||||||
border: Border.all(
|
|
||||||
color: scheme.primary.withValues(alpha: 0.3),
|
|
||||||
width: 0.8,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: Text(
|
|
||||||
'v3.6.0',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 10,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: scheme.primary,
|
|
||||||
letterSpacing: 0.4,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
visualDensity: VisualDensity.compact,
|
|
||||||
tooltip: _pinned
|
|
||||||
? (widget.ru ? 'Открепить панель' : 'Unpin panel')
|
|
||||||
: (widget.ru ? 'Закрепить панель' : 'Pin panel'),
|
|
||||||
onPressed: () {
|
|
||||||
setState(() => _pinned = !_pinned);
|
|
||||||
},
|
|
||||||
icon: Icon(
|
|
||||||
_pinned
|
|
||||||
? Icons.push_pin_rounded
|
|
||||||
: Icons.push_pin_outlined,
|
|
||||||
size: 19,
|
|
||||||
color: _pinned ? scheme.primary : scheme.onSurfaceVariant,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const Divider(height: 1),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
|
|
||||||
// Destinations List
|
|
||||||
Expanded(
|
|
||||||
child: ListView(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
||||||
children: [
|
|
||||||
for (var index = 0;
|
|
||||||
index < widget.destinations.length;
|
|
||||||
index++)
|
|
||||||
_RailButton(
|
|
||||||
destination: widget.destinations[index],
|
|
||||||
ru: widget.ru,
|
|
||||||
selected: (selected < 0 ? 0 : selected) == index,
|
|
||||||
expanded: isExpanded,
|
|
||||||
shortcutKey: 'Ctrl+${index + 1}',
|
|
||||||
onTap: () {
|
|
||||||
widget.onNavigate(
|
|
||||||
widget.destinations[index].location);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
// Bottom Actions
|
|
||||||
const Divider(height: 1),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 8, vertical: 8),
|
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
// Shortcuts helper button
|
// App Brand Header
|
||||||
Tooltip(
|
Padding(
|
||||||
message: isExpanded
|
padding:
|
||||||
? ''
|
const EdgeInsets.fromLTRB(15, 16, 12, 14),
|
||||||
: (widget.ru
|
child: SizedBox(
|
||||||
? 'Горячие клавиши (F1 / ?)'
|
height: 44,
|
||||||
: 'Keyboard Shortcuts (F1 / ?)'),
|
child: Row(
|
||||||
waitDuration: const Duration(milliseconds: 350),
|
children: [
|
||||||
child: Material(
|
Container(
|
||||||
color: Colors.transparent,
|
width: 44,
|
||||||
borderRadius: BorderRadius.circular(14),
|
height: 44,
|
||||||
clipBehavior: Clip.antiAlias,
|
decoration: BoxDecoration(
|
||||||
child: InkWell(
|
gradient: LinearGradient(
|
||||||
onTap: () => DesktopShortcutsDialog.show(context),
|
begin: Alignment.topLeft,
|
||||||
child: SizedBox(
|
end: Alignment.bottomRight,
|
||||||
height: 44,
|
colors: [
|
||||||
child: Row(
|
scheme.primary,
|
||||||
children: [
|
scheme.tertiary,
|
||||||
SizedBox(
|
],
|
||||||
width: 58,
|
|
||||||
child: Icon(
|
|
||||||
Icons.keyboard_rounded,
|
|
||||||
size: 22,
|
|
||||||
color: scheme.onSurfaceVariant,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
if (isExpanded) ...[
|
borderRadius:
|
||||||
Expanded(
|
BorderRadius.circular(14),
|
||||||
child: Text(
|
boxShadow: [
|
||||||
widget.ru
|
BoxShadow(
|
||||||
? 'Горячие клавиши'
|
color: scheme.primary
|
||||||
: 'Shortcuts',
|
.withValues(alpha: 0.35),
|
||||||
style: TextStyle(
|
blurRadius: 12,
|
||||||
fontWeight: FontWeight.w600,
|
offset: const Offset(0, 3),
|
||||||
fontSize: 13,
|
|
||||||
color: scheme.onSurface,
|
|
||||||
),
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
Container(
|
|
||||||
padding: const EdgeInsets.symmetric(
|
|
||||||
horizontal: 6,
|
|
||||||
vertical: 2,
|
|
||||||
),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: isDark
|
|
||||||
? Colors.white.withValues(alpha: 0.1)
|
|
||||||
: Colors.black.withValues(alpha: 0.06),
|
|
||||||
borderRadius: BorderRadius.circular(6),
|
|
||||||
),
|
|
||||||
child: const Text(
|
|
||||||
'?',
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 11,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
fontFamily: 'monospace',
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(width: 8),
|
|
||||||
],
|
],
|
||||||
],
|
),
|
||||||
|
child: const Center(
|
||||||
|
child: Icon(
|
||||||
|
Icons.auto_awesome_rounded,
|
||||||
|
color: Colors.white,
|
||||||
|
size: 24,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
const SizedBox(width: 12),
|
||||||
|
Expanded(
|
||||||
|
child: Opacity(
|
||||||
|
opacity: contentOpacity,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment:
|
||||||
|
CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment:
|
||||||
|
MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Lunaris',
|
||||||
|
maxLines: 1,
|
||||||
|
softWrap: false,
|
||||||
|
style: theme
|
||||||
|
.textTheme
|
||||||
|
.titleMedium
|
||||||
|
?.copyWith(
|
||||||
|
fontWeight:
|
||||||
|
FontWeight.w800,
|
||||||
|
letterSpacing: 0.2,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 2),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets
|
||||||
|
.symmetric(
|
||||||
|
horizontal: 6,
|
||||||
|
vertical: 1.5,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: scheme.primary
|
||||||
|
.withValues(
|
||||||
|
alpha: 0.15),
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius
|
||||||
|
.circular(6),
|
||||||
|
border: Border.all(
|
||||||
|
color: scheme.primary
|
||||||
|
.withValues(
|
||||||
|
alpha: 0.3),
|
||||||
|
width: 0.8,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
'v3.6.1',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 10,
|
||||||
|
fontWeight:
|
||||||
|
FontWeight.bold,
|
||||||
|
color: scheme.primary,
|
||||||
|
letterSpacing: 0.4,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
visualDensity:
|
||||||
|
VisualDensity.compact,
|
||||||
|
tooltip: _pinned
|
||||||
|
? (widget.ru
|
||||||
|
? 'Открепить панель'
|
||||||
|
: 'Unpin panel')
|
||||||
|
: (widget.ru
|
||||||
|
? 'Закрепить панель'
|
||||||
|
: 'Pin panel'),
|
||||||
|
onPressed: _togglePinned,
|
||||||
|
icon: Icon(
|
||||||
|
_pinned
|
||||||
|
? Icons.push_pin_rounded
|
||||||
|
: Icons.push_pin_outlined,
|
||||||
|
size: 19,
|
||||||
|
color: _pinned
|
||||||
|
? scheme.primary
|
||||||
|
: scheme
|
||||||
|
.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
const Divider(height: 1),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
|
||||||
// Quick pin toggle button when collapsed
|
// Destinations List
|
||||||
if (!isExpanded)
|
Expanded(
|
||||||
IconButton(
|
child: ListView(
|
||||||
tooltip: widget.ru ? 'Закрепить панель' : 'Pin sidebar',
|
padding:
|
||||||
onPressed: () => setState(() => _pinned = true),
|
const EdgeInsets.symmetric(horizontal: 8),
|
||||||
icon: const Icon(Icons.chevron_right_rounded, size: 20),
|
children: [
|
||||||
|
for (var index = 0;
|
||||||
|
index < widget.destinations.length;
|
||||||
|
index++)
|
||||||
|
_RailButton(
|
||||||
|
destination: widget.destinations[index],
|
||||||
|
ru: widget.ru,
|
||||||
|
selected: (selected < 0 ? 0 : selected) ==
|
||||||
|
index,
|
||||||
|
contentOpacity: contentOpacity,
|
||||||
|
isFullyExpanded: isFullyExpanded,
|
||||||
|
shortcutKey: 'Ctrl+${index + 1}',
|
||||||
|
onTap: () {
|
||||||
|
widget.onNavigate(
|
||||||
|
widget.destinations[index]
|
||||||
|
.location);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
// Bottom Actions
|
||||||
|
const Divider(height: 1),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 8, vertical: 8),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 244,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Tooltip(
|
||||||
|
message: isFullyExpanded
|
||||||
|
? ''
|
||||||
|
: (widget.ru
|
||||||
|
? 'Горячие клавиши (F1 / ?)'
|
||||||
|
: 'Keyboard Shortcuts (F1 / ?)'),
|
||||||
|
waitDuration: const Duration(
|
||||||
|
milliseconds: 350),
|
||||||
|
child: Material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.circular(14),
|
||||||
|
clipBehavior: Clip.antiAlias,
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () =>
|
||||||
|
DesktopShortcutsDialog.show(
|
||||||
|
context),
|
||||||
|
child: SizedBox(
|
||||||
|
height: 44,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 58,
|
||||||
|
child: Icon(
|
||||||
|
Icons.keyboard_rounded,
|
||||||
|
size: 22,
|
||||||
|
color: scheme
|
||||||
|
.onSurfaceVariant,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Opacity(
|
||||||
|
opacity: contentOpacity,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
widget.ru
|
||||||
|
? 'Горячие клавиши'
|
||||||
|
: 'Shortcuts',
|
||||||
|
maxLines: 1,
|
||||||
|
softWrap: false,
|
||||||
|
overflow:
|
||||||
|
TextOverflow
|
||||||
|
.ellipsis,
|
||||||
|
style:
|
||||||
|
TextStyle(
|
||||||
|
fontWeight:
|
||||||
|
FontWeight
|
||||||
|
.w600,
|
||||||
|
fontSize: 13,
|
||||||
|
color: scheme
|
||||||
|
.onSurface,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets
|
||||||
|
.symmetric(
|
||||||
|
horizontal: 6,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
decoration:
|
||||||
|
BoxDecoration(
|
||||||
|
color: isDark
|
||||||
|
? Colors
|
||||||
|
.white
|
||||||
|
.withValues(
|
||||||
|
alpha:
|
||||||
|
0.1)
|
||||||
|
: Colors
|
||||||
|
.black
|
||||||
|
.withValues(
|
||||||
|
alpha:
|
||||||
|
0.06),
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius
|
||||||
|
.circular(
|
||||||
|
6),
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'?',
|
||||||
|
style:
|
||||||
|
TextStyle(
|
||||||
|
fontSize: 11,
|
||||||
|
fontWeight:
|
||||||
|
FontWeight
|
||||||
|
.bold,
|
||||||
|
fontFamily:
|
||||||
|
'monospace',
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(
|
||||||
|
width: 8),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (!_pinned && progress < 0.4)
|
||||||
|
IconButton(
|
||||||
|
tooltip: widget.ru
|
||||||
|
? 'Закрепить панель'
|
||||||
|
: 'Pin sidebar',
|
||||||
|
onPressed: _togglePinned,
|
||||||
|
icon: const Icon(
|
||||||
|
Icons.chevron_right_rounded,
|
||||||
|
size: 20),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
);
|
||||||
),
|
},
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Expanded(child: widget.child),
|
Expanded(child: widget.child),
|
||||||
@@ -663,7 +805,8 @@ class _RailButton extends StatelessWidget {
|
|||||||
const _RailButton({
|
const _RailButton({
|
||||||
required this.destination,
|
required this.destination,
|
||||||
required this.selected,
|
required this.selected,
|
||||||
required this.expanded,
|
required this.contentOpacity,
|
||||||
|
required this.isFullyExpanded,
|
||||||
required this.ru,
|
required this.ru,
|
||||||
required this.shortcutKey,
|
required this.shortcutKey,
|
||||||
required this.onTap,
|
required this.onTap,
|
||||||
@@ -671,7 +814,8 @@ class _RailButton extends StatelessWidget {
|
|||||||
|
|
||||||
final _Destination destination;
|
final _Destination destination;
|
||||||
final bool selected;
|
final bool selected;
|
||||||
final bool expanded;
|
final double contentOpacity;
|
||||||
|
final bool isFullyExpanded;
|
||||||
final bool ru;
|
final bool ru;
|
||||||
final String shortcutKey;
|
final String shortcutKey;
|
||||||
final VoidCallback onTap;
|
final VoidCallback onTap;
|
||||||
@@ -686,7 +830,7 @@ class _RailButton extends StatelessWidget {
|
|||||||
return Padding(
|
return Padding(
|
||||||
padding: const EdgeInsets.symmetric(vertical: 2),
|
padding: const EdgeInsets.symmetric(vertical: 2),
|
||||||
child: Tooltip(
|
child: Tooltip(
|
||||||
message: expanded ? '' : '$label ($shortcutKey)',
|
message: isFullyExpanded ? '' : '$label ($shortcutKey)',
|
||||||
waitDuration: const Duration(milliseconds: 350),
|
waitDuration: const Duration(milliseconds: 350),
|
||||||
child: Material(
|
child: Material(
|
||||||
color: selected
|
color: selected
|
||||||
@@ -696,95 +840,113 @@ class _RailButton extends StatelessWidget {
|
|||||||
clipBehavior: Clip.antiAlias,
|
clipBehavior: Clip.antiAlias,
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
onTap: onTap,
|
onTap: onTap,
|
||||||
child: Container(
|
child: SizedBox(
|
||||||
|
width: 244,
|
||||||
height: 46,
|
height: 46,
|
||||||
decoration: BoxDecoration(
|
child: DecoratedBox(
|
||||||
borderRadius: BorderRadius.circular(14),
|
decoration: BoxDecoration(
|
||||||
border: selected
|
borderRadius: BorderRadius.circular(14),
|
||||||
? Border.all(
|
border: selected
|
||||||
color: scheme.primary.withValues(alpha: isDark ? 0.45 : 0.28),
|
? Border.all(
|
||||||
width: 1.1,
|
color: scheme.primary
|
||||||
)
|
.withValues(alpha: isDark ? 0.45 : 0.28),
|
||||||
: null,
|
width: 1.1,
|
||||||
),
|
)
|
||||||
child: Row(
|
: null,
|
||||||
children: [
|
),
|
||||||
// Active left indicator bar
|
child: Row(
|
||||||
Container(
|
children: [
|
||||||
width: 3.5,
|
// Active left indicator bar
|
||||||
height: 22,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: selected ? scheme.primary : Colors.transparent,
|
|
||||||
borderRadius: BorderRadius.circular(2),
|
|
||||||
boxShadow: selected
|
|
||||||
? [
|
|
||||||
BoxShadow(
|
|
||||||
color: scheme.primary.withValues(alpha: 0.6),
|
|
||||||
blurRadius: 6,
|
|
||||||
),
|
|
||||||
]
|
|
||||||
: null,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
width: 54.5,
|
|
||||||
child: Center(
|
|
||||||
child: Icon(
|
|
||||||
destination.icon,
|
|
||||||
size: 22,
|
|
||||||
color: selected
|
|
||||||
? scheme.primary
|
|
||||||
: (isDark
|
|
||||||
? scheme.onSurfaceVariant.withValues(alpha: 0.85)
|
|
||||||
: scheme.onSurfaceVariant),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
if (expanded) ...[
|
|
||||||
Expanded(
|
|
||||||
child: Text(
|
|
||||||
label,
|
|
||||||
maxLines: 1,
|
|
||||||
overflow: TextOverflow.ellipsis,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 13.5,
|
|
||||||
fontWeight: selected ? FontWeight.w700 : FontWeight.w500,
|
|
||||||
color: selected ? scheme.primary : scheme.onSurface,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.symmetric(
|
width: 3.5,
|
||||||
horizontal: 5.5,
|
height: 22,
|
||||||
vertical: 2,
|
|
||||||
),
|
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: isDark
|
color: selected ? scheme.primary : Colors.transparent,
|
||||||
? Colors.white.withValues(alpha: 0.08)
|
borderRadius: BorderRadius.circular(2),
|
||||||
: Colors.black.withValues(alpha: 0.05),
|
boxShadow: selected
|
||||||
borderRadius: BorderRadius.circular(6),
|
? [
|
||||||
border: Border.all(
|
BoxShadow(
|
||||||
color: isDark
|
color: scheme.primary.withValues(alpha: 0.6),
|
||||||
? Colors.white.withValues(alpha: 0.12)
|
blurRadius: 6,
|
||||||
: Colors.black.withValues(alpha: 0.08),
|
),
|
||||||
width: 0.8,
|
]
|
||||||
),
|
: null,
|
||||||
),
|
),
|
||||||
child: Text(
|
),
|
||||||
shortcutKey,
|
SizedBox(
|
||||||
style: TextStyle(
|
width: 54.5,
|
||||||
fontSize: 10,
|
child: Center(
|
||||||
fontWeight: FontWeight.bold,
|
child: Icon(
|
||||||
fontFamily: 'monospace',
|
destination.icon,
|
||||||
|
size: 22,
|
||||||
color: selected
|
color: selected
|
||||||
? scheme.primary
|
? scheme.primary
|
||||||
: scheme.onSurfaceVariant.withValues(alpha: 0.8),
|
: (isDark
|
||||||
|
? scheme.onSurfaceVariant
|
||||||
|
.withValues(alpha: 0.85)
|
||||||
|
: scheme.onSurfaceVariant),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Opacity(
|
||||||
|
opacity: contentOpacity,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
label,
|
||||||
|
maxLines: 1,
|
||||||
|
softWrap: false,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 13.5,
|
||||||
|
fontWeight: selected
|
||||||
|
? FontWeight.w700
|
||||||
|
: FontWeight.w500,
|
||||||
|
color: selected
|
||||||
|
? scheme.primary
|
||||||
|
: scheme.onSurface,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 5.5,
|
||||||
|
vertical: 2,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.08)
|
||||||
|
: Colors.black.withValues(alpha: 0.05),
|
||||||
|
borderRadius: BorderRadius.circular(6),
|
||||||
|
border: Border.all(
|
||||||
|
color: isDark
|
||||||
|
? Colors.white.withValues(alpha: 0.12)
|
||||||
|
: Colors.black.withValues(alpha: 0.08),
|
||||||
|
width: 0.8,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
shortcutKey,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 10,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
fontFamily: 'monospace',
|
||||||
|
color: selected
|
||||||
|
? scheme.primary
|
||||||
|
: scheme.onSurfaceVariant
|
||||||
|
.withValues(alpha: 0.8),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(width: 10),
|
|
||||||
],
|
],
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
name: gel_rule_app
|
name: gel_rule_app
|
||||||
description: Local backend/core layer for a Flutter booru browser app.
|
description: Local backend/core layer for a Flutter booru browser app.
|
||||||
publish_to: "none"
|
publish_to: "none"
|
||||||
version: 3.6.0+82
|
version: 3.6.1+83
|
||||||
|
|
||||||
environment:
|
environment:
|
||||||
sdk: ">=3.3.0 <4.0.0"
|
sdk: ">=3.3.0 <4.0.0"
|
||||||
|
|||||||
Reference in New Issue
Block a user