@cloudtower/eagle 0.0.0-config-rc-9 → 0.0.0-data-testid

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

@@ -0,0 +1,181 @@
+/// <reference types="react" />
+import type { ButtonProps } from "../../../core/Button";
+/** 拒绝原因，字符串类型 */
+export type RejectReason = string;
+/** 多个对象的拒绝原因映射，key 为对象名称，value 为原因列表 */
+export type RejectContent = Record<string, RejectReason[]>;
+/**
+ * RejectDialog 的类型枚举，决定对话框的展示模式
+ */
+export declare enum RejectDialogType {
+    /** 单个对象被拒绝，展示拒绝原因列表 */
+    Single = "RejectSingle",
+    /** 批量操作中全部对象被拒绝，展示每个对象的拒绝原因 */
+    All = "RejectAll",
+    /** 批量操作中部分对象被拒绝，可选择继续操作未被拒绝的部分 */
+    Part = "RejectPart",
+    /** 自定义内容模式，完全自定义对话框内容 */
+    Custom = "RejectCustom"
+}
+/**
+ * RejectDialog 基础属性，所有类型共享
+ */
+interface BaseRejectDialogProps {
+    /** 弹窗标题 */
+    title: React.ReactNode;
+    /** 在描述文本之前的自定义内容区域，用于展示背景信息 */
+    beforeDescription?: React.ReactNode;
+    /** 补充描述文本，显示在 beforeDescription 之后、拒绝内容之前 */
+    description?: React.ReactNode;
+    /**
+     * 取消按钮文案
+     * @default "取消"（i18n: common.cancel）
+     */
+    cancelText?: string;
+    /** 点击取消按钮或关闭弹窗回调。参数 popModal 用于关闭弹窗。 */
+    onCancel?: (popModal: () => void) => void;
+    /** 确认按钮的额外属性，可用于覆盖按钮样式（如 danger: false） */
+    okButtonProps?: ButtonProps;
+    /** 弹窗宽度，覆盖 SmallDialog 默认的 492px */
+    width?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义 footer 类名 */
+    footerClassName?: string;
+}
+/**
+ * 单个对象拒绝模式。
+ * 展示一个对象被拒绝的原因，支持单条文本或多条原因列表。
+ */
+interface SingleRejectDialogProps extends BaseRejectDialogProps {
+    type: RejectDialogType.Single;
+    /** 拒绝原因。单条原因传字符串，多条原因传字符串数组。 */
+    content: string | string[];
+    /**
+     * 列表类型，仅当 content 为数组时生效
+     * - "ordered": 有序编号列表
+     * - "unordered": 无序圆点列表
+     * - "resource": 资源列表样式（带背景色和可选图标）
+     * @default "ordered"
+     */
+    listType?: "ordered" | "unordered" | "resource";
+    /** 灰色的进一步描述，显示在拒绝原因上方 */
+    secondaryDesc?: React.ReactNode;
+    /** 资源图标，仅当 listType 为 "resource" 时显示在每项前面 */
+    resourceIcon?: React.ReactNode;
+}
+/**
+ * 批量全部拒绝模式。
+ * 所有选中对象均被拒绝，展示每个对象名称及其拒绝原因。
+ * 该模式不显示确认按钮，仅提供关闭操作。
+ */
+interface MultiAllRejectDialogProps extends BaseRejectDialogProps {
+    type: RejectDialogType.All;
+    /** 灰色的进一步描述 */
+    secondaryDesc?: React.ReactNode;
+    /** 多个对象的拒绝原因，格式为 { [对象名]: [原因1, 原因2, ...] } */
+    content: RejectContent;
+    /** 资源图标，显示在每个对象名称前面 */
+    resourceIcon?: React.ReactNode;
+}
+/**
+ * 批量部分拒绝模式。
+ * 部分选中对象被拒绝，用户可选择继续操作未被拒绝的对象。
+ * 该模式显示确认按钮（默认 danger 样式），点击后执行部分操作。
+ */
+interface MultiPartialRejectDialogProps extends BaseRejectDialogProps {
+    type: RejectDialogType.Part;
+    /** 灰色的进一步描述 */
+    secondaryDesc?: React.ReactNode;
+    /** 多个对象的拒绝原因，格式为 { [对象名]: [原因1, 原因2, ...] } */
+    content: Record<string, string[]>;
+    /** 资源图标，显示在每个对象名称前面 */
+    resourceIcon?: React.ReactNode;
+    /** 部分拒绝时的额外说明，展示在分割线下方，说明将跳过被拒绝的对象 */
+    partialDescription: React.ReactNode;
+    /** 确认按钮文案，如"部分升级" */
+    okText?: string;
+    /**
+     * 点击确认按钮回调。参数 popModal 用于关闭弹窗。
+     * 仅在 Part 模式下有效。
+     */
+    onOk?: (popModal: () => void) => void;
+}
+/**
+ * 自定义内容模式。
+ * 完全自定义对话框内容，适用于标准模式无法满足的特殊拒绝场景。
+ * 该模式不显示确认按钮。
+ */
+interface CustomRejectDialogProps extends BaseRejectDialogProps {
+    type: RejectDialogType.Custom;
+    /** 自定义内容区域，替代标准的拒绝原因列表 */
+    customContent: React.ReactNode;
+    /** 确认按钮文案 */
+    okText?: string;
+}
+/**
+ * RejectDialog 是操作拒绝反馈对话框，基于 SmallDialog 封装。
+ * 用于告知用户某个操作无法执行及其原因，支持四种模式：
+ * - Single: 单个对象被拒绝
+ * - All: 批量操作全部被拒绝
+ * - Part: 批量操作部分被拒绝（可继续操作未被拒绝的部分）
+ * - Custom: 自定义内容
+ *
+ * 通过 type 属性（RejectDialogType 枚举）区分不同模式，使用 TypeScript 可辨识联合类型。
+ *
+ * @example
+ * ```tsx
+ * // 单个对象拒绝
+ * import React from "react";
+ * import { RejectDialog, RejectDialogType, Button } from "@cloudtower/eagle";
+ * import { usePushModal } from "@cloudtower/eagle";
+ *
+ * const App = () => {
+ *   const pushModal = usePushModal();
+ *   return (
+ *     <Button
+ *       onClick={() =>
+ *         pushModal({
+ *           component: () => (
+ *             <RejectDialog
+ *               type={RejectDialogType.Single}
+ *               title="无法删除虚拟机"
+ *               content="虚拟机正在运行中，请先关机再执行删除操作"
+ *               description="请解决以上问题后重试"
+ *             />
+ *           ),
+ *           props: {},
+ *         })
+ *       }
+ *     >
+ *       删除虚拟机
+ *     </Button>
+ *   );
+ * };
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 批量部分拒绝
+ * import React from "react";
+ * import { RejectDialog, RejectDialogType } from "@cloudtower/eagle";
+ *
+ * <RejectDialog
+ *   type={RejectDialogType.Part}
+ *   title="升级虚拟机工具"
+ *   description="选中的 3 个虚拟机中，有 1 个可以升级。"
+ *   content={{ vm1: ["无需升级"], vm2: ["未安装虚拟机工具"] }}
+ *   partialDescription="2 个虚拟机无法升级，继续操作将跳过这些虚拟机。"
+ *   okText="部分升级"
+ *   onOk={(popModal) => {
+ *     console.log("执行部分升级");
+ *     popModal();
+ *   }}
+ * />
+ * ```
+ *
+ * @see SmallDialog 底层对话框组件
+ * @see DeleteDialog 删除确认对话框，用于需要用户确认的删除操作
+ */
+export type RejectDialogProps = SingleRejectDialogProps | MultiAllRejectDialogProps | MultiPartialRejectDialogProps | CustomRejectDialogProps;
+export {};

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

