feat(steady): 完善稳态数据视图功能

- 更新纵坐标刻度算法,优化小数趋势图范围显示
- 添加稳态趋势图全屏模式和共享工具组件
- 实现多图联动的鼠标悬停竖线同步功能
- 调整主线线宽分档策略,降低最大线宽限制
- 重构稳态趋势工具栏,优化谐波次数选择逻辑
- 添加周时间周期搜索支持和自定义时间范围选择
- 完善稳态数据表格和指示器浮动面板功能
- 优化稳态趋势图性能,添加LTB采样和动画控制
- 修复数据表格打开前的趋势数据验证问题
- 统一时间轴标签格式化和网格对齐处理
This commit is contained in:
2026-05-27 08:06:12 +08:00
parent b9ddfb5275
commit 055e69fff7
83 changed files with 9616 additions and 226 deletions

View File

@@ -1,21 +1,27 @@
export type TimePeriodUnit = 'day' | 'month' | 'year'
export type TimePeriodUnit = 'day' | 'week' | 'month' | 'year' | 'custom'
export const timePeriodUnitOptions: { label: string; value: TimePeriodUnit }[] = [
{ label: '日', value: 'day' },
{ label: '周', value: 'week' },
{ label: '月', value: 'month' },
{ label: '年', value: 'year' }
{ label: '年', value: 'year' },
{ label: '自定义', value: 'custom' }
]
const datePickerTypeMap: Record<TimePeriodUnit, 'date' | 'month' | 'year'> = {
day: 'date',
week: 'date',
month: 'month',
year: 'year'
year: 'year',
custom: 'date'
}
const datePickerFormatMap: Record<TimePeriodUnit, string> = {
day: 'YYYY-MM-DD',
week: 'YYYY-MM-DD',
month: 'YYYY-MM',
year: 'YYYY'
year: 'YYYY',
custom: 'YYYY-MM-DD'
}
const padTimeValue = (value: number, length = 2) => String(value).padStart(length, '0')
@@ -52,6 +58,23 @@ export const buildTimePeriodRange = (unit: TimePeriodUnit, date: Date): string[]
]
}
if (unit === 'week') {
const dayOfWeek = date.getDay()
const mondayOffset = dayOfWeek === 0 ? -6 : 1 - dayOfWeek
const weekStart = new Date(year, month, day + mondayOffset, 0, 0, 0, 0)
const weekEnd = new Date(
weekStart.getFullYear(),
weekStart.getMonth(),
weekStart.getDate() + 6,
23,
59,
59,
999
)
return [formatTimePeriodDateTime(weekStart), formatTimePeriodDateTime(weekEnd)]
}
if (unit === 'year') {
return [
formatTimePeriodDateTime(new Date(year, 0, 1, 0, 0, 0, 0)),
@@ -78,6 +101,11 @@ export const shiftTimePeriod = (unit: TimePeriodUnit, date: Date, offset: number
return nextDate
}
if (unit === 'week') {
nextDate.setDate(nextDate.getDate() + offset * 7)
return nextDate
}
// 月份切换以 1 日为锚点,避免 31 日切到短月份时发生日期溢出。
nextDate.setDate(1)
nextDate.setMonth(nextDate.getMonth() + offset)