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

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

@@ -0,0 +1,93 @@
+import { LocalUpload } from "../../../src/core/LocalUpload";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ * LocalUpload 组件用于本地文件上传，支持按钮上传和拖拽上传两种方式。
+ *
+ * ## 功能特点
+ * - 支持单文件和多文件上传
+ * - 支持拖拽上传
+ * - 支持文件验证
+ * - 支持上传进度展示
+ * - 支持错误提示
+ */
+declare const meta: Meta<typeof LocalUpload>;
+export default meta;
+type Story = StoryObj<typeof LocalUpload>;
+/**
+ * 基础的拖拽上传示例
+ * 点击或拖拽文件到上传区域即可上传
+ */
+export declare const BasicDragger: Story;
+/**
+ * 按钮上传示例
+ * 使用按钮触发文件选择对话框
+ */
+export declare const ButtonUpload: Story;
+/**
+ * 标签在左侧，描述展示在拖拽区域下方。
+ */
+export declare const LeftLabelDragger: Story;
+/**
+ * 没有标签时，描述展示在拖拽区域下方。
+ */
+export declare const NoLabelDescriptionBelow: Story;
+/**
+ * 单文件拖拽上传
+ * 只允许选择一个文件，选择新文件会替换旧文件
+ */
+export declare const SingleFileDragger: Story;
+/**
+ * 单文件选择后
+ */
+export declare const SingleFileSelected: Story;
+/**
+ * 单文件解析校验中
+ */
+export declare const SingleFileValidating: Story;
+/**
+ * 多文件选择后
+ */
+export declare const MultipleFilesSelected: Story;
+/**
+ * 预填充文件
+ */
+export declare const WithPrefilledFiles: Story;
+/**
+ * 限制文件数量
+ * 最多只能上传指定数量的文件
+ */
+export declare const FieldErrorUpload: Story;
+export declare const MaxCountUpload: Story;
+/**
+ * 带文件类型限制的上传
+ * 只允许上传指定类型的文件
+ */
+export declare const AcceptTypeUpload: Story;
+/**
+ * 带文件验证的上传
+ * 可以自定义文件验证逻辑，验证失败会显示错误信息
+ */
+export declare const ValidatedUpload: Story;
+/**
+ * 禁用状态
+ * 禁用后无法进行文件上传操作
+ */
+export declare const DisabledUpload: Story;
+/**
+ * 禁用文件移除入口，此时文件既不能移除也不能替换
+ */
+export declare const DisableRemove: Story;
+/**
+ * 多文件场景下禁用移除，已选中的文件条目整体置为禁用态
+ */
+export declare const DisableRemoveMultiple: Story;
+/**
+ * 自定义按钮样式
+ * 可以隐藏图标或添加自定义类名
+ */
+export declare const CustomButtonStyle: Story;
+/**
+ * 文件移除回调
+ * 监听文件移除事件
+ */
+export declare const WithRemoveCallback: Story;

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