@@ -0,0 +1,2 @@
+export * from "./RejectDialog";
+export * from "./RejectDialog.type";

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

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

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/KubeConfigModal/KubeConfigModal.style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const KubeConfigModalStyle: import("@linaria/core").LinariaClassName;
+export declare const KubeConfigWrapperStyle: import("@linaria/core").LinariaClassName;
+export declare const KubeConfigTitleStyle: import("@linaria/core").LinariaClassName;
+export declare const KubeConfigTipStyle: import("@linaria/core").LinariaClassName;
+export declare const KubeConfigContentStyle: import("@linaria/core").LinariaClassName;
+export declare const KubeConfigFooterStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ErrorContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface KubeConfigModalProps {
+    /** 下载文件的名称，不包含文件扩展名，会自动添加 .yaml 后缀 */
+    downloadName: string;
+    /** 自定义描述文本，如果不提供则使用默认的下载提示文案 */
+    customDesc?: string;
+    /** 是否显示加载状态，当为 true 时会显示 Loading 组件 */
+    loading?: boolean;
+    /** kubeconfig 配置数据内容，通常是 YAML 格式的字符串 */
+    data: string;
+    /** 错误信息，当有错误时会禁用下载按钮 */
+    error?: string;
+    /** 重新获取数据的回调函数，用于刷新 kubeconfig 内容 */
+    refetch?: () => void;
+}
+export type ErrorContentProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    errorText?: string;
+    refetch?: () => void;
+};

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { KubeConfigModalProps } from "./KubeConfigModal.type";
+declare const KubeConfigModal: React.FC<KubeConfigModalProps>;
+export default KubeConfigModal;

