@cloudtower/eagle 0.33.34 → 0.33.36

package/dist/src/core/MediumDialog/MediumDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SmallDialogProps } from "../../core/SmallDialog";
+export declare const MediumDialog: React.FC<SmallDialogProps>;

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

@@ -0,0 +1 @@
+export * from "./MediumDialog";

package/dist/src/core/SmallDialog/SmallDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SmallDialogProps } from "./SmallDialog.type";
+export declare const SmallDialog: React.FC<SmallDialogProps>;

package/dist/src/core/SmallDialog/SmallDialog.style.d.ts

@@ -0,0 +1,4 @@
+export declare const DialogStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorTextStyle: import("@linaria/core").LinariaClassName;
+export declare const CloseIconStyle: import("@linaria/core").LinariaClassName;

package/dist/src/{coreX/Dialogs/SmallDialog.d.ts → core/SmallDialog/SmallDialog.type.d.ts}

@@ -1,8 +1,12 @@
-import { ButtonProps } from "antd/lib/button";
+import { ButtonProps } from "../../core/Button";
 import React from "react";
-interface SmallDialogProps {
+export interface SmallDialogProps {
     /** 弹窗标题 */
     title: React.ReactNode;
+    /** 自定义标题 */
+    TitleRender?: React.FC<{
+        title?: React.ReactNode;
+    }>;
     /** 取消按钮文案 */
     cancelText?: string;
     /** 确认按钮文案 */
@@ -26,6 +30,10 @@ interface SmallDialogProps {
     /** 取消按钮属性，优先使用 cancelText */
     cancelButtonProps?: ButtonProps;
     children?: React.ReactNode;
+    /** 展示在 modal footer 的错误文案 */
+    error?: React.ReactNode;
+    /** 是否展示在 modal footer 的错误图标, 默认展示 */
+    showFooterErrorIcon?: boolean;
+    /** 确认按钮加载状态 */
+    confirmLoading?: boolean;
 }
-export declare const SmallDialog: React.FC<SmallDialogProps>;
-export {};

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

@@ -0,0 +1,3 @@
+export * from "./SmallDialog";
+export * from "./SmallDialog.type";
+export * from "./SmallDialog.style";

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/src/core/index.d.ts

@@ -85,6 +85,8 @@ export * from "./Tooltip";
 export * from "./Truncate";
 export * from "./Typo";
 export * from "./Units";
+export * from "./SmallDialog";
+export * from "./MediumDialog";
 export declare const units: {
     Percent: import("./Units").PercentFn;
     Byte: import("./Units").UnitFn;

package/dist/src/coreX/Dialogs/DeleteDialog/DeleteDialog.type.d.ts

@@ -16,4 +16,6 @@ export interface DeleteDialogProps {
     onCancel?: (popModal: () => void) => void;
     /** 自定义类名 */
     className?: string;
+    /** 确认按钮加载状态 */
+    confirmLoading?: boolean;
 }

package/dist/src/coreX/Dialogs/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./DeleteDialog";
 export * from "./RejectDialog";
-export * from "./SmallDialog";

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { MediumDialog } from "../../../src/core";
+import { CoreMeta } from "../../types";
+/**
+ * MediumDialog 组件
+ *
+ * 一个中等尺寸的对话框组件，适用于需要更多内容展示空间的场景。
+ *
+ * ### 特性
+ * - 固定宽度 720px，提供更多内容展示空间
+ * - 最小高度 200px，适合展示更丰富的内容
+ * - 继承 SmallDialog 的所有功能特性
+ * - 支持自定义标题、按钮文案和样式
+ * - 支持在底部显示错误信息
+ * - 可配置是否显示确认按钮、关闭按钮等
+ * - 支持点击遮罩层关闭
+ */
+declare const meta: CoreMeta<typeof MediumDialog>;
+export default meta;
+/**
+ * 基础用法
+ */
+export declare const Basic: () => React.JSX.Element;
+/**
+ * 表单配置对话框
+ */
+export declare const FormConfiguration: () => React.JSX.Element;
+/**
+ * 数据展示对话框
+ */
+export declare const DataDisplay: () => React.JSX.Element;
+/**
+ * 带错误信息的对话框
+ */
+export declare const WithError: () => React.JSX.Element;

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { SmallDialog } from "../../../src/core";
+import { CoreMeta } from "../../types";
+/**
+ * SmallDialog 组件
+ *
+ * 一个轻量级的小尺寸对话框组件，适用于简单的确认、提示等场景。
+ *
+ * ### 特性
+ * - 固定宽度 492px，适合移动端和桌面端使用
+ * - 支持自定义标题、按钮文案和样式
+ * - 支持在底部显示错误信息
+ * - 可配置是否显示确认按钮、关闭按钮等
+ * - 支持点击遮罩层关闭
+ */
+declare const meta: CoreMeta<typeof SmallDialog>;
+export default meta;
+/**
+ * 基础用法
+ */
+export declare const Basic: () => React.JSX.Element;
+/**
+ * 确认删除对话框
+ */
+export declare const DeleteConfirmation: () => React.JSX.Element;
+/**
+ * 只有取消按钮
+ */
+export declare const CancelOnly: () => React.JSX.Element;
+/**
+ * 带错误信息的对话框
+ */
+export declare const WithError: () => React.JSX.Element;
+/**
+ * 长内容对话框
+ */
+export declare const LongContent: () => React.JSX.Element;

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;

package/dist/stories/docs/coreX/Dialogs/DeleteDialog.stories.d.ts

@@ -16,6 +16,7 @@ declare const meta: {
         onOk?: ((popModal: () => void) => void) | undefined;
         onCancel?: ((popModal: () => void) => void) | undefined;
         className?: string | undefined;
+        confirmLoading?: boolean | undefined;
         children?: React.ReactNode;
     }>) => React.JSX.Element)[];
     args: {};
@@ -35,3 +36,7 @@ export declare const Basic: () => React.JSX.Element;
  * 自定义按钮文案
  */
 export declare const CustomButtonText: () => React.JSX.Element;
+/**
+ * 确认按钮加载状态
+ */
+export declare const ConfirmLoading: () => React.JSX.Element;