@cloudtower/eagle 0.33.1 → 0.33.3

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

@@ -1,6 +1,7 @@
 export * from "./BarChart";
 export * from "./BatchOperation";
 export * from "./ChartWithTooltip";
+export * from "./CircleLoading";
 export * from "./common";
 export * from "./Counting";
 export * from "./CronCalendar";
@@ -10,8 +11,10 @@ export * from "./DeprecatedDonutChart";
 export * from "./DropdownTransition";
 export * from "./GoBackButton";
 export * from "./I18nNameTag";
+export * from "./InfoRowList";
 export * from "./NamesTooltip";
 export * from "./OverflowTooltip";
+export * from "./Show";
 export * from "./SidebarSubtitle";
 export * from "./Sider";
 export * from "./SortableList";
@@ -19,10 +22,11 @@ export * from "./SummaryTable";
 export * from "./SwitchWithText";
 export * from "./TabMenu";
 export * from "./UnitWithChart";
-export * from "./CircleLoading";
+export * from "./CheckPointList";
 export { default as BarChart } from "./BarChart";
 export { default as BatchOperation } from "./BatchOperation";
 export { default as ChartWithTooltip } from "./ChartWithTooltip";
+export { default as CircleLoading } from "./CircleLoading";
 export { default as Counting } from "./Counting";
 export { default as CronCalendar } from "./CronCalendar";
 export { default as CronPlan } from "./CronPlan";
@@ -40,4 +44,3 @@ export { default as SummaryTable } from "./SummaryTable";
 export { default as SwitchWithText } from "./SwitchWithText";
 export { default as TabMenu } from "./TabMenu";
 export { default as UnitWithChart } from "./UnitWithChart";
-export { default as CircleLoading } from "./CircleLoading";

