import * as React from 'react'; import type { Media } from '../../types/props.js'; export type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'; /** * 时间状态类型 */ export type TimeStatus = 'completed' | 'in-progress' | 'not-started'; /** * 状态化图标配置 */ export interface StateIcon { /** 激活状态的图标(进行中) */ active: Media; /** 非激活状态的图标(未开始) */ inactive: Media; /** 已完成状态的图标(可选,不提供则使用 inactive) */ completed?: Media; } /** * 活动日程项数据接口 */ export interface EventScheduleItem { /** 标题 */ title: string; /** 开始日期(ISO 8601 格式或任何 dayjs 支持的格式,如 '2024-12-01') */ startDate: string; /** 结束日期(ISO 8601 格式或任何 dayjs 支持的格式,如 '2024-12-31') */ endDate: string; /** * 卡片背景图标配置,状态化图标(必须包含 active 和 inactive) * * @example * icon: { * active: { url: "https://example.com/active-icon.svg", alt: "Active Icon" }, * inactive: { url: "https://example.com/inactive-icon.svg", alt: "Inactive Icon" } * } */ icon?: StateIcon; /** 详细信息列表 */ items: { /** 图标 (SVG 字符串或 URL) */ icon?: string; /** 文本内容 */ label: string; }[]; } /** * EventSchedule 业务组件数据接口 */ export interface EventScheduleData { /** 日程列表 */ scheduleList: EventScheduleItem[]; /** 是否显示时间轴,默认为 true */ showTimeline?: boolean; /** 主题模式 */ theme?: 'light' | 'dark'; } export interface EventScheduleProps extends React.HTMLAttributes { /** 业务数据 */ data: EventScheduleData; classNames?: Partial>; } declare const _default: any; export default _default;