@cloudtower/eagle 0.33.1 → 0.33.2

package/dist/esm/store/modal.js

@@ -22,6 +22,7 @@ var ModalActions = /* @__PURE__ */ ((ModalActions2) => {
   ModalActions2["POP_MODAL"] = "POP_MODAL";
   ModalActions2["REMOVE_MODAL"] = "REMOVE_MODAL";
   ModalActions2["CLOSE_MODAL"] = "CLOSE_MODAL";
+  ModalActions2["RESET_MODAL"] = "RESET_MODAL";
   return ModalActions2;
 })(ModalActions || {});
 const initialModalState = {
@@ -55,6 +56,8 @@ const modalReducer = (state = initialModalState, action) => {
       return __spreadProps(__spreadValues({}, state), {
         closeId: action.id
       });
+    case "RESET_MODAL" /* RESET_MODAL */:
+      return initialModalState;
     default:
       return state;
   }

package/dist/esm/utils/constants.js

@@ -1,5 +1,11 @@
+import React__default from 'react';
+import { DotIntervalSeparation16TertiaryIcon } from '@cloudtower/icons-react';
+
 const EMPTY_FUNCTION = () => {
 };
 const Antd5PrefixCls = "antd5";
+const splitMap = {
+  dot: /* @__PURE__ */ React__default.createElement(DotIntervalSeparation16TertiaryIcon, null)
+};
 
-export { Antd5PrefixCls, EMPTY_FUNCTION };
+export { Antd5PrefixCls, EMPTY_FUNCTION, splitMap };

package/dist/src/antd.d.ts

@@ -2,7 +2,7 @@
 import { MenuItemGroupProps } from "antd/lib/menu";
 import { ModalProps as AntdModalProps } from "antd/lib/modal";
 import { FC } from "react";
-export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton as AntdSkeleton, Tabs, Timeline, Tree, Typography, Upload, } from "antd";
+export { Badge as AntdBadge, Button as AntdButton, Checkbox as AntdCheckbox, Collapse as AntdCollapse, Divider as AntdDivider, Drawer as AntdDrawer, Empty as AntdEmpty, Input as AntdInput, message as AntdMessage, Select as AntdSelect, Steps as AntdSteps, Switch as AntdSwitch, Table as AntdTable, TimePicker as AntdTimePicker, Tooltip as AntdTooltip, TreeSelect as AntdTreeSelect, AutoComplete, Col, DatePicker, Dropdown, Layout, List, Menu, Popover, Row, Skeleton as AntdSkeleton, Tabs, Timeline as AntdTimeline, Tree, Typography, Upload, } from "antd";
 export declare const DatePickerRangePicker: import("react").ComponentClass<import("antd/lib/date-picker/generatePicker").RangePickerProps<import("moment").Moment>, any>;
 export declare const ListItem: import("antd/lib/list/Item").ListItemTypeProps;
 export declare const MenuItemGroup: import("react").ComponentType<MenuItemGroupProps>;
@@ -13,7 +13,7 @@ export declare const SkeletonButton: {
     };
 };
 export declare const TabsTabPane: typeof import("rc-tabs").TabPane;
-export declare const TimelineItem: FC<import("antd/lib/timeline").TimeLineItemProps>;
+export declare const AntdTimelineItem: FC<import("antd/lib/timeline").TimeLineItemProps>;
 export declare const TypographyText: FC<import("antd/lib/typography/Text").TextProps>;
 export declare const UploadDragger: typeof import("antd/lib/upload/Dragger").default;
 export declare const AntdOption: import("rc-select/lib/Option").OptionFC;

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

