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

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

@@ -47,6 +47,7 @@ export declare const GBps: number;
 export declare const TBps: number;
 export declare function formatBps(input: number, decimals?: number): FormattedResult;
 export declare function formatBytes(bytes: number, decimals?: number): FormattedResult;
+export declare function formatBytePerSecond(bytes: number, decimals?: number): FormattedResult;
 export declare function formatPercent(input: number, decimals?: number, saturated?: boolean): {
     value: string;
     numberValue: number;
@@ -63,4 +64,16 @@ export declare function formatSpeed(input: number, decimals?: number): {
     value: number;
     unit: string;
 };
+export declare const K = 1000;
+export declare const M: number;
+export declare const G: number;
+export declare const T: number;
+export declare const P: number;
+export declare function formatCount(input: number): FormattedResult;
+export declare function formatNanoSecond(input: number): FormattedResult;
+export declare function formatTemperature(input: number, decimals?: number): FormattedResult;
+export declare const unitRules: {
+    divider: number[];
+    unit: string[];
+}[];
 export {};

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

@@ -1 +1,33 @@
 export type { SizeType as Antd5SizeType } from "antd5/lib/config-provider/SizeContext";
+export type CTErrorType = {
+    code?: string | number;
+    /**
+     * @type array | undefined
+     */
+    details?: {
+        /**
+         * @type string | undefined
+         */
+        message?: string;
+        /**
+         * @type object | undefined
+         */
+        params?: {
+            [key: string]: any;
+        };
+        /**
+         * @type string | number | undefined
+         */
+        reason?: string | number;
+    }[];
+    /**
+     * @type string
+     */
+    message?: string;
+    /**
+     * @type object | undefined
+     */
+    params?: {
+        [key: string]: any;
+    };
+};

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

@@ -0,0 +1,14 @@
+/**
+ * 解析字符串中的数字和单位
+ * @param str 要解析的字符串
+ * @returns 包含数字和单位的对象，如果解析失败返回 null
+ * @example
+ * parseNumberAndUnit("123px") // { number: 123, unit: "px" }
+ * parseNumberAndUnit("45.67%") // { number: 45.67, unit: "%" }
+ * parseNumberAndUnit("100") // { number: 100, unit: "" }
+ * parseNumberAndUnit("abc") // null
+ */
+export declare function parseNumberAndUnit(str: string): {
+    number: number;
+    unit: string;
+} | null;

package/dist/stories/docs/color/effect.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DesignSystemEffects: () => React.JSX.Element;

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

@@ -1,11 +1,121 @@
 import Alert from "../../../src/core/Alert";
-import { ComponentStory } from "@storybook/react";
-import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("antd/lib/alert").AlertProps, "type"> & {
-    type?: "normal" | "success" | "info" | "warning" | "error" | undefined;
-    action?: React.ReactNode;
-} & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Alert>;
+import type { StoryObj } from "@storybook/react";
+/**
+ * 提示框组件，基于 antd Alert 封装。
+ *
+ * * 支持 info / error / warning / success / normal 五种类型
+ * * 支持 action、closable、expandConfig 等功能
+ * * 更多 props 请参考：https://ant.design/components/alert-cn#api
+ */
+declare const meta: {
+    component: import("../../../src/core/Alert").AlertComponentType;
+    title: "Core/Alert | 提示框";
+    argTypes: {
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        message: {
+            control: string;
+            description: string;
+        };
+        description: {
+            control: string;
+            description: string;
+        };
+        showIcon: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        closable: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        expandConfig: {
+            control: boolean;
+            description: string;
+        };
+        action: {
+            control: boolean;
+            description: string;
+        };
+        "data-testid": {
+            control: string;
+            description: string;
+        };
+    };
+    args: {
+        type: "info";
+        message: string;
+        showIcon: true;
+        closable: false;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Alert>;
+/**
+ * 通过下方 Controls 面板调整各 Props 查看效果。
+ */
+export declare const Playground: Story;
+/**
+ * 五种类型：info、error、warning、success、normal。
+ */
+export declare const Basic: Story;
+/**
+ * 通过 `action` 属性在右侧添加操作区域。
+ */
+export declare const WithAction: Story;
+/**
+ * 通过 `closable` 或 `onClose` 启用关闭按钮。
+ */
+export declare const Closable: Story;
+/**
+ * 同时使用 `closable` 和 `action`。
+ */
+export declare const ClosableWithAction: Story;
+/**
+ * `message` 支持传入 ReactNode，可自定义复杂内容。
+ */
+export declare const CustomMessage: Story;
+/**
+ * 通过 `expandConfig` 启用展开/收起功能，`description` 内容会被折叠。
+ *
+ * * `expandConfig={{}}` — 非受控模式，默认收起
+ * * `expandConfig={{ defaultExpanded: true }}` — 非受控模式，默认展开
+ * * `expandConfig={{ expanded, onExpandChange }}` — 受控模式
+ */
+export declare const Expandable: Story;
+/**
+ * 设置 `defaultExpanded: true` 使组件初始即为展开状态。
+ */
+export declare const ExpandableDefaultExpanded: Story;
+/**
+ * 通过 `expanded` 和 `onExpandChange` 实现受控模式。
+ */
+export declare const ExpandableControlled: Story;
+/**
+ * `expandConfig` 与 `action` 可同时使用。
+ */
+export declare const ExpandableWithAction: Story;

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

@@ -0,0 +1,13 @@
+import { Antd5AnchorProps } from "../../../src/core";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+type Story = StoryObj<React.FC<Antd5AnchorProps>>;
+/**
+ * Antd5Anchor 是 antd5 的 Anchor 组件。
+ *
+ * 详细用法参考：https://ant.design/components/anchor-cn
+ * API 保持一致
+ */
+declare const meta: Meta<React.FC<Antd5AnchorProps>>;
+export default meta;
+export declare const Basic: Story;

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

@@ -0,0 +1,12 @@
+import { Antd5DropdownProps } from "../../../src/core";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+type Story = StoryObj<React.FC<Antd5DropdownProps>>;
+/**
+ * 本Dropdown是 antd5 的 Dropdown 组件。
+ *
+ * 详细用法参考：https://ant.design/components/dropdown-cn
+ */
+declare const meta: Meta<React.FC<Antd5DropdownProps>>;
+export default meta;
+export declare const Basic: Story;

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

@@ -0,0 +1,48 @@
+import { Antd5TreeProps } from "../../../src/core";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * Antd5Tree 组件
+ * * 基于 antd5 的 Tree 组件封装
+ * * 支持树形结构的展示、选择、展开等功能
+ * * 更多 props 请参考：https://ant.design/components/tree-cn#API
+ */
+declare const meta: {
+    component: (<T extends import("rc-tree").BasicDataNode | import("antd5").TreeDataNode = import("antd5").TreeDataNode>(props: import("antd5").TreeProps<T> & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<import("rc-tree/lib/Tree").default<import("antd5").TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+        TreeNode: React.FC<import("rc-tree").TreeNodeProps<import("antd5").TreeDataNode>>;
+        DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd5").TreeDataNode = import("antd5").TreeDataNode>(props: import("antd5/es/tree").DirectoryTreeProps<T_1> & {
+            children?: React.ReactNode;
+        } & React.RefAttributes<import("rc-tree/lib/Tree").default<import("antd5").TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Pick<React.FC<{}>, "displayName">;
+    };
+    title: "Core/Antd5Tree | 树形控件";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<Antd5TreeProps>;
+/**
+ * 基础用法
+ */
+export declare const Basic: Story;
+/**
+ * 可选择节点
+ */
+export declare const Checkable: Story;
+/**
+ * 对照正常、叶子节点禁用和整树禁用时的勾选联动。
+ */
+export declare const DisabledCheckboxStates: Story;
+/**
+ * 默认展开部分节点
+ */
+export declare const DefaultExpanded: Story;
+/**
+ * 使用 TreeNode 组件手动构建树
+ */
+export declare const TreeNodeUsage: Story;

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

@@ -2,17 +2,20 @@ import { Architecture } from "../../../src/core/Arch";
 import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
     architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
 export declare const Aarch64: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
     architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const X86_64: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
     architecture?: Architecture | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;

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

@@ -0,0 +1,43 @@
+import { AutoComplete } from "../../../src/core/AutoComplete";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * AutoComplete 组件是基于 antd AutoComplete 的封装，提供了自动完成输入功能。
+ *
+ * ### 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | value | 指定当前输入的值 | string | - |
+ * | defaultValue | 指定默认输入的值 | string | - |
+ * | options | 自动完成的数据源 | { value: string; label: string }[] | - |
+ * | placeholder | 输入框提示文本 | string | - |
+ * | disabled | 是否禁用 | boolean | false |
+ * | onChange | 输入值变化时的回调 | function(value) | - |
+ * | onSelect | 选中选项时的回调 | function(value, option) | - |
+ *
+ * 更多属性请参考 antd AutoComplete 组件文档
+ */
+declare const meta: {
+    component: React.FC<import("antd5").AutoCompleteProps<any, import("antd5/es/select").DefaultOptionType> & {
+        "data-testid"?: string | undefined;
+    }>;
+    title: "Core/AutoComplete | 自动完成";
+    args: {
+        placeholder: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AutoComplete>;
+/**
+ * AutoComplete 组件的基础用法，支持输入时自动匹配并显示相关选项。
+ */
+export declare const Basic: Story;
+/**
+ * 禁用状态下，输入框不可编辑。
+ */
+export declare const Disabled: Story;

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

@@ -0,0 +1,13 @@
+import Avatar from "../../../src/core/Avatar";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+/**
+ * 用来代表用户或事物
+ */
+export declare const Basic: Story;
+/**
+ * 默认支持两种背景色 'light-blue' 和 'dark-blue'，也可以传递自定义的背景色
+ */
+export declare const Background: Story;

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

@@ -0,0 +1,53 @@
+import { Banner } from "../../../src/core/Banner";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * * Banner 组件
+ * * 用于在页面顶部显示重要的系统通知或警告信息
+ * * 支持三种不同类型：错误(error)、信息(info)和警告(warning)
+ * * 可配置按钮文本和点击事件
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("../../../src/core/Banner/banner.types").BannerProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Banner>;
+/**
+ * 错误类型横幅
+ * 用于显示系统错误、严重问题或操作失败等紧急信息
+ */
+export declare const Error: Story;
+/**
+ * 信息类型横幅
+ * 用于显示一般性的系统通知或提示信息
+ */
+export declare const Info: Story;
+/**
+ * 警告类型横幅
+ * 用于显示需要用户注意的警告信息
+ */
+export declare const Warning: Story;
+/**
+ * 无按钮横幅
+ * 展示不带操作按钮的纯通知横幅
+ */
+export declare const WithoutButton: Story;
+/**
+ * 长文本横幅
+ * 展示包含较长文本内容的横幅
+ */
+export declare const LongMessage: Story;
+/**
+ * 自定义样式
+ * 展示如何为Banner添加自定义样式
+ */
+export declare const CustomStyle: Story;

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

@@ -0,0 +1,47 @@
+import { BasicCTError } from "../../../src/core/BasicCTError";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ *  BasicCTError 用于接受 cloudtower 通用错误并解析
+ *
+ * - 支持多种错误格式（Axios 错误、服务端响应错误等）
+ * - 内置 i18n 支持
+ * - 支持自定义容器和详情渲染器
+ */
+declare const meta: Meta<typeof BasicCTError>;
+export default meta;
+type Story = StoryObj<typeof BasicCTError>;
+/**
+ * 基本用法 - 显示简单的错误消息
+ *
+ * 传入一个简单的 Error 对象，组件会自动提取并显示错误消息。
+ */
+export declare const Basic: Story;
+/**
+ * 显示来自服务端的结构化错误，传入一个包含错误代码和消息的服务端响应错误对象，组件会自动提取并显示错误消息。
+ */
+export declare const ServerError: Story;
+/**
+ * 多条错误 - 显示包含多个错误详情的错误
+ */
+export declare const MultipleErrors: Story;
+/**
+ * Axios 请求错误
+ */
+export declare const NetworkError: Story;
+/**
+ * 自定义容器渲染器
+ */
+export declare const CustomContainer: Story;
+/**
+ * 自定义错误详情渲染器
+ */
+export declare const CustomErrorDetail: Story;
+/**
+ * 空错误处理
+ * 当传入 null 或 undefined 时，组件会自动处理并显示默认信息。
+ */
+export declare const EmptyError: Story;
+/**
+ * 可以通过 ConfigProvider 配置 i18n 命名空间和组件 options 配置 i18n 的命名空间。 优先使用组件 options 配置的命名空间。都不配置时，默认使用 CTError 命名空间。
+ */
+export declare const Intl: Story;

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

@@ -1,17 +1,20 @@
 import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
 export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;

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

@@ -1,17 +1,20 @@
 import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
 export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;

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

@@ -0,0 +1,43 @@
+import BlankState from "../../../src/core/BlankState";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+declare const meta: {
+    component: ({ className, style, width, height, title, description, action, backgroundColor, size, "data-testid": dataTestId, }: import("../../../src/core/BlankState/type").IBlankStateProps) => React.JSX.Element;
+    title: "Core/BlankState | 空白状态";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BlankState>;
+/**
+ * 基础用法
+ */
+export declare const DefaultMediumBlankState: Story;
+/**
+ * Large size
+ */
+export declare const LargeBlankState: Story;
+/**
+ * Large size 指定宽度 200px
+ */
+export declare const LargeBlankStateWithSpecifyContainer: Story;
+/**
+ * Small size
+ */
+export declare const SmallBlankState: Story;
+/**
+ * Area size with gray background
+ */
+export declare const AreaBlankState: Story;
+/**
+ * Area size with white background
+ */
+export declare const AreaBlankStateWithWhiteBackground: Story;
+/**
+ * XSmall size 不含描述
+ */
+export declare const XSmallBlankState: Story;

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

@@ -1,17 +1,20 @@
 import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
 export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;

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

@@ -1,20 +1,34 @@
-import React from "react";
-export declare const Basic: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            design: {
-                type: string;
-                url: string;
-            };
-        };
-    };
-};
-export declare const RoundedIcon: () => React.JSX.Element;
-export declare const CustomChildren: () => React.JSX.Element;
-export declare const Link: () => React.JSX.Element;
-declare const story: {
-    title: string;
-};
-export default story;
+import Button from "../../../src/core/Button";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Basic: Story;
+/**
+ *      为了避免与 suffixIcon 和 prefixIcon 属性混淆使用，移除了 icon
+        属性。如果您需要单独的图标按钮，请使用 suffixIcon 或 prefixIcon
+        属性，并且不需要传递 children。
+ */
+export declare const Rounded: Story;
+/**
+ *   children 结构稍微复杂的情况，比如在 children 组合使用 Icon +
+    text，需要使用者自己保证 Icon 和文字的间距
+ */
+export declare const CustomChildren: Story;
+/**
+ *  * 当 type 传入 'link'时，会呈现为超链接文本的形式
+ * * 不建议通过 type='link' 的形式使用 button 来实现超链接的效果，应该使用  Link 组件
+ * * 这里仅对已有的用法进行展示
+ */
+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/Byte.stories.d.ts

@@ -1,17 +1,20 @@
 import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export default _default;
 export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;