package/dist/src/coreX/KubeConfigModal/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function download(filename: string, content: string): void;
+export declare function copy(content: string): void;

package/dist/src/coreX/OverflowTooltip/overflowTooltip.type.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export type OverflowTooltipProps = {
+import { AbstractTooltipProps } from "antd/lib/tooltip";
+export type OverflowTooltipProps = AbstractTooltipProps & {
     /**
      * 文本内容
      */

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;
+}>;

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

@@ -0,0 +1,42 @@
+import { SiderProps as AntdSiderProps } from "antd5/lib/layout/Sider";
+import { SrcType } from "../../core/BaseIcon";
+export type SiderMenuItem = {
+    icon: {
+        normal: SrcType;
+        active: SrcType;
+    };
+    title: string;
+    hidden?: boolean;
+    onClick?: (key: string) => void;
+    key: string;
+    disabled?: boolean;
+};
+export type SiderMenuItemGroup = {
+    key: string;
+    title: string;
+    hidden?: boolean;
+    /**
+     * 下面是否展示分割线
+     */
+    isShowDivider?: boolean;
+    items: SiderMenuItem[];
+};
+export type SiderProps = {
+    /**
+     * 侧边栏的配置
+     */
+    config: Array<SiderMenuItemGroup | SiderMenuItem>;
+    /**
+     * 选中高亮的 item 的 Key
+     */
+    selectedKeys: string[];
+    /**
+     * 收缩模式
+     */
+    isShrink?: boolean;
+    /**
+     * 点击 item 的回调
+     */
+    onClick?: (key: string) => void;
+    antdSiderProps: AntdSiderProps;
+};

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { SiderProps } from "./Sider.type";
+declare const Sider: React.FC<SiderProps>;
+export default Sider;
+export * from "./Sider.type";

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

@@ -5,6 +5,7 @@ export declare const SummaryTableRow: React.FunctionComponent<{
     title: string | ReactNode;
     hiddenTitle?: boolean;
     hiddenBorder?: boolean;
+    dataKey?: React.Key;
 }>;
 declare const SummaryTable: SummaryTableComponentType;
 export default SummaryTable;

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

@@ -0,0 +1,43 @@
+import type { TooltipProps } from "../../core";
+import type { Property } from "csstype";
+import React from "react";
+export type UnderlineTooltipProps = TooltipProps & {
+    /**
+     * 设置在 tooltip 触发元素下显示下划线的属性
+     */
+    /**
+     * 设置下划线类型
+     * @default dashed
+     */
+    style?: Property.BorderBottomStyle;
+    /**
+     * 设置下划线颜色
+     * @default rgba(107, 128, 167, 0.6)
+     */
+    color?: Property.BorderBottomColor;
+    /**
+     * 设置下划线宽度，如果类型为 number 时单位为 px
+     * @default 1px
+     */
+    width?: Property.BorderBottomWidth;
+    /**
+     * 设置内容文字颜色
+     *
+     */
+    contentColor?: "black" | "gray";
+    /**
+     * 用于设定用户自定义颜色，与 color 冲突，同时设置的情况下 color 不生效
+     */
+    customContentColor?: string;
+    /**
+     * 下划线内容元素样式
+     */
+    underlineContentClassName?: string;
+    /**
+     * 是否为链接
+     */
+    link?: boolean;
+};
+export declare const UnderlineTooltipStyle: import("@linaria/core").LinariaClassName;
+declare const UnderlineTooltip: React.FC<UnderlineTooltipProps>;
+export default UnderlineTooltip;

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

@@ -2,6 +2,7 @@ import React from "react";
 declare const units: {
     Percent: import("../..").PercentFn;
     Byte: import("../..").UnitFn;
+    BytePerSecond: import("../..").UnitFn;
     Frequency: import("../..").UnitFn;
     Speed: import("../..").UnitFn;
     Bps: import("../..").UnitFn;

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

@@ -1,26 +1,38 @@
 export * from "./BarChart";
 export * from "./BatchOperation";
 export * from "./ChartWithTooltip";
+export * from "./CheckPointList";
+export * from "./CircleLoading";
 export * from "./common";
+export * from "./Copy";
 export * from "./Counting";
 export * from "./CronCalendar";
 export * from "./CronPlan";
 export * from "./DateRangePicker";
 export * from "./DeprecatedDonutChart";
+export * from "./Dialogs";
 export * from "./DropdownTransition";
 export * from "./GoBackButton";
 export * from "./I18nNameTag";
+export * from "./InfoRowList";
+export * from "./KubeConfigModal";
 export * from "./NamesTooltip";
 export * from "./OverflowTooltip";
+export * from "./Show";
 export * from "./SidebarSubtitle";
+export * from "./Sider";
 export * from "./SortableList";
 export * from "./SummaryTable";
 export * from "./SwitchWithText";
 export * from "./TabMenu";
+export * from "./UnderlineTootip";
 export * from "./UnitWithChart";
 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 CopyButton } from "./Copy/CopyButton";
+export { default as CopyTooltip } from "./Copy/CopyTooltip";
 export { default as Counting } from "./Counting";
 export { default as CronCalendar } from "./CronCalendar";
 export { default as CronPlan } from "./CronPlan";
@@ -29,11 +41,14 @@ export { default as DeprecatedDonutChart } from "./DeprecatedDonutChart";
 export { default as DropdownTransition } from "./DropdownTransition";
 export { default as GoBackButton } from "./GoBackButton";
 export { default as I18nNameTag } from "./I18nNameTag";
+export { default as KubeConfigModal } from "./KubeConfigModal";
 export { default as NamesTooltip } from "./NamesTooltip";
 export { default as OverflowTooltip } from "./OverflowTooltip";
 export { default as SidebarSubtitle } from "./SidebarSubtitle";
+export { default as Sider } from "./Sider";
 export { default as SortableList } from "./SortableList";
 export { default as SummaryTable } from "./SummaryTable";
 export { default as SwitchWithText } from "./SwitchWithText";
 export { default as TabMenu } from "./TabMenu";
+export { default as UnderlineTooltip } from "./UnderlineTootip";
 export { default as UnitWithChart } from "./UnitWithChart";

package/dist/src/hooks/__tests__/useCTErrorMsg.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/hooks/__tests__/useFormatDuration.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,4 @@
+export * from "./useCTErrorMsg";
 export { default as useElementResize } from "./useElementResize";
 export { default as useElementsSize } from "./useElementsSize";
+export { useFormatDuration } from "./useFormatDuration";