@@ -9,3 +9,4 @@ export declare const useKitSelector: <Selected extends unknown>(selector: (state
 export declare const usePushModal: () => <K extends string | number>(modal: ModalType<IModalProps[K]>) => void;
 export declare const useCloseModal: () => (id: number) => void;
 export declare const usePopModal: () => () => void;
+export declare const useResetModal: () => () => void;

package/dist/src/core/Modal/modal.type.d.ts

@@ -1,37 +1,60 @@
 /// <reference types="react" />
 import { ModalProps as AntdModalProps } from "antd/lib/modal";
 export type WizardSteps = {
+    /** 步骤标题 */
     title: string;
+    /** 步骤内容渲染 */
     render: React.ReactNode;
     /**
-     * custom prev button text
+     * 自定义上一步按钮文本
      */
     prevText?: string | React.ReactNode;
     /**
-     * custom prev button event handler
+     * 自定义上一步按钮事件处理
      * @returns void
      */
     onPrev?: () => void;
+    /** 自定义确认按钮文本 */
     okText?: string | React.ReactNode;
+    /** 确认按钮点击事件处理 */
     onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 是否禁用当前步骤 */
     disabled?: boolean;
 }[];
 export type ModalProps = Omit<AntdModalProps, "okType"> & {
+    /** 确认按钮加载状态 */
     confirmLoading?: boolean;
+    /** 是否全屏显示 */
     fullscreen?: boolean;
+    /** 错误信息展示 */
     error?: string | React.ReactNode;
+    /** 是否使用普通模式 */
     normal?: boolean;
+    /** 模态框内容 */
     children?: React.ReactNode;
+    /** 是否显示取消按钮 */
     showCancel?: boolean;
+    /** 是否显示确认按钮 */
     showOk?: boolean;
+    /** 自定义关闭图标 */
     closeIcon?: React.ReactNode;
+    /** 向导模式配置 */
     wizard?: {
+        /** 当前步骤 */
         step: number;
+        /** 步骤改变时的回调 */
         onStepChange?: (step: number) => void;
+        /** 步骤配置数组 */
         steps: WizardSteps;
+        /** 是否隐藏左侧区域 */
         hideLeft?: boolean;
+        /** 右侧自定义内容 */
         right?: React.ReactNode;
+        /** 是否销毁其他步骤内容 */
         destroyOtherStep?: boolean;
+        /** 是否禁用上一步操作 */
         disablePrevStep?: boolean;
     } | boolean;
+    /** 是否隐藏底部按钮边框 */
+    hideFooterButtonBorder?: boolean;
 };

package/dist/src/core/SearchInput/searchInput.type.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { InputProps } from "antd/lib/input";
+import { SrcType } from "../BaseIcon";
 export type SearchInputProps = Omit<InputProps, "onChange"> & {
     /**
      * 防抖延迟的时间，单位为毫秒
@@ -21,5 +22,37 @@ export type SearchInputProps = Omit<InputProps, "onChange"> & {
      * 输入内容改变时的回调函数
      */
     onChange: (value: string) => void;
+    /**
+     * 搜索的图标
+     */
+    searchIcon?: SrcType;
+    /**
+     * 上一个图标
+     */
+    prefixIcon?: SrcType;
+    /**
+     * 上一个 hover 时的图标
+     */
+    prefixHoverIcon?: SrcType;
+    /**
+     * 下一个图标
+     */
+    nextIcon?: SrcType;
+    /**
+     * 下一个 hover 时的图标
+     */
+    nextHoverIcon?: SrcType;
+    /**
+     * 清空图标
+     */
+    clearIcon?: SrcType;
+    /**
+     * 清空 hover 时的图标
+     */
+    clearHoverIcon?: SrcType;
+    /**
+     * 搜索框高度，默认为 276
+     */
+    width?: number | string;
 };
 export type SearchInputComponentType = React.FC<SearchInputProps>;

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

@@ -0,0 +1,5 @@
+export declare const TimelineWrapper: import("@linaria/core").LinariaClassName;
+export declare const TimelineItemWrapper: import("@linaria/core").LinariaClassName;
+export declare const EmptyWrapper: import("@linaria/core").LinariaClassName;
+export declare const SubInfoTextWrapper: import("@linaria/core").LinariaClassName;
+export declare const InfoTextWrapper: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1,209 @@
+import { AlertProps } from "../../core/Alert";
+import { ReactNode } from "react";
+import { TagProps } from "../../core/Tag";
+import { LinkProps } from "../../core/Link";
+/**
+ * 标签属性，扩展自基础Tag组件属性
+ * @property {string} category - 固定为 'tag'，标识这是一个标签元素
+ */
+export type TimelineTagProps = TagProps & {
+    category: "tag";
+};
+/**
+ * 信息文本属性
+ * @property {string} category - 文本类型，决定样式和用途
+ * @property {React.ReactNode} children - 文本内容
+ * @property {number} multiLines - 多行文本显示行数限制，超出将被省略
+ * @property {string} className - 自定义CSS类名
+ */
+export type TimelineInfoProps = {
+    category: "subinfo_label" | "info" | "info_bold";
+    children?: React.ReactNode;
+    multiLines?: number;
+    className?: string;
+};
+/**
+ * 链接属性，扩展自基础Link组件属性
+ * @property {string} category - 固定为 'link'，标识这是一个链接元素
+ */
+export type TimelineLinkProps = LinkProps & {
+    category: "link";
+};
+/**
+ * 时间线信息区域属性
+ * @property {number} gap - 元素之间的间距，控制项目间的空白
+ * @property {React.ReactNode} split - 分隔符，用于在项目之间显示分隔符，如点、线等
+ * @property {string} className - 自定义CSS类名，用于自定义区域样式
+ * @property {Array} items - 区域中包含的元素列表，可以是标签、文本、链接
+ * @property {React.ReactNode} suffix - 后缀内容，通常用于放置操作按钮
+ */
+export type TimelineAreaProps = {
+    gap?: number;
+    split?: React.ReactNode;
+    className?: string;
+    items: Array<TimelineInfoProps | TimelineLinkProps | TimelineTagProps>;
+    suffix?: React.ReactNode;
+};
+/**
+ * 时间线项目数据结构
+ * 定义单个时间线项目的所有属性和配置
+ */
+export interface TimelineItemData {
+    /**
+     * 条目的状态，影响图标和颜色样式
+     * - success: 成功状态，显示绿色对勾图标
+     * - failed: 失败状态，显示红色错误图标
+     * - pending: 等待状态，显示黄色等待图标
+     * - notice: 通知状态，显示黄色警告图标
+     * - progress: 进行中状态，显示蓝色加载图标（带旋转动画）
+     * - idle: 空闲状态，显示灰色图标
+     */
+    status: "success" | "failed" | "pending" | "notice" | "progress" | "idle";
+    /**
+     * 详情信息，通常用于显示错误详情或额外说明
+     * 默认使用Alert组件展示，样式会根据status自动匹配
+     * @example
+     * detailMessage: {
+     *   message: "升级失败，请检查网络连接",
+     *   action: <Button>重试</Button>
+     * }
+     */
+    detailMessage?: AlertProps;
+    /**
+     * 自定义详情信息渲染函数，优先级高于detailMessage
+     * 可以完全自定义详情区域的展示内容和样式
+     * @param detailMessage - 默认的详情信息配置
+     * @returns 自定义渲染的React节点
+     * @example
+     * detailMessageRender: (message) => (
+     *   <div style={{ padding: "8px" }}>
+     *     <div>{message?.message}</div>
+     *     <Button>重试</Button>
+     *   </div>
+     * )
+     */
+    detailMessageRender?: (detailMessage?: AlertProps) => ReactNode;
+    /**
+     * 主要信息区域，展示操作标题、版本号等重要信息
+     * 支持多行信息，每行可以包含多个不同类型的元素（标签、文本、链接等）
+     * 注意：标签元素(tag)应放在文本前面，以符合设计规范
+     * @example
+     * infos: [
+     *   {
+     *     items: [
+     *       { category: 'tag', color: 'blue', children: '升级' },
+     *       { category: 'info', children: 'v1.0.0' }
+     *     ]
+     *   }
+     * ]
+     */
+    infos: TimelineAreaProps[];
+    /**
+     * 自定义主要信息渲染函数，优先级高于infos
+     * 可以完全自定义主要信息区域的展示内容和样式
+     * @param infos - 默认的主要信息配置
+     * @returns 自定义渲染的React节点
+     * @example
+     * infosRender: (infos) => (
+     *   <div style={{ display: "flex", alignItems: "center" }}>
+     *     <span style={{ fontWeight: "bold" }}>
+     *       {infos[0].items.find(i => i.category.includes("info"))?.children}
+     *     </span>
+     *     <Tag color="green">稳定版</Tag>
+     *   </div>
+     * )
+     */
+    infosRender?: (infos: TimelineAreaProps[]) => ReactNode;
+    /**
+     * 主要信息区域的操作按钮，通常用于放置查看详情等操作
+     * 会显示在主要信息区域的右侧
+     * @example
+     * infoAction: <Link onClick={() => console.log("查看详情")}>查看详情</Link>
+     */
+    infoAction?: ReactNode;
+    /**
+     * 次要信息区域，通常用于展示时间、状态等辅助信息
+     * 支持多种元素类型和分隔符
+     * @example
+     * subInfo: {
+     *   split: 'dot',
+     *   items: [
+     *     { category: 'subinfo_label', children: '2023-06-01 10:00:00' },
+     *     { category: 'subinfo_label', children: '用时30分钟' }
+     *   ]
+     * }
+     */
+    subInfo?: TimelineAreaProps;
+    /**
+     * 自定义次要信息渲染函数，优先级高于subInfo
+     * 可以完全自定义次要信息区域的展示内容和样式
+     * @param subInfo - 默认的次要信息配置
+     * @returns 自定义渲染的React节点
+     * @example
+     * subInfoRender: (subInfo) => {
+     *   const startTime = String(subInfo?.items[0].children || "");
+     *   const endTime = String(subInfo?.items[1].children || "");
+     *   return (
+     *     <div>
+     *       <div>开始时间: {startTime}</div>
+     *       <div>结束时间: {endTime}</div>
+     *     </div>
+     *   );
+     * }
+     */
+    subInfoRender?: (subInfo?: TimelineAreaProps) => ReactNode;
+}
+/**
+ * Timeline组件属性
+ * 定义Timeline组件接收的所有属性
+ */
+export interface TimelineProps {
+    /**
+     * 是否启用紧凑模式，启用后时间线项目之间的间距会减小
+     * 适合在有限空间内展示更多时间线项目
+     * @default false
+     * @example
+     * compact={true}
+     */
+    compact?: boolean;
+    /**
+     * 时间线项目数据数组，包含要显示的所有时间线条目
+     * 数组中的每个项目定义一个时间线条目的全部内容和样式
+     * @example
+     * items={[
+     *   {
+     *     status: "success",
+     *     infos: [{ items: [{ category: "info", children: "操作成功" }] }],
+     *     subInfo: { items: [{ category: "subinfo_label", children: "2023-06-01" }] }
+     *   }
+     * ]}
+     */
+    items: TimelineItemData[];
+    /**
+     * 空状态显示文本，当items为空数组时显示
+     * @default "暂无数据"
+     * @example
+     * emptyText="暂无历史记录"
+     */
+    emptyText?: string;
+    /**
+     * 空状态文本的样式类名，可用于自定义空状态文本的样式
+     * @example
+     * emptyTextClassName={Typo.Label.l2_bold_title}
+     */
+    emptyTextClassName?: string;
+    /**
+     * 自定义空状态渲染函数，优先级高于emptyText
+     * 可以完全自定义空状态的展示内容和样式
+     * @param emptyText - 默认的空状态文本
+     * @returns 自定义渲染的React节点
+     * @example
+     * emptyRender={(text) => (
+     *   <div>
+     *     <div>{text}</div>
+     *     <Button type="primary">刷新数据</Button>
+     *   </div>
+     * )}
+     */
+    emptyRender?: (emptyText?: string) => ReactNode;
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { TimelineAreaProps } from "./Timeline.type";
+export declare const TimelineArea: React.FC<TimelineAreaProps & {
+    compact?: boolean;
+}>;

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

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+import { TimelineProps } from "./Timeline.type";
+/**
+ * Timeline 组件：展示时间线
+ *
+ * @param props - 组件属性
+ * @returns React 组件
+ */
+export declare const Timeline: ({ items, emptyText, emptyRender, compact, emptyTextClassName, }: TimelineProps) => ReactElement;
+export * from "./Timeline.type";

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

@@ -1,3 +1,4 @@
+export * from "./Timeline";
 export * from "./AccordionCard";
 export * from "./Alert";
 export * from "./Antd5Anchor";

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/DateRangePicker/dateRangePicker.type.d.ts

@@ -56,9 +56,14 @@ export type DateRangePickerProps = {
     minDate?: string | Dayjs | undefined;
     maxDate?: string | Dayjs | undefined;
     onChange?: (type: "relative" | "absolute", time: DateRangePickerValue, range: PickerDateRange) => void;
+    onAbsoluteTimeChange?: (range: PickerDateRange) => void;
+    /**
+      * Customize an array of relative time select options
+      */
+    relativeTimeSelectOptions?: PastTime[];
 };
 export type PastTime = {
-    unit: "h" | "m" | "d";
+    unit: "h" | "m" | "d" | "M";
     value: number;
     disabled?: boolean;
 };

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

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

package/dist/src/coreX/Show/show.type.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type ShowProps = React.PropsWithChildren<{
+    /**
+     *
+     * 检查的条件。可以是布尔值或返回布尔值的函数。
+     */
+    condition: boolean | (() => boolean);
+    /**
+     *
+     * 当条件为假时显示的备用内容。
+     */
+    fallback?: React.ReactElement;
+}>;