package/dist/src/store/modal.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export type CloseCb = {
     onClose: () => void;
+    closeAllModal: () => void;
     modalId: number;
 };
 export type ModalType<TProps> = TProps extends void ? {
@@ -9,6 +10,7 @@ export type ModalType<TProps> = TProps extends void ? {
     component: React.FC<TProps & CloseCb>;
     props: TProps & {
         onClose?: () => void;
+        closeAllModal?: () => void;
     };
 };
 export type ModalState = {
@@ -21,7 +23,8 @@ export declare enum ModalActions {
     PUSH_MODAL = "PUSH_MODAL",
     POP_MODAL = "POP_MODAL",
     REMOVE_MODAL = "REMOVE_MODAL",
-    CLOSE_MODAL = "CLOSE_MODAL"
+    CLOSE_MODAL = "CLOSE_MODAL",
+    RESET_MODAL = "RESET_MODAL"
 }
 type PUSH_MODAL<TProps> = {
     type: ModalActions.PUSH_MODAL;
@@ -38,7 +41,10 @@ type CLOSE_MODAL = {
     type: ModalActions.CLOSE_MODAL;
     id: number;
 };
-export type Actions = PUSH_MODAL<unknown> | POP_MODAL | REMOVE_MODAL | CLOSE_MODAL;
+type RESET_MODAL = {
+    type: ModalActions.RESET_MODAL;
+};
+export type Actions = PUSH_MODAL<unknown> | POP_MODAL | REMOVE_MODAL | CLOSE_MODAL | RESET_MODAL;
 export declare const initialModalState: ModalState;
 export declare const modalReducer: (state: ModalState | undefined, action: Actions) => ModalState;
 export interface IModalProps {

package/dist/src/utils/constants.d.ts

@@ -1,6 +1,8 @@
+import React from "react";
 export declare const EMPTY_FUNCTION: () => void;
 export declare const EMPTY_ARRAY: never[];
 export declare const EMPTY_OBJECT: {};
 export declare const EMPTY_COMPONENT: () => null;
 export declare const DAYJS_I18N_MAP: Record<string, string>;
 export declare const Antd5PrefixCls = "antd5";
+export declare const splitMap: Record<string, React.ReactElement>;

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

@@ -21,3 +21,14 @@ export declare const CustomChildren: Story;
  * * 这里仅对已有的用法进行展示
  */
 export declare const Link: Story;
+/**
+ * * 禁用按钮示例
+ * * 当 disabled 设置为 true 时，按钮将变为禁用状态
+ * * 禁用状态下按钮不可点击，且样式会有相应变化
+ */
+export declare const Disabled: Story;
+/**
+ * 按钮有三种尺寸：large、middle、small
+ * 可以在不同场景下选择合适的按钮尺寸
+ */
+export declare const ButtonSizes: Story;

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

@@ -12,7 +12,7 @@ declare const Demo: (props: {
  *
  * ModalStack 会向上查找 KitStoreContext, 如果未查找到，会使用 eagle 提供的默认 store。
  *
- * usePushModal，usePopModal，useCloseModal 与 ModalStack 同理。
+ * usePushModal，usePopModal，useCloseModal, useResetModal 与 ModalStack 同理。
  */
 declare const meta: Meta<typeof Demo>;
 export default meta;

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

@@ -9,3 +9,7 @@ export declare const WithAside: {
     (): React.JSX.Element;
     args: {};
 };
+/**
+ * 点击弹窗中的 close all modal 按钮，会清理掉页面中的所有弹窗
+ */
+export declare const CloseAllModal: () => React.JSX.Element;

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { Timeline } from "../../../src/core/Timeline";
+/**
+ * * Timeline 时间线组件
+ * * 用于展示操作记录、系统事件的时间线
+ * * 支持多种状态展示：成功、失败、进行中、通知、空闲
+ * * 支持自定义标签和操作按钮
+ * * 支持使用 Area 组件灵活自定义辅助信息展示
+ */
+declare const meta: {
+    component: ({ items, emptyText, emptyRender, compact, emptyTextClassName, }: import("../../../src/core/Timeline").TimelineProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    title: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                type: string;
+            };
+        };
+        controls: {
+            sort: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Timeline>;
+export declare const SuccessTimeline: Story;
+export declare const FailedTimeline: Story;
+export declare const EmptyTimeline: Story;
+export declare const CustomEmptyState: Story;
+export declare const CustomSecondaryTextStyle: Story;
+export declare const CustomErrorMessage: Story;
+export declare const CustomTags: Story;
+export declare const CustomInfoRender: Story;
+export declare const CustomSubInfoRender: Story;

package/dist/stories/docs/coreX/CheckPointList.stories.d.ts

@@ -0,0 +1,67 @@
+import { type StoryObj } from "@storybook/react";
+import { CheckPointList } from "../../../src/coreX/CheckPointList";
+import React from "react";
+/**
+ * CheckPointList 组件
+ * 用于展示检查点列表，支持通过切换开关筛选未通过的检查项
+ * 适用于各种预检查、健康检查等场景
+ *
+ * 组件特点：
+ * 1. 支持四种状态展示：成功、失败、加载中、警告
+ * 2. 可自定义标签样式
+ * 3. 可自定义告警样式
+ * 4. 支持筛选控制
+ * 5. 自定义空状态展示
+ */
+declare const meta: {
+    component: React.FC<import("../../../src/coreX/CheckPointList").CheckPointListProps>;
+    title: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CheckPointList>;
+/**
+ * 基础用法
+ * 展示检查点列表的基础用法，包含成功和失败的检查项
+ */
+export declare const Basic: Story;
+/**
+ * 自定义标签和告警样式
+ * 展示如何使用自定义标签和告警样式来增强视觉效果
+ */
+export declare const CustomStyle: Story;
+/**
+ * 所有状态类型
+ * 展示所有可能的状态类型：成功、失败、加载中、警告
+ */
+export declare const AllStatusTypes: Story;
+/**
+ * 禁用筛选控件
+ * 展示禁用筛选控件的情况，适用于不需要筛选功能的场景
+ */
+export declare const DisableFilterControl: Story;
+/**
+ * 自定义筛选开关文案
+ * 展示如何自定义筛选开关的文案
+ */
+export declare const CustomSwitchText: Story;
+/**
+ * 空状态提示
+ * 展示自定义空状态提示的使用方法
+ */
+export declare const EmptyState: Story;
+/**
+ * 自定义空状态渲染
+ * 展示如何使用自定义渲染函数来创建空状态
+ */
+export declare const CustomEmptyRender: Story;
+/**
+ * 复杂描述内容
+ * 展示如何在描述中使用复杂的ReactNode内容
+ */
+export declare const ComplexDescription: Story;

package/dist/stories/docs/coreX/DateRangePicker.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof DateRangePicker>;
 export declare const Demo: Story;
 export declare const WithRange: Story;
+export declare const WithRelative: Story;

package/dist/stories/docs/coreX/I18nNameTag.stories.d.ts

@@ -3,6 +3,14 @@ import { Meta } from "@storybook/react";
 import React from "react";
 declare const meta: Meta<typeof I18nNameTag>;
 export default meta;
+/**
+ *
+ * 请注意，由于 I18nNameTag 存在 typo， 使用 I18nNameTag 的词条使用的 html tag index 都需要从 1 开始用起
+ *
+ * 例如： "delete_alert_group_policy_desc": "确认要删除通知聚合策略 <1>{name}</1> 吗？",
+ *
+ * slack: https://smartx1.slack.com/archives/GD3UU318A/p1700202217700279
+ */
 export declare const Default: {
     name: string;
     render: ({ name }: {

package/dist/stories/docs/coreX/InfoRowList.stories.d.ts

@@ -0,0 +1,36 @@
+import { InfoRowList } from "../../../src/coreX";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * InfoRowList 组件用于展示一组键值对信息，支持自定义操作按钮和加载状态。
+ * 支持普通模式（适用于设置页面）和紧凑模式（适用于详情页面）两种展示方式。
+ */
+declare const meta: {
+    component: React.ForwardRefExoticComponent<import("../../../src/coreX/InfoRowList/InfoRowList.type").InfoListProps & React.RefAttributes<HTMLDivElement>>;
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof InfoRowList>;
+/**
+ * 基础用法展示了最简单的信息列表展示方式，适用于设置页面
+ */
+export declare const Basic: Story;
+/**
+ * 带操作按钮的用法，每行右侧可以添加自定义的操作按钮
+ */
+export declare const WithActions: Story;
+/**
+ * 紧凑模式的展示方式，适用于详情页面
+ */
+export declare const Compact: Story;
+/**
+ * 加载状态展示
+ */
+export declare const Loading: Story;
+/**
+ * 空值和隐藏行的展示
+ */
+export declare const EmptyAndHidden: Story;

package/dist/stories/docs/coreX/Show.stories.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+import { Show } from "../../../src/coreX/Show";
+/**
+ * * Show 条件渲染组件
+ * * 根据条件决定显示内容还是备用内容
+ * * 提供了一种声明式的方式来替代 JSX 中的条件渲染
+ * * 支持布尔值条件和函数条件
+ */
+declare const meta: {
+    component: React.FC<import("../../../src/coreX/Show/show.type").ShowProps>;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof Show>;
+export declare const BasicTrue: Story;
+export declare const BasicFalse: Story;
+export declare const FunctionCondition: Story;
+export declare const NoFallback: Story;
+export declare const Interactive: {
+    name: string;
+    render: () => React.JSX.Element;
+};
+export declare const NestedShows: {
+    name: string;
+    render: () => React.JSX.Element;
+};
+export declare const CombinedWithOtherComponents: {
+    name: string;
+    render: () => React.JSX.Element;
+};