@cloudtower/eagle 0.33.34 → 0.33.35

package/dist/src/core/Timeline/Timeline.type.d.ts

@@ -67,22 +67,38 @@ export interface TimelineItemData {
      *   message: "升级失败，请检查网络连接",
      *   action: <Button>重试</Button>
      * }
+     * @deprecated 推荐优先使用 detailMessages
      */
     detailMessage?: AlertProps;
     /**
-     * 自定义详情信息渲染函数，优先级高于detailMessage
-     * 可以完全自定义详情区域的展示内容和样式
-     * @param detailMessage - 默认的详情信息配置
+     * 详情信息列表，通常用于显示错误详情或额外说明
+     * 支持多个详情信息，每个详情信息可以包含不同的样式和内容
+     * 优先级高于 detailMessage
+     * @example
+     * detailMessages: [{
+     *   message: "升级失败，请检查网络连接",
+     *   action: <Button>重试</Button>
+     * }, {
+     *   message: "错误详情：网络超时",
+     *   type: "warning"
+     * }]
+     */
+    detailMessages?: AlertProps[];
+    /**
+     * 自定义详情信息渲染函数，作用于每个详情信息
+     * 可以完全自定义每个详情信息的展示内容和样式
+     * @param detailMessage - 单个详情信息配置
+     * @param index - 当前详情信息在列表中的索引
      * @returns 自定义渲染的React节点
      * @example
-     * detailMessageRender: (message) => (
-     *   <div style={{ padding: "8px" }}>
+     * detailMessageRender: (message, index) => (
+     *   <div key={index} style={{ padding: "8px", marginBottom: "4px" }}>
      *     <div>{message?.message}</div>
-     *     <Button>重试</Button>
+     *     {index === 0 && <Button>重试</Button>}
      *   </div>
      * )
      */
-    detailMessageRender?: (detailMessage?: AlertProps) => ReactNode;
+    detailMessageRender?: (detailMessage?: AlertProps, index?: number) => ReactNode;
     /**
      * 主要信息区域，展示操作标题、版本号等重要信息
      * 支持多行信息，每行可以包含多个不同类型的元素（标签、文本、链接等）
@@ -179,6 +195,10 @@ export interface TimelineProps {
      * ]}
      */
     items: TimelineItemData[];
+    /**
+     * 时间线容器类名，可用于自定义时间线容器的样式
+     */
+    timelineContainerClassName?: string;
     /**
      * 空状态显示文本，当items为空数组时显示
      * @default "暂无数据"

package/dist/src/core/Timeline/index.d.ts

@@ -3,8 +3,12 @@ import { TimelineProps } from "./Timeline.type";
 /**
  * Timeline 组件：展示时间线
  *
+ * 支持多种状态的时间线项目，包括成功、失败、进行中、通知、空闲等状态
+ * 支持自定义渲染和详情信息展示，优先使用 detailMessages 而非 detailMessage
+ * 支持使用 Area 组件灵活自定义辅助信息展示
+ *
  * @param props - 组件属性
  * @returns React 组件
  */
-export declare const Timeline: ({ items, emptyText, emptyRender, compact, emptyTextClassName, }: TimelineProps) => ReactElement;
+export declare const Timeline: ({ items, emptyText, emptyRender, compact, timelineContainerClassName, emptyTextClassName, }: TimelineProps) => ReactElement;
 export * from "./Timeline.type";

package/dist/stories/docs/core/Timeline.stories.d.ts

@@ -9,7 +9,7 @@ import React from "react";
  * * 支持使用 Area 组件灵活自定义辅助信息展示
  */
 declare const meta: {
-    component: ({ items, emptyText, emptyRender, compact, emptyTextClassName, }: import("../../../src/core/Timeline").TimelineProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    component: ({ items, emptyText, emptyRender, compact, timelineContainerClassName, emptyTextClassName, }: import("../../../src/core/Timeline").TimelineProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     title: string;
     parameters: {
         docs: {
@@ -36,3 +36,6 @@ export declare const CustomErrorMessage: Story;
 export declare const CustomTags: Story;
 export declare const CustomInfoRender: Story;
 export declare const CustomSubInfoRender: Story;
+export declare const DetailMessages: Story;
+export declare const CustomDetailMessages: Story;
+export declare const CompatibilityTest: Story;