@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,13 @@
+import Skeleton from "../../../src/core/Skeleton";
+import { ComponentStory } from "@storybook/react";
+declare const _default: {
+    title: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Content: ComponentStory<typeof Skeleton.Content>;

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

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof BarChart>;
 export default meta;
 type Story = StoryObj<typeof BarChart>;
 export declare const Demo: Story;
+export declare const Stripes: Story;

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

@@ -0,0 +1,11 @@
+import Calendar from "../../../src/core/Calendar";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Basic: Story;
+/**
+ * 出于 ant design 的特性，单独的日期组件的国际化搭配 ConfigProvider 中配置
+ * 参考： https://4x.ant.design/components/date-picker-cn/#%E5%9B%BD%E9%99%85%E5%8C%96%E9%85%8D%E7%BD%AE
+ */
+export declare const Intl: Story;

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

@@ -0,0 +1,82 @@
+import { CheckPointList } from "../../../src/coreX/CheckPointList";
+import { type StoryObj } from "@storybook/react";
+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;
+/**
+ * 默认开启筛选
+ * 展示如何设置默认只显示未通过的检查项
+ */
+export declare const DefaultFilterEnabled: Story;
+/**
+ * 自定义筛选回调函数
+ * 展示如何监听筛选状态变化
+ */
+export declare const CustomSwitchCallback: Story;
+/**
+ * Long Text Example
+ * Demonstrates how the component handles long text in descriptions and alert messages
+ */
+export declare const LongText: Story;

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

@@ -0,0 +1,20 @@
+import CircleLoading from "../../../src/coreX/CircleLoading";
+import { StoryObj } from "@storybook/react";
+/**
+ *
+ * 目前应用场景：
+ * * arcfra 中取代三角 loading
+ */
+declare const _default: {
+    title: string;
+    component: import("../../../src").LoadingComponentType;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+type Story = StoryObj<typeof CircleLoading>;
+export declare const Basic: Story;

package/dist/stories/docs/coreX/Copy/CopyButton.stories.d.ts

@@ -0,0 +1,66 @@
+import { CopyButtonProps } from "../../../../src/coreX/Copy/CopyButton";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ *
+ * CopyButton 组件是一个带有复制功能的按钮，点击后会将指定文本复制到剪贴板，并通过 tooltip 提供复制成功的反馈。
+ *
+ * ### 主要特性
+ * - 点击按钮复制指定文本到剪贴板
+ * - 复制成功后显示 tooltip 提示（默认显示 1 秒）
+ * - 支持自定义按钮文本和 tooltip 提示文本
+ * - 使用现代的 `navigator.clipboard` API
+ *
+ */
+declare const meta: Meta<React.FC<CopyButtonProps>>;
+export default meta;
+/**
+ *
+ * 最基本的用法，使用默认的按钮文本和提示文本。
+ *
+ * 点击按钮后会显示"已复制到剪贴板"的提示。
+ *
+ */
+export declare const Default: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 自定义按钮的显示文本，可以根据业务场景提供更明确的按钮文案。
+ *
+ */
+export declare const CustomButtonText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 自定义复制成功后的 tooltip 提示文本。
+ *
+ */
+export declare const CustomTooltipText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 在实际业务场景中使用，如复制配置文件、命令行、代码片段等。
+ *
+ */
+export declare const RealWorldScenarios: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 多个复制按钮组合使用，比如在表单或信息展示页面中。
+ *
+ */
+export declare const MultipleButtons: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 复制超长文本内容，如大型配置文件、日志等。
+ *
+ */
+export declare const LongText: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 边界场景测试，包括空文本、特殊字符等。
+ *
+ */
+export declare const EdgeCases: StoryObj<CopyButtonProps>;
+/**
+ *
+ * 在卡片布局中使用复制按钮。
+ *
+ */
+export declare const InCard: StoryObj<CopyButtonProps>;

package/dist/stories/docs/coreX/Copy/CopyTooltip.stories.d.ts

@@ -0,0 +1,66 @@
+import { CopyTooltipProps } from "../../../../src/coreX/Copy/CopyTooltip";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ *
+ * CopyTooltip 组件用于复制文本到剪贴板，并通过 tooltip 提供交互反馈。适用于需要复制文本的场景，如复制 ID、地址、配置等。
+ *
+ * ### 主要特性
+ * - 支持自定义复制前后的 tooltip 提示文本
+ * - 支持自定义触发复制的子元素
+ * - 内置默认的复制图标
+ * - 鼠标悬浮时显示复制提示，点击后显示复制成功提示
+ *
+ */
+declare const meta: Meta<React.FC<CopyTooltipProps>>;
+export default meta;
+/**
+ *
+ * 最基本的用法，使用默认的复制图标和默认的提示文本。
+ *
+ * 鼠标悬浮时显示"点击复制"，点击后显示"复制成功"。
+ *
+ */
+export declare const Default: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 自定义复制前后的 tooltip 提示文本，可以根据业务场景提供更友好的提示信息。
+ *
+ */
+export declare const CustomTooltipText: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 可以自定义触发复制的子元素，比如使用文本、按钮或其他图标。
+ *
+ */
+export declare const CustomChildren: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 复制长文本内容，如配置文件、日志等。
+ *
+ */
+export declare const LongText: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 在表格中使用，复制单元格内容。
+ *
+ */
+export declare const InTable: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 自定义 tooltip 的样式和位置等属性。
+ *
+ */
+export declare const CustomTooltipProps: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 复制包含特殊字符和换行的文本内容。
+ *
+ */
+export declare const SpecialCharacters: StoryObj<CopyTooltipProps>;
+/**
+ *
+ * 空文本或极端场景下的处理。
+ *
+ */
+export declare const EdgeCases: StoryObj<CopyTooltipProps>;

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

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

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

@@ -0,0 +1,49 @@
+import React from "react";
+/**
+ * * 删除确认对话框组件
+ * * 用于需要用户二次确认的删除操作
+ * * 确认按钮使用危险样式以突出操作风险
+ */
+declare const meta: {
+    title: "CoreX/Dialog/DeleteDialog | 删除确认对话框";
+    component: React.FC<import("../../../../src/coreX").DeleteDialogProps>;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+        title: import("../../../../src").SafeReactNode;
+        description?: import("../../../../src").SafeReactNode;
+        secondaryDesc?: import("../../../../src").SafeReactNode;
+        cancelText?: string | undefined;
+        okText?: string | undefined;
+        onOk?: ((popModal: () => void) => void) | undefined;
+        onCancel?: ((popModal: () => void) => void) | undefined;
+        className?: string | undefined;
+        confirmLoading?: boolean | undefined;
+        error?: import("../../../../src").SafeReactNode;
+        showFooterErrorIcon?: boolean | undefined;
+        children?: React.ReactNode;
+    }>) => React.JSX.Element)[];
+    args: {};
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Basic: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const CustomButtonText: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const ConfirmLoading: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const Failed: {
+    (): React.JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,103 @@
+import { RejectDialogType } from "../../../../src/coreX";
+import React from "react";
+/**
+ * * 回绝对话框组件
+ * * 用于展示操作被拒绝的反馈信息
+ * * 支持四种模式：单个对象拒绝、批量全部拒绝、批量部分拒绝、自定义内容
+ */
+declare const meta: {
+    title: "CoreX/Dialog/RejectDialog | 回绝对话框";
+    component: React.FC<import("../../../../src/coreX").RejectDialogProps>;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+        type: RejectDialogType.Single;
+        content: string | string[];
+        listType?: "resource" | "ordered" | "unordered" | undefined;
+        secondaryDesc?: import("../../../../src").SafeReactNode;
+        resourceIcon?: import("../../../../src").SafeReactNode;
+        title: import("../../../../src").SafeReactNode;
+        beforeDescription?: import("../../../../src").SafeReactNode;
+        description?: import("../../../../src").SafeReactNode;
+        cancelText?: string | undefined;
+        onCancel?: ((popModal: () => void) => void) | undefined;
+        okButtonProps?: import("../../../../src/core").ButtonProps | undefined;
+        width?: number | undefined;
+        className?: string | undefined;
+        footerClassName?: string | undefined;
+        children?: React.ReactNode;
+    } | {
+        type: RejectDialogType.All;
+        secondaryDesc?: import("../../../../src").SafeReactNode;
+        content: import("../../../../src/coreX").RejectContent;
+        resourceIcon?: import("../../../../src").SafeReactNode;
+        title: import("../../../../src").SafeReactNode;
+        beforeDescription?: import("../../../../src").SafeReactNode;
+        description?: import("../../../../src").SafeReactNode;
+        cancelText?: string | undefined;
+        onCancel?: ((popModal: () => void) => void) | undefined;
+        okButtonProps?: import("../../../../src/core").ButtonProps | undefined;
+        width?: number | undefined;
+        className?: string | undefined;
+        footerClassName?: string | undefined;
+        children?: React.ReactNode;
+    } | {
+        type: RejectDialogType.Part;
+        secondaryDesc?: import("../../../../src").SafeReactNode;
+        content: Record<string, string[]>;
+        resourceIcon?: import("../../../../src").SafeReactNode;
+        partialDescription: import("../../../../src").SafeReactNode;
+        okText?: string | undefined;
+        onOk?: ((popModal: () => void) => void) | undefined;
+        title: import("../../../../src").SafeReactNode;
+        beforeDescription?: import("../../../../src").SafeReactNode;
+        description?: import("../../../../src").SafeReactNode;
+        cancelText?: string | undefined;
+        onCancel?: ((popModal: () => void) => void) | undefined;
+        okButtonProps?: import("../../../../src/core").ButtonProps | undefined;
+        width?: number | undefined;
+        className?: string | undefined;
+        footerClassName?: string | undefined;
+        children?: React.ReactNode;
+    } | {
+        type: RejectDialogType.Custom;
+        customContent: import("../../../../src").SafeReactNode;
+        okText?: string | undefined;
+        title: import("../../../../src").SafeReactNode;
+        beforeDescription?: import("../../../../src").SafeReactNode;
+        description?: import("../../../../src").SafeReactNode;
+        cancelText?: string | undefined;
+        onCancel?: ((popModal: () => void) => void) | undefined;
+        okButtonProps?: import("../../../../src/core").ButtonProps | undefined;
+        width?: number | undefined;
+        className?: string | undefined;
+        footerClassName?: string | undefined;
+        children?: React.ReactNode;
+    }>) => React.JSX.Element)[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const SingleReject: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const SingleRejectMultiReasons: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const AllReject: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const PartialReject: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const CustomContent: {
+    (): React.JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,83 @@
+import KubeConfigModal from "../../../src/coreX/KubeConfigModal";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * KubeConfigModal 组件
+ *
+ * 用于显示和下载 Kubernetes 集群配置文件的全屏模态框组件。
+ * 支持复制配置内容到剪贴板、下载配置文件等功能。
+ *
+ * ### 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | downloadName | 下载文件的名称，不包含文件扩展名，会自动添加 .yaml 后缀 | string | - |
+ * | customDesc | 自定义描述文本，如果不提供则使用默认的下载提示文案 | string | - |
+ * | loading | 是否显示加载状态，当为 true 时会显示 Loading 组件 | boolean | false |
+ * | data | kubeconfig 配置数据内容，通常是 YAML 格式的字符串 | string | - |
+ * | error | 错误信息，当有错误时会禁用下载按钮 | string | - |
+ * | refetch | 重新获取数据的回调函数，用于刷新 kubeconfig 内容 | () => void | - |
+ */
+declare const meta: {
+    component: React.FC<import("../../../src/coreX/KubeConfigModal/KubeConfigModal.type").KubeConfigModalProps>;
+    title: "CoreX/KubeConfigModal | Kubeconfig 下载模态框";
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+        downloadName: string;
+        customDesc?: string | undefined;
+        loading?: boolean | undefined;
+        data: string;
+        error?: string | undefined;
+        refetch?: (() => void) | undefined;
+        children?: React.ReactNode;
+    }>) => React.JSX.Element)[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof KubeConfigModal>;
+/**
+ * 基础用法
+ *
+ * 展示 KubeConfigModal 组件的基本功能，包括显示 kubeconfig 内容、
+ * 复制到剪贴板和下载配置文件。
+ */
+export declare const Basic: Story;
+/**
+ * 自定义描述文本
+ *
+ * 通过 customDesc 参数自定义模态框中的描述文本，
+ * 适用于需要特殊说明的场景。
+ */
+export declare const CustomDescription: Story;
+/**
+ * 加载状态
+ *
+ * 当 loading 为 true 时，模态框会显示加载状态，
+ * 同时禁用下载按钮，适用于异步获取配置数据的场景。
+ */
+export declare const Loading: Story;
+/**
+ * 长内容展示
+ *
+ * 展示包含多个集群和上下文的复杂 kubeconfig 内容，
+ * 验证组件在长内容情况下的显示效果。
+ */
+export declare const LongContent: Story;
+/**
+ * 错误状态
+ *
+ * 当有错误信息时，下载按钮会被禁用，
+ * 适用于配置获取失败或无效的场景。
+ */
+export declare const Error: Story;
+/**
+ * 带刷新功能
+ *
+ * 通过 refetch 回调函数提供重新获取数据的功能，
+ * 适用于需要动态更新配置的场景。
+ */
+export declare const WithRefetch: Story;

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

@@ -28,3 +28,8 @@ export declare const MultipleLine: StoryObj<OverflowTooltipProps>;
  *
  */
 export declare const Tooltip: StoryObj<OverflowTooltipProps>;
+/**
+ * 自定义悬浮提示 overlay 部分样式，其余属性请参考 antd-Tooltip
+ * https://ant-design.antgroup.com/components/tooltip-cn#api
+ */
+export declare const CustomOverlayTooltip: StoryObj<OverflowTooltipProps>;

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

@@ -0,0 +1,31 @@
+import { Show } from "../../../src/coreX/Show";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * 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;
+};

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

@@ -0,0 +1,11 @@
+import { UnderlineTooltipProps } from "../../../src/coreX/UnderlineTootip";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ *
+ * UnderlineTooltip 带可配置下划线的文字，悬停显示 tooltip 提示。
+ *
+ */
+declare const meta: Meta<React.FC<UnderlineTooltipProps>>;
+export default meta;
+export declare const Default: StoryObj<UnderlineTooltipProps>;

package/dist/stories/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const useMockQuery: (options?: {
+    enabled?: boolean;
+    shouldFail?: boolean;
+    failFirstTime?: boolean;
+}) => {
+    refetch: () => Promise<void>;
+    retry: () => void;
+    attemptCount: number;
+    isLoading: boolean;
+    data: any;
+    error: string | null;
+};