@cloudtower/eagle 0.32.30 → 0.32.32

package/dist/src/core/Alert/alert.type.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { AlertProps } from "antd/lib/alert";
-export type AlertComponentType = React.FunctionComponent<Omit<AlertProps, "type"> & {
-    type?: AlertProps["type"] | "normal";
+import { AlertProps as AntdAlertProps } from "antd/lib/alert";
+export type AlertProps = Omit<AntdAlertProps, "type"> & {
+    type?: AntdAlertProps["type"] | "normal";
     action?: React.ReactNode;
-}>;
+};
+export type AlertComponentType = React.FunctionComponent<AlertProps>;

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

@@ -1,3 +1,3 @@
 import { UnitFn } from "../Units/units.type";
-declare const BitPerSeconds: UnitFn;
-export default BitPerSeconds;
+declare const BitPerSecond: UnitFn;
+export default BitPerSecond;

package/dist/src/coreX/CheckPointList/checkpointlist.style.d.ts

@@ -0,0 +1,3 @@
+export declare const CheckPointListStyle: import("@linaria/core").LinariaClassName;
+export declare const CheckPointItemStyle: import("@linaria/core").LinariaClassName;
+export declare const EmptyWrapper: import("@linaria/core").LinariaClassName;

package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts

@@ -0,0 +1,93 @@
+import { AlertProps } from "../../core/Alert";
+import { TagProps } from "../../core/Tag";
+import React from "react";
+/**
+ * 检查点项的属性
+ * @property {React.ReactNode} description - 检查点项的描述文本，用于展示检查内容，支持传入 React 节点
+ * @property {'success' | 'failed' | 'loading' | 'warning'} status - 检查点状态，success 表示通过，failed 表示失败，loading 表示加载中，warning 表示警告
+ * @property {TagProps} [tagProps] - 标签的自定义属性，可以自定义标签的颜色、图标等
+ * @property {AlertProps} [alertProps] - 警告组件的自定义属性，用于展示失败信息及其样式
+ * @example
+ * {
+ *   description: "存储空间检查",
+ *   status: "success",
+ *   tagProps: {
+ *     color: "green",
+ *     children: "通过"
+ *   }
+ * }
+ * @example
+ * {
+ *   description: <span>网络连接检查 <b>(重要)</b></span>,
+ *   status: "failed",
+ *   tagProps: {
+ *     color: "red",
+ *     children: "失败"
+ *   },
+ *   alertProps: {
+ *     message: "网络连接失败",
+ *     type: "error"
+ *   }
+ * }
+ */
+export interface CheckPointItem {
+    description: React.ReactNode;
+    status: "success" | "failed" | "loading" | "warning";
+    tagProps?: TagProps;
+    alertProps?: AlertProps;
+}
+/**
+ * 检查点列表的属性
+ * @property {CheckPointItem[]} items - 检查点列表的项，包含检查项的描述、状态等信息
+ * @property {boolean} [showSwitchControl=true] - 是否显示切换控制来过滤未通过的项
+ * @property {(checked: boolean) => void} [onClickSwitch] - 切换开关时的回调函数
+ * @property {string | React.ReactNode} title - 自定义检查点列表的标题
+ * @property {string} [switchText] - 自定义开关按钮的文本描述
+ * @property {string | React.ReactNode} [emptyText] - 列表为空时显示的文本
+ * @property {string} [emptyTextClassName] - 空状态文本的自定义类名
+ * @property {(emptyText: string | React.ReactNode) => React.ReactNode} [emptyRender] - 自定义渲染空状态的函数
+ * @example
+ * {
+ *   title: "系统检查项",
+ *   items: [
+ *     {
+ *       description: "存储空间检查",
+ *       status: "success",
+ *       tagProps: { color: "green", children: "通过" }
+ *     },
+ *     {
+ *       description: "权限检查",
+ *       status: "failed",
+ *       tagProps: { color: "red", children: "失败" },
+ *       alertProps: { message: "当前用户没有管理员权限", type: "error" }
+ *     }
+ *   ],
+ *   showSwitchControl: true,
+ *   switchText: "只显示失败项"
+ * }
+ * @example
+ * {
+ *   title: "系统检查项",
+ *   items: [],
+ *   emptyText: "暂无检查项",
+ *   emptyTextClassName: "custom-empty-class"
+ * }
+ */
+export interface CheckPointListProps {
+    items: CheckPointItem[];
+    emptyText?: string | React.ReactNode;
+    emptyTextClassName?: string;
+    emptyRender?: (emptyText: string | React.ReactNode) => React.ReactNode;
+    showSwitchControl?: boolean;
+    onClickSwitch?: (checked: boolean) => void;
+    title: string | React.ReactNode;
+    switchText?: string;
+}
+/**
+ * CheckPointItem 组件的属性
+ * @extends CheckPointItem
+ * @property {string} [key] - React 列表项的唯一标识符
+ */
+export interface CheckPointItemProps extends CheckPointItem {
+    key?: string;
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { CheckPointListProps, CheckPointItemProps } from "./checkpointlist.type";
+export declare const CheckPointItem: React.FC<CheckPointItemProps>;
+/**
+ * CheckPointList displays a list of checkpoint items with filtering capability
+ */
+export declare const CheckPointList: React.FC<CheckPointListProps>;
+export * from "./checkpointlist.type";

package/dist/src/coreX/InfoRowList/InfoRow.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const InfoRow: React.FC<{
+    label: React.ReactNode;
+    content: boolean | {} | string | number | JSX.Element;
+    className?: string;
+    onClick?: () => void;
+}>;

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { InfoListProps } from "./InfoRowList.type";
+export declare const InfoRowList: React.ForwardRefExoticComponent<InfoListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/coreX/InfoRowList/InfoRowList.type.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+/**
+ * InfoRowList 组件的属性定义
+ */
+export type InfoListProps = {
+    /**
+     * 容器的自定义类名
+     */
+    className?: string;
+    /**
+     * 每一行的自定义类名
+     */
+    rowClassName?: string;
+    /**
+     * 是否处于加载状态
+     * @default false
+     */
+    loading: boolean;
+    /**
+     * 信息列表数据
+     * @example
+     * ```tsx
+     * const data = [
+     *   {
+     *     key: 'name',
+     *     name: '名称',
+     *     value: '示例名称',
+     *     action: <Button>编辑</Button>,
+     *     hidden: false
+     *   }
+     * ]
+     * ```
+     */
+    data: {
+        /**
+         * 行的唯一标识
+         */
+        key: string;
+        /**
+         * 行标签名称
+         */
+        name: React.ReactNode;
+        /**
+         * 行内容值
+         */
+        value: React.ReactNode;
+        /**
+         * 可选的操作按钮
+         */
+        action?: React.ReactNode;
+        /**
+         * 是否隐藏该行
+         * @default false
+         */
+        hidden?: boolean;
+    }[];
+    /**
+     * 是否使用紧凑模式
+     * 紧凑模式一般用于详情页面，普通模式用于设置页面
+     * @default false
+     */
+    compact?: boolean;
+};

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

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

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,11 +22,11 @@ export * from "./SummaryTable";
 export * from "./SwitchWithText";
 export * from "./TabMenu";
 export * from "./UnitWithChart";
-export * from "./CircleLoading";
-export * from "./Show";
+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";
@@ -41,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/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/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;