Function useTimeSelect

src/composables/useTimeSelect.ts:30–161

(route: RouteLocationNormalizedLoaded, router: Router, options: UseTimeSelectOptions)

}

export function useTimeSelect(route: RouteLocationNormalizedLoaded, router: Router, options: UseTimeSelectOptions) {
  const { activeTab, isInitialLoad, currentSessionId, onTimeRangeChange } = options

  // ==================== 核心状态 ====================

  /** TimeSelect v-model 绑定值 */
  const timeRangeValue = ref<TimeRangeValue | null>(null)

  /** 完整时间范围（由 TimeSelect 通过 emit 设置） */
  const fullTimeRange = ref<{ start: number; end: number } | null>(null)

  /** 可选年份列表（由 TimeSelect 通过 emit 设置，group-chat 的 ViewTab 需要） */
  const availableYears = ref<number[]>([])

  // ==================== 派生计算 ====================

  /** 时间过滤参数（用于 API 调用） */
  const timeFilter = computed(() => {
    const v = timeRangeValue.value
    if (!v) return undefined
    return { startTs: v.startTs, endTs: v.endTs }
  })

  /** Tab 内容 key（确保时间筛选切换时组件能正确刷新） */
  const timeFilterKey = computed(() => {
    const v = timeRangeValue.value
    if (!v) return 'init'
    return `${v.startTs}-${v.endTs}`
  })

  /** 用于 OverviewTab / ViewTab 的 selectedYear（null=全部，number=指定年份） */
  const selectedYearForOverview = computed(() => {
    const v = timeRangeValue.value
    if (!v || v.isFullRange) return null
    return new Date(v.startTs * 1000).getFullYear()
  })

  /**
   * 从 URL query 构建 TimeSelect 初始状态。
   * 优先级：URL 参数 > 缓存（上次用户设置）> 默认值（最近一年）
   */
  const initialTimeState = computed<Partial<TimeSelectState>>(() => {
    const q = route.query
    const m = q.timeMode as TimeSelectMode | undefined
    if (m) {
      return {
        mode: m,
        recentDays: q.timeDays ? Number(q.timeDays) : undefined,
        year: q.timeYear ? Number(q.timeYear) : undefined,
        quarterYear: q.timeYear ? Number(q.timeYear) : undefined,
        quarter: q.timeQuarter ? Number(q.timeQuarter) : undefined,
        customStart: (q.timeStart as string) || undefined,
        customEnd: (q.timeEnd as string) || undefined,
      }
    }
    if (currentSessionId.value && timeStateCache.has(currentSessionId.value)) {
      return timeStateCache.get(currentSessionId.value)!
    }