@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,23 @@
+import React from "react";
+export declare const Basic: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const GroupButton: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+        parameters: {
+            design: {
+                type: string;
+                url: string;
+            };
+        };
+    };
+};
+declare const meta: {
+    title: string;
+};
+export default meta;

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

@@ -0,0 +1,52 @@
+import { SearchInput } from "../../../src/core/SearchInput";
+import type { StoryObj } from "@storybook/react";
+/**
+ * * tower legacy 组件， 带 debounce 的搜索框
+ * * MR: http://gitlab.smartx.com/frontend/tower/-/merge_requests/930
+ *
+ * * SearchInput 搜索输入框组件
+ * * 带有防抖功能的搜索输入框
+ * * 支持结果导航功能（上一个/下一个）
+ * * 可以内部管理状态，也支持完全受控模式
+ * * 支持自定义图标和样式
+ *
+ */
+declare const meta: {
+    component: import("../../../src/core").SearchInputComponentType;
+    title: "Core/SearchInput | 搜索框";
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        debounceWait: number;
+        onSearchPrev: undefined;
+        onSearchNext: undefined;
+        total: undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SearchInput>;
+/**
+ * 基本使用示例
+ * 展示最简单的搜索框用法，仅处理输入变化
+ */
+export declare const Basic: Story;
+/**
+ * 带搜索结果导航的示例
+ * 展示如何使用结果导航功能，显示当前位置和总数
+ */
+export declare const withTotal: Story;
+/**
+ * 外部控制当前索引的示例
+ * 展示如何使用 current prop 控制搜索项目的当前索引
+ */
+export declare const ExternallyControlled: Story;
+/**
+ * 带最近搜索的示例
+ * 展示如何使用 enableRecentSearch prop 启用最近搜索功能
+ */
+export declare const withRecentSearch: Story;

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

@@ -0,0 +1,57 @@
+import Second from "../../../src/core/Second";
+import { StoryObj } from "@storybook/react";
+/**
+ * * Second 组件
+ * * 用于展示秒数，支持不同的展示形式
+ * * 提供标准、缩写和自定义空值展示等功能
+ * * 继承自基础的 Units 系列组件
+ */
+declare const meta: {
+    title: string;
+    component: import("../../../src").UnitFn;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Second>;
+/**
+ * 基础秒数展示
+ * 展示最基本的秒数，不做任何特殊处理
+ */
+export declare const Basic: Story;
+/**
+ * 缩写形式展示
+ * 当需要节省空间时，可以使用缩写形式展示秒数
+ */
+export declare const Abbreviated: Story;
+/**
+ * 精确小数位展示
+ * 可以指定保留的小数位数，提高精确度
+ */
+export declare const WithDecimals: Story;
+/**
+ * 零值不带单位
+ * 当值为0时，可以选择不显示单位
+ */
+export declare const ZeroWithoutUnit: Story;
+/**
+ * 大数值展示
+ * 展示较大的秒数
+ */
+export declare const LargeValue: Story;
+/**
+ * 自定义空值展示
+ * 当没有有效值时的自定义展示
+ */
+export declare const CustomEmpty: Story;
+/**
+ * 自定义样式
+ * 可以通过自定义类名来调整展示样式
+ */
+export declare const CustomStyle: Story;

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

@@ -0,0 +1,39 @@
+import SegmentControl from "../../../src/core/SegmentControl";
+import { Meta } from "@storybook/react";
+import React from "react";
+declare const meta: Meta<typeof SegmentControl>;
+export default meta;
+export declare const Simple: {
+    docs: {
+        description: {
+            story: string;
+        };
+    };
+    args: {
+        options: string[];
+    };
+};
+export declare const SmallSize: {
+    docs: {
+        description: {
+            story: string;
+        };
+    };
+    args: {
+        size: string;
+        options: string[];
+    };
+};
+export declare const CustomRender: {
+    docs: {
+        description: {
+            story: string;
+        };
+    };
+    args: {
+        options: {
+            label: React.JSX.Element;
+            value: string;
+        }[];
+    };
+};

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

@@ -0,0 +1,97 @@
+import Select from "../../../src/core/Select";
+import type { StoryObj } from "@storybook/react";
+/**
+ * Select 组件是基于 antd Select 的封装，提供了更符合设计规范的样式和交互。
+ *
+ * ### 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | size | 选择器大小，large 用于表单场景，small 用于表格等紧凑场景 | 'large' \| 'middle' \| 'small' | 'middle' |
+ * | loading | 加载状态，显示加载中的动画效果 | boolean | false |
+ * | isLoadingValue | 是否正在加载选项值，用于异步加载选项时的加载状态 | boolean | false |
+ * | disabled | 是否禁用选择器，禁用后不可点击选择 | boolean | false |
+ * | mode | 设置选择模式，multiple 为多选，tags 为自由输入多选 | 'multiple' \| 'tags' | - |
+ * | showSearch | 是否可搜索，开启后可通过输入关键字过滤选项 | boolean | false |
+ * | danger | 错误状态，用于表单校验失败等场景 | boolean | false |
+ * | placeholder | 选择框默认文本 | string | - |
+ * | value | 指定当前选中的条目 | string \| string[] | - |
+ * | defaultValue | 指定默认选中的条目 | string \| string[] | - |
+ * | onChange | 选中值发生变化时的回调 | function(value, option) | - |
+ *
+ * 更多属性请参考 antd Select 组件文档
+ */
+declare const meta: {
+    component: import("../../../src/core").SelectComponentType<any, HTMLElement>;
+    title: "Core/Select | 选择器";
+    args: {
+        placeholder: string;
+        options: ({
+            value: string;
+            label: string;
+            disabled?: undefined;
+        } | {
+            value: string;
+            label: string;
+            disabled: true;
+        })[];
+        input: {
+            value: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Select>;
+/**
+ * Select 组件提供了三种尺寸:
+ * - large: 适用于表单中的主要选择器
+ * - middle: 默认尺寸，适用于大多数场景
+ * - small: 适用于表格等紧凑型界面
+ */
+export declare const Basic: Story;
+/**
+ * Select 组件支持在选项中添加前缀和后缀图标：
+ * - prefix: 在选项文本前显示图标，常用于表示状态或类型
+ * - suffix: 在选项文本后显示图标，常用于显示额外信息
+ */
+export declare const WithIcons: Story;
+/**
+ * 多选模式下可以选择多个选项，选中的选项会以 Tag 的形式展示。
+ * 支持以下特性：
+ * - 可以通过点击 Tag 的关闭按钮删除已选项
+ * - 可以通过键盘删除键（Backspace）删除最后一个已选项
+ * - 支持通过搜索快速定位选项
+ */
+export declare const Multiple: Story;
+/**
+ * Select 组件提供了两种加载状态：
+ * 1. loading: 原生的加载中
+ * 2. isLoadingValue: value 在加载，select 不能点击
+ */
+export declare const Loading: Story;
+/**
+ * 可搜索模式下，用户可以输入关键字过滤选项。
+ * 可以通过 filterOption 属性自定义搜索逻辑。
+ */
+export declare const SearchSelect: Story;
+/**
+ * Select 支持自定义触发器，可以替换默认的下拉箭头图标。
+ * 常见用法是使用自定义图标来表达特定的筛选含义。
+ */
+export declare const CustomTrigger: Story;
+/**
+ * 错误状态有两种实现方式：
+ * 1. 使用 className="select-error" 添加错误样式
+ * 2. 使用 danger 属性（推荐）
+ */
+export declare const Error: Story;
+/**
+ * 禁用状态下，选择器不可点击，显示为灰色。
+ */
+export declare const Disabled: Story;
+/**
+ * Select 组件可以通过特定的样式类实现组合效果：
+ * - LeftEndSelectStyle: 左侧圆角
+ * - RightEndSelectStyle: 右侧圆角
+ */
+export declare const Combined: Story;

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

@@ -0,0 +1,12 @@
+import type { ProgressProps } from "../../../src/core/Progress/progress.type";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+type Story = StoryObj<React.FC<ProgressProps>>;
+/**
+ * 本侧边栏是 antd5 的 Menu 组件，主要用途的是侧边栏导航菜单。
+ *
+ * 详细用法参考：https://ant.design/components/menu-cn
+ */
+declare const meta: Meta<React.FC<ProgressProps>>;
+export default meta;
+export declare const Basic: Story;

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

@@ -0,0 +1,21 @@
+import { SiderProps } from "../../../src/coreX/Sider";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ *
+ * Sider 组件用于展示侧边栏。
+ *
+ */
+declare const meta: Meta<SiderProps>;
+export default meta;
+/**
+ *
+ * Sider 的基本用法
+ *
+ */
+export declare const Default: StoryObj<SiderProps>;
+/**
+ *
+ * Sider 的收缩模式
+ *
+ */
+export declare const Shrink: StoryObj<SiderProps>;

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

@@ -0,0 +1,7 @@
+import SimplePagination from "../../../src/core/SimplePagination";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof SimplePagination>;
+export default meta;
+type Story = StoryObj<typeof SimplePagination>;
+export declare const Basic: Story;
+export declare const ZeroCount: Story;

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

@@ -0,0 +1,144 @@
+import { SmallDialog } from "../../../src/core";
+import { CoreMeta } from "../../types";
+import React from "react";
+/**
+ * SmallDialog 组件
+ *
+ * 一个轻量级的小尺寸对话框组件，适用于简单的确认、提示等场景。
+ *
+ * ### 特性
+ * - 固定宽度 492px，适合移动端和桌面端使用
+ * - 支持自定义标题、按钮文案和样式
+ * - 支持在底部显示错误信息
+ * - 可配置是否显示确认按钮、关闭按钮等
+ * - 支持点击遮罩层关闭
+ */
+declare const meta: CoreMeta<typeof SmallDialog>;
+export default meta;
+/**
+ * 基础用法
+ *
+ * 演示最基本的 SmallDialog 用法：通过 `usePushModal` 打开弹窗，
+ * 在 `onOk`/`onCancel` 回调中调用 `popModal()` 关闭弹窗。
+ */
+export declare const Basic: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 确认删除对话框
+ *
+ * 演示危险操作确认场景：通过 `okButtonProps={{ danger: true }}` 将确认按钮标红，
+ * 自定义 `okText` 和 `cancelText` 按钮文案。
+ */
+/**
+ * 确认删除
+ *
+ * 演示用 SmallDialog 原始 API 实现删除确认弹窗。
+ * 生产环境中推荐直接使用 DeleteDialog，它已内置 danger 按钮和删除语义。
+ */
+export declare const DeleteConfirmation: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 只有取消按钮
+ *
+ * 通过 `showOk={false}` 隐藏确认按钮，仅展示关闭按钮。
+ * 适用于纯信息提示场景。取消按钮样式自动从 `quiet` 变为 `ordinary`。
+ */
+export declare const CancelOnly: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 带错误信息的对话框
+ *
+ * 演示 `error` 属性：在 footer 区域显示错误文案（最多 3 行，超出后 tooltip 展示）。
+ * 首次点击"提交"模拟验证失败并显示错误，再次点击成功关闭。
+ */
+export declare const WithError: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 长内容对话框
+ *
+ * 演示内容溢出时的滚动行为。包含长标题截断和长内容滚动两种场景。
+ */
+export declare const LongContent: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 初始化状态
+ *
+ * 演示 `initializing`、`initializingError` 属性的三种场景：
+ * 持续加载（骨架屏）、加载成功、加载失败后重试。
+ */
+export declare const Initializing: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/** 对比默认的一次初始化与 initializeOnce=false 的完全受控行为。 */
+export declare const InitializeOnce: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 不展示 footer
+ *
+ * 通过 `hideFooter` 隐藏底部按钮区域，适用于纯展示内容的场景。
+ * 用户仍可通过右上角关闭按钮或遮罩层关闭弹窗。
+ */
+export declare const NoFooter: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 自定义标题渲染
+ *
+ * 通过 `TitleRender` 属性完全接管标题区域的渲染逻辑。
+ * 默认标题使用 `Typo.Display.d2_bold_title` 样式，
+ * 自定义时可添加图标、状态标签等额外元素。
+ */
+export declare const CustomTitle: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 异步提交
+ *
+ * 演示 `confirmLoading` + `onOk` 异步提交的完整流程，
+ * 这是最常见的业务模式：点击确认后显示 loading 状态，
+ * 异步操作完成后关闭弹窗，失败时展示错误信息并保持弹窗打开。
+ */
+export declare const AsyncSubmit: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 自定义按钮样式
+ *
+ * 通过 `okButtonProps` 和 `cancelButtonProps` 自定义确认和取消按钮的样式，
+ * 包括 `danger`、`disabled`、`type` 等属性。属性会透传给 Button 组件。
+ */
+export declare const ButtonCustomization: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * Error 字段类型注入
+ *
+ * 演示 `error` 属性接受不同类型的 `SafeReactNode`：
+ * - `string`：纯文本错误信息
+ * - `ReactElement`：自定义元素（如带图标的多行提示）
+ * - `array`：由多个 SafeReactNode 组成的数组
+ * - `boolean`：布尔值（true/false 均不会渲染可见内容）
+ * - `null`：空值，不显示错误
+ * - `undefined`：未定义，不显示错误
+ */
+export declare const ErrorTypes: {
+    (): React.JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,8 @@
+import React from "react";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("antd/lib/space").SpaceProps & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("antd/lib/space").SpaceProps & {
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +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/StatusCapsule.stories.d.ts

@@ -0,0 +1,20 @@
+import { StatusCapsuleColor, StatusCapsuleComponentType } from "../../../src/core/StatusCapsule/statusCapsule.type";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ * 状态胶囊，用于展示状态。
+ *
+ * 根据使用场景，可选:
+ *
+ * - 是否带计数
+ * - 背景色是否突出：Colorful 较突出、Off-White 较不突出
+ */
+declare const story: Meta<StatusCapsuleComponentType>;
+export declare const Basic: StoryObj<StatusCapsuleComponentType>;
+export declare const Default: StoryObj<{
+    content: string;
+    color: StatusCapsuleColor;
+    hoverable: boolean;
+    offWhiteMode?: boolean;
+    number?: number;
+}>;
+export default story;

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

@@ -0,0 +1,8 @@
+import { CircleProgress } from "../../../src/core/StepProgress";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof CircleProgress>;
+export default meta;
+type Story = StoryObj<typeof CircleProgress>;
+export declare const HundredPercent: Story;
+export declare const FiftyPercent: Story;
+export declare const ColorRed: Story;

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

@@ -0,0 +1,8 @@
+import { IStepsProps } from "../../../src/core/Steps/steps.type";
+import { Meta, StoryObj } from "@storybook/react";
+import React from "react";
+declare const story: Meta<IStepsProps>;
+export default story;
+export declare const Basic: () => React.JSX.Element;
+export declare const Default: StoryObj<IStepsProps>;
+export declare const Horizontal: StoryObj<IStepsProps>;

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

@@ -0,0 +1,11 @@
+import React from "react";
+declare const meta: {
+    title: string;
+};
+export default meta;
+export declare const ContentWrapperStory: () => React.JSX.Element;
+export declare const DescStory: () => React.JSX.Element;
+export declare const LightDescStory: () => React.JSX.Element;
+export declare const RadioDescStory: () => React.JSX.Element;
+export declare const RadioStyleStory: () => React.JSX.Element;
+export declare const CannotOperationInfoStory: () => React.JSX.Element;

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

@@ -0,0 +1,17 @@
+import React from "react";
+export declare const Basic: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+        parameters: {
+            design: {
+                type: string;
+                url: string;
+            };
+        };
+    };
+};
+declare const _default: {
+    title: string;
+};
+export default _default;

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

@@ -0,0 +1,65 @@
+import { Tab } from "../../../src/core/Tab/Tab";
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+/**
+ * Tab 是一个标签页组件，支持多个标签页之间的切换。
+ *
+ * ### 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | className | 自定义类名 | string | - |
+ * | contentClassName | 内容区域的类名 | string | - |
+ * | selectedKey | 当前选中的标签页 key | string | - |
+ * | tabs | 标签页配置数组 | TabItem[] | [] |
+ * | onChange | 切换标签页时的回调 | (key: string) => void | - |
+ * | extraSlot | 额外的插槽内容，显示在标签栏右侧 | React.ReactNode | - |
+ *
+ * ### TabItem 参数说明
+ *
+ * | 参数 | 说明 | 类型 | 默认值 |
+ * | --- | --- | --- | --- |
+ * | key | 唯一标识符 | string | - |
+ * | title | 标签页标题，可以是字符串、ReactNode 或函数 | string \| ReactNode \| ((props: { isActive: boolean }) => ReactNode) | - |
+ * | onClick | 点击标签页时的回调 | () => void | - |
+ * | children | 标签页内容 | React.ReactNode | - |
+ *
+ * ### 特性
+ * - 支持响应式布局，当空间不够时自动将多余的标签页放入下拉菜单
+ * - 支持自定义标题（可通过函数形式获取激活状态）
+ * - 支持在标签栏右侧添加额外内容
+ * - 支持自定义内容区域的样式
+ */
+declare const meta: {
+    component: (props: import("../../../src/core/Tab/Tab.type").TabProps) => React.JSX.Element;
+    title: "Core/Tab | 标签页";
+};
+export default meta;
+type Story = StoryObj<typeof Tab>;
+/**
+ * 基础的标签页用法，展示如何创建和使用标签页组件
+ */
+export declare const Basic: Story;
+/**
+ * 当有大量标签页时，组件会自动计算可用空间，将无法完整显示的标签页放入下拉菜单中
+ */
+export declare const ResponsiveLayout: Story;
+/**
+ * 标签页标题支持函数形式，可以接收 isActive 参数来判断当前是否激活
+ */
+export declare const CustomTitle: Story;
+/**
+ * extraSlot 可以在标签栏右侧添加额外的内容，如按钮、图标等
+ */
+export declare const WithExtraSlot: Story;
+/**
+ * 展示实际业务场景中的使用方式，包含复杂的标签内容和操作
+ */
+export declare const ComplexContent: Story;
+/**
+ * 支持动态添加和删除标签页的场景。
+ * - 在 extraSlot 中提供"新增标签"按钮
+ * - 每个标签页标题右侧显示删除图标
+ * - 可以动态添加和删除标签页
+ */
+export declare const DynamicTabs: Story;