更新

2025-10-08 18:08:15 +08:00
parent dc71bb19a9
commit 989e5be041
109 changed files with 10815 additions and 170 deletions
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/AppHeader.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/AppHeader.kt
@@ -0,0 +1,81 @@
+package com.taskttl.ui.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import org.jetbrains.compose.resources.StringResource
+import org.jetbrains.compose.resources.stringResource
+import taskttl.composeapp.generated.resources.Res
+import taskttl.composeapp.generated.resources.action
+import taskttl.composeapp.generated.resources.back
+
+/**
+ * 应用程序标题
+ * @param [title] 标题
+ * @param [showBack] 显示返回
+ * @param [onBackClick] 上返回点击
+ * @param [trailingIcon] 尾随图标
+ * @param [onTrailingClick] 尾随点击
+ */
+@Composable
+fun AppHeader(
+    title: StringResource,
+    showBack: Boolean = false,
+    onBackClick: (() -> Unit)? = null,
+    trailingIcon: ImageVector? = null,
+    onTrailingClick: (() -> Unit)? = null
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .background(
+                Brush.linearGradient(
+                    colors = listOf(Color(0xFF667EEA), Color(0xFF764BA2))
+                )
+            )
+            .padding(horizontal = 20.dp, vertical = 15.dp),
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        if (showBack && onBackClick != null) {
+            Icon(
+                imageVector = Icons.AutoMirrored.Filled.ArrowBack,
+                contentDescription = stringResource(Res.string.back),
+                tint = Color.White,
+                modifier = Modifier.clickable { onBackClick() }
+            )
+        }
+
+        Text(
+            text = stringResource(title),
+            color = Color.White,
+            fontSize = 20.sp,
+            fontWeight = FontWeight.Bold
+        )
+
+        if (trailingIcon != null) {
+            Icon(
+                imageVector = trailingIcon,
+                contentDescription = stringResource(Res.string.action),
+                tint = Color.White,
+                modifier = Modifier.clickable { onTrailingClick?.invoke() }
+            )
+        }
+    }
+}
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryCard.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryCard.kt
@@ -0,0 +1,79 @@
+package com.taskttl.ui.components
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.dp
+import com.taskttl.data.local.model.Category
+import org.jetbrains.compose.resources.stringResource
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun CategoryCard(
+    category: Category,
+    isSelected: Boolean,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    Card(
+        modifier = modifier
+            .fillMaxWidth()
+            .clickable { onClick.invoke() },
+        colors = CardDefaults.cardColors(
+            containerColor = if (isSelected) {
+                category.color.backgroundColor.copy(alpha = 0.1f)
+            } else {
+                MaterialTheme.colorScheme.surface
+            }
+        ),
+        border = if (isSelected) BorderStroke(2.dp, category.color.backgroundColor) else null
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(4.dp),
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Box(
+                modifier = Modifier
+                    .size(30.dp)
+                    .clip(RoundedCornerShape(4.dp))
+                    .background(category.color.backgroundColor.copy(alpha = 0.2f)),
+                contentAlignment = Alignment.Center
+            ) {
+                Icon(
+                    imageVector = category.icon.icon,
+                    contentDescription = stringResource(category.icon.displayNameRes),
+                    tint = category.color.iconColor,
+                    modifier = Modifier.size(25.dp)
+                )
+            }
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            Text(
+                text = category.name,
+                style = MaterialTheme.typography.bodyMedium,
+                color = if (isSelected) category.color.textColor else MaterialTheme.colorScheme.onSurface
+            )
+        }
+    }
+}
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryFilter.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryFilter.kt
@@ -0,0 +1,50 @@
+package com.taskttl.ui.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material3.FilterChip
+import androidx.compose.material3.FilterChipDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import com.taskttl.data.local.model.Category
+import org.jetbrains.compose.resources.stringResource
+import taskttl.composeapp.generated.resources.Res
+import taskttl.composeapp.generated.resources.all_text
+
+@Composable
+fun CategoryFilter(
+    categories: List<Category>,
+    selectedCategory: Category?,
+    onCategorySelected: (Category?) -> Unit,
+    modifier: Modifier = Modifier
+) {
+    LazyRow(
+        modifier = modifier,
+        horizontalArrangement = Arrangement.spacedBy(8.dp)
+    ) {
+        // 全部分类
+        item {
+            FilterChip(
+                selected = selectedCategory == null,
+                onClick = { onCategorySelected(null) },
+                label = { Text(stringResource(Res.string.all_text)) }
+            )
+        }
+
+        // 各个分类
+        items(categories) { category ->
+            FilterChip(
+                selected = selectedCategory == category,
+                onClick = { onCategorySelected(category) },
+                label = { Text(category.name, color = category.color.textColor) },
+                colors = FilterChipDefaults.filterChipColors(
+                    selectedContainerColor = category.color.backgroundColor,
+                    selectedLabelColor = category.color.backgroundColor
+                )
+            )
+        }
+    }
+}
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryStatisticsCard.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CategoryStatisticsCard.kt
@@ -0,0 +1,177 @@
+package com.taskttl.ui.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.LinearProgressIndicator
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ProgressIndicatorDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import com.taskttl.data.local.model.CategoryStatistics
+import org.jetbrains.compose.resources.stringResource
+import taskttl.composeapp.generated.resources.Res
+import taskttl.composeapp.generated.resources.active
+import taskttl.composeapp.generated.resources.completed
+import taskttl.composeapp.generated.resources.completion_rate
+import taskttl.composeapp.generated.resources.total_countdowns
+import taskttl.composeapp.generated.resources.total_tasks
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun CategoryStatisticsCard(
+    statistics: CategoryStatistics,
+    categoryColor: Long,
+    modifier: Modifier = Modifier
+) {
+    Card(
+        modifier = modifier.fillMaxWidth(),
+        elevation = CardDefaults.cardElevation(defaultElevation = 2.dp)
+    ) {
+        Column(
+            modifier = Modifier.padding(16.dp)
+        ) {
+            Row(
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Box(
+                    modifier = Modifier
+                        .size(32.dp)
+                        .clip(CircleShape)
+                        .background(Color(categoryColor))
+                )
+
+                Spacer(modifier = Modifier.width(12.dp))
+
+                Text(
+                    text = statistics.categoryName,
+                    style = MaterialTheme.typography.titleMedium,
+                    fontWeight = FontWeight.Medium
+                )
+            }
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            // 任务统计
+            if (statistics.totalTasks > 0) {
+                Row(
+                    modifier = Modifier.fillMaxWidth(),
+                    horizontalArrangement = Arrangement.SpaceBetween
+                ) {
+                    Column {
+                        Text(
+                            text = stringResource(Res.string.total_tasks),
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                        Text(
+                            text = "${statistics.totalTasks}",
+                            style = MaterialTheme.typography.titleLarge,
+                            fontWeight = FontWeight.Bold
+                        )
+                    }
+
+                    Column {
+                        Text(
+                            text = stringResource(Res.string.completed),
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                        Text(
+                            text = "${statistics.completedTasks}",
+                            style = MaterialTheme.typography.titleLarge,
+                            fontWeight = FontWeight.Bold,
+                            color = MaterialTheme.colorScheme.primary
+                        )
+                    }
+
+                    Column {
+                        Text(
+                            text = stringResource(Res.string.completion_rate),
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                        Text(
+                            text = "${(statistics.completionRate * 100).toInt()}%",
+                            style = MaterialTheme.typography.titleLarge,
+                            fontWeight = FontWeight.Bold,
+                            color = if (statistics.completionRate >= 0.8f)
+                                MaterialTheme.colorScheme.primary
+                            else MaterialTheme.colorScheme.onSurface
+                        )
+                    }
+                }
+
+                Spacer(modifier = Modifier.height(12.dp))
+
+                // 进度条
+                LinearProgressIndicator(
+                    progress = { statistics.completionRate },
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .height(8.dp)
+                        .clip(RoundedCornerShape(4.dp)),
+                    color = Color(categoryColor),
+                    trackColor = ProgressIndicatorDefaults.linearTrackColor,
+                    strokeCap = ProgressIndicatorDefaults.LinearStrokeCap,
+                )
+            }
+
+            // 倒数日统计
+            if (statistics.totalCountdowns > 0) {
+                Spacer(modifier = Modifier.height(16.dp))
+
+                Row(
+                    modifier = Modifier.fillMaxWidth(),
+                    horizontalArrangement = Arrangement.SpaceBetween
+                ) {
+                    Column {
+                        Text(
+                            text = stringResource(Res.string.total_countdowns),
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                        Text(
+                            text = "${statistics.totalCountdowns}",
+                            style = MaterialTheme.typography.titleMedium,
+                            fontWeight = FontWeight.Medium
+                        )
+                    }
+
+                    Column {
+                        Text(
+                            text = stringResource(Res.string.active),
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
+                        Text(
+                            text = "${statistics.activeCountdowns}",
+                            style = MaterialTheme.typography.titleMedium,
+                            fontWeight = FontWeight.Medium,
+                            color = MaterialTheme.colorScheme.primary
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CompactDatePickerDialog.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/CompactDatePickerDialog.kt
@@ -0,0 +1,65 @@
+package com.taskttl.ui.components
+
+import androidx.compose.material3.DatePicker
+import androidx.compose.material3.DatePickerDialog
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.material3.rememberDatePickerState
+import androidx.compose.runtime.Composable
+import kotlinx.datetime.LocalDateTime
+import kotlinx.datetime.TimeZone
+import kotlinx.datetime.toInstant
+import kotlinx.datetime.toLocalDateTime
+import org.jetbrains.compose.resources.stringResource
+import taskttl.composeapp.generated.resources.Res
+import taskttl.composeapp.generated.resources.cancel
+import taskttl.composeapp.generated.resources.confirm
+import kotlin.time.Clock
+import kotlin.time.ExperimentalTime
+import kotlin.time.Instant
+
+@OptIn(ExperimentalMaterial3Api::class, ExperimentalTime::class)
+@Composable
+fun CompactDatePickerDialog(
+    show: Boolean,
+    initialSelected: LocalDateTime?,
+    onConfirm: (LocalDateTime) -> Unit,
+    onDismiss: () -> Unit
+) {
+    if (!show) return
+
+    val initialMillis = (
+            initialSelected?.toInstant(TimeZone.currentSystemDefault())
+                ?: Clock.System.now()
+            ).toEpochMilliseconds()
+
+    val state = rememberDatePickerState(initialSelectedDateMillis = initialMillis)
+
+    DatePickerDialog(
+        onDismissRequest = onDismiss,
+        confirmButton = {
+            TextButton(
+                onClick = {
+                    val millis = state.selectedDateMillis
+                    if (millis != null) {
+                        val instant = Instant.fromEpochMilliseconds(millis)
+                        val selected = instant.toLocalDateTime(TimeZone.currentSystemDefault())
+                        onConfirm(selected)
+                    }
+                    onDismiss()
+                }
+            ) { Text(stringResource(Res.string.confirm)) }
+        },
+        dismissButton = {
+            TextButton(onClick = onDismiss) { Text(stringResource(Res.string.cancel)) }
+        }
+    ) {
+        DatePicker(
+            state = state,
+            headline = null,
+            title = null,
+            showModeToggle = false
+        )
+    }
+}
--- a/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/SearchBar.kt
+++ b/composeApp/src/commonMain/kotlin/com/taskttl/ui/components/SearchBar.kt
@@ -0,0 +1,51 @@
+package com.taskttl.ui.components
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Clear
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import org.jetbrains.compose.resources.StringResource
+import org.jetbrains.compose.resources.stringResource
+import taskttl.composeapp.generated.resources.Res
+import taskttl.composeapp.generated.resources.clear_text
+import taskttl.composeapp.generated.resources.search
+import taskttl.composeapp.generated.resources.search_placeholder
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun SearchBar(
+    query: String,
+    onQueryChange: (String) -> Unit,
+    modifier: Modifier = Modifier,
+    placeholder: StringResource = Res.string.search_placeholder
+) {
+    OutlinedTextField(
+        value = query,
+        onValueChange = onQueryChange,
+        modifier = modifier,
+        placeholder = { Text(stringResource(placeholder)) },
+        leadingIcon = {
+            Icon(
+                imageVector = Icons.Default.Search,
+                contentDescription = stringResource(Res.string.search)
+            )
+        },
+        trailingIcon = {
+            if (query.isNotEmpty()) {
+                IconButton(onClick = { onQueryChange("") }) {
+                    Icon(
+                        imageVector = Icons.Default.Clear,
+                        contentDescription = stringResource(Res.string.clear_text)
+                    )
+                }
+            }
+        },
+        singleLine = true
+    )
+}