@@ -0,0 +1,171 @@
+import type { LogViewProps } from "../../../src/core/LogView";
+import { StoryObj } from "@storybook/react";
+import React from "react";
+declare const meta: {
+    component: React.ComponentType<LogViewProps>;
+    title: "Core/LogView | 日志查看器";
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            sort: string;
+        };
+    };
+    args: {
+        showSearch: true;
+        loading: false;
+        rows: number;
+        enableKeyboardShortcuts: true;
+    };
+    argTypes: {
+        loading: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        content: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        showSearch: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rows: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        scrollback: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        enableKeyboardShortcuts: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        searchHighlightLimit: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        emptyRenderer: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        errorRenderer: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        eventSource: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        eventSourceOptions: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        searchInputProps: {
+            control: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const HideSearch: Story;
+export declare const CustomRows: Story;
+export declare const LimitedScrollback: Story;
+export declare const DisableKeyboardShortcuts: Story;
+export declare const CustomEmptyRenderer: Story;
+export declare const CustomErrorRenderer: Story;
+export declare const LargeVolume100K: Story;
+export declare const RealtimeLogs: Story;
+export declare const RealtimeLargeVolume100K: Story;
+export declare const Loading: Story;
+export declare const LoadingTransition: Story;

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

@@ -0,0 +1,85 @@
+import { MediumDialog } from "../../../src/core";
+import { CoreMeta } from "../../types";
+import React from "react";
+/**
+ * MediumDialog 组件
+ *
+ * 一个中等尺寸的对话框组件，适用于需要更多内容展示空间的场景。
+ *
+ * ### 特性
+ * - 固定宽度 720px，提供更多内容展示空间
+ * - 最小高度 200px，适合展示更丰富的内容
+ * - 继承 SmallDialog 的所有功能特性
+ * - 支持自定义标题、按钮文案和样式
+ * - 支持在底部显示错误信息
+ * - 可配置是否显示确认按钮、关闭按钮等
+ * - 支持点击遮罩层关闭
+ */
+declare const meta: CoreMeta<typeof MediumDialog>;
+export default meta;
+/**
+ * 基础用法
+ */
+export declare const Basic: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 表单配置对话框
+ */
+export declare const FormConfiguration: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 数据展示对话框
+ */
+export declare const DataDisplay: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 带错误信息的对话框
+ */
+export declare const WithError: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 长内容对话框
+ */
+export declare const LongContent: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 初始化状态
+ */
+export declare const Initializing: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 内容占满视窗
+ */
+export declare const ContentFull: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * 不展示 footer
+ */
+export declare const NoFooter: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+/**
+ * SmallDialog 与 MediumDialog 的选型对比，帮助开发者在两者间做出正确选择。
+ *
+ * - **SmallDialog (492px)**：适合简单确认、删除提示、信息提示等简短交互
+ * - **MediumDialog (720px)**：适合表单填写、数据展示、多字段配置等需要更多空间的场景
+ */
+export declare const SizeComparison: {
+    (): React.JSX.Element;
+    storyName: string;
+};

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

@@ -0,0 +1,9 @@
+import Nav from "../../../src/core/Nav";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Nav>;
+/**
+ * 导航栏分为三个区域，可以通过 left、right、center 来进行对应的设置
+ */
+export declare const Basic: Story;

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

@@ -2,6 +2,7 @@ import React from "react";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     saturated?: boolean | undefined;
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
@@ -9,24 +10,28 @@ export default _default;
 export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     saturated?: boolean | undefined;
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const Saturated: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     saturated?: boolean | undefined;
     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 & {
     saturated?: boolean | undefined;
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;
 export declare const EmptyInfinity: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
     saturated?: boolean | undefined;
     emptyProps?: import("../../../src").IEmptyProps | undefined;
+    "data-testid"?: string | undefined;
 } & {
     children?: React.ReactNode;
 }>;

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

@@ -1,14 +1,52 @@
-import React from "react";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("antd/lib/input").InputProps, "onChange"> & {
-    onChange: (value: string) => void;
-    debounceWait?: number | undefined;
-} & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Simple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("antd/lib/input").InputProps, "onChange"> & {
-    onChange: (value: string) => void;
-    debounceWait?: number | undefined;
-} & {
-    children?: React.ReactNode;
-}>;
+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

@@ -1,22 +1,57 @@
-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;
-} & {
-    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;
-} & {
-    children?: React.ReactNode;
-}>;
-export declare const Abbreviation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../../src").RawValue & {
-    emptyProps?: import("../../../src").IEmptyProps | 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;
-} & {
-    children?: React.ReactNode;
-}>;
+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/Select.stories.d.ts

@@ -1,16 +1,97 @@
-import { Meta } from "@storybook/react";
-import React from "react";
-declare const meta: Meta;
-export default meta;
-export declare const Basic: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            design: {
-                type: string;
-                url: string;
-            };
+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/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>;