@cloudtower/eagle 0.33.0 → 0.33.1

package/dist/esm/styles/token/color.js

@@ -188,6 +188,30 @@ const Color = {
       "yellow-8": "#926102",
       "yellow-9": "#6B4803",
       "yellow-10": "#483100"
+    },
+    pink: {
+      "pink-1": "#FED1FE",
+      "pink-2": "#FDBCFD",
+      "pink-3": "#F99BF8",
+      "pink-4": "#F573F2",
+      "pink-5": "#ED5BE5",
+      "pink-6": "#E136C6",
+      "pink-7": "#CF23A9",
+      "pink-8": "#B5158D",
+      "pink-9": "#910B6E",
+      "pink-10": "#64054B"
+    },
+    cyan: {
+      "cyan-1": "#A0ECEC",
+      "cyan-2": "#83E2E3",
+      "cyan-3": "#67D8D9",
+      "cyan-4": "#3AC4C6",
+      "cyan-5": "#1AACB4",
+      "cyan-6": "#048BA1",
+      "cyan-7": "#00728E",
+      "cyan-8": "#00607B",
+      "cyan-9": "#005068",
+      "cyan-10": "#004155"
     }
   },
   white: {

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

@@ -1,14 +1,14 @@
 import { ParrotI18nSupportLng } from "@cloudtower/parrot";
 import { BatchHelper } from "../core";
-import { MessageApi } from "../core/message";
+import { ConfigOptions as MessageConfigOptions, MessageApi } from "../core/message";
 import React, { PropsWithChildren } from "react";
-import { Kit } from "../spec";
 import { ConfigProps } from "../core/ConfigProvider";
+import { Kit } from "../spec";
+type MessageConfigOptionsType = MessageConfigOptions;
 export interface IProps {
     kit?: Kit;
-    message?: {
+    message?: MessageConfigOptionsType & {
         batch?: BatchHelper;
-        maxCount?: number;
     };
     lng?: ParrotI18nSupportLng;
     config?: ConfigProps;

package/dist/src/core/Legend/__test__/h5_css.test.d.ts

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

package/dist/src/core/Legend/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LegendColor, LegendComponentType, LegendShapes } from "./legend.type";
+export declare const LegendPresetColors: LegendColor[];
+export declare const StatusIcon: React.FC<{
+    shape: LegendShapes;
+}>;
+declare const Legend: LegendComponentType;
+export default Legend;
+export * from "./legend.type";

package/dist/src/core/Legend/legend.type.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from "react";
+export type LegendColor = "red" | "yellow" | "green" | "blue" | "gray" | "purple" | "success" | "danger" | "warning";
+export type LegendShapes = "circle" | "square" | "loading";
+export type LegendComponentType = React.FC<{
+    /** Text label to be displayed next to the legend item, or you can use children */
+    label?: string;
+    /** Additional CSS class name(s) to be applied to the legend item */
+    className?: string;
+    /** Custom inline styles to be applied to the legend item */
+    style?: CSSProperties;
+    /** Color of the legend item. Can be one of: 'red', 'yellow', 'green', 'blue', 'gray', 'purple', 'success', 'danger', 'warning' */
+    color?: LegendColor;
+    /** Shape of the legend item. Can be: 'circle', 'square', or 'loading' */
+    shape?: LegendShapes;
+    /** Whether the legend item should show hover effects */
+    hoverable?: boolean;
+    /** Enables tint mode styling for the legend item */
+    onTintMode?: boolean;
+    /** Numeric value to be displayed alongside the legend item */
+    number?: number;
+    /** Unique identifier for the legend item */
+    key?: string | number;
+    /** Callback function triggered when the legend item is clicked */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, key?: string | number) => void;
+}>;

package/dist/src/core/TableForm/types.d.ts

@@ -19,6 +19,7 @@ export type CustomizedColumnRenderProps = {
     placeholder?: string;
     isHeader: boolean;
     error?: boolean;
+    formValue: any;
 };
 export type TableFormColumn = {
     /**

package/dist/src/core/message/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 type NoticeType = "info" | "success" | "error" | "warning" | "loading";
+export declare const DEFAULT_DURATION = 3;
 export declare function getKeyThenIncreaseKey(): number;
 export interface ConfigOptions {
     top?: number;

package/dist/src/styles/token/color.d.ts

@@ -189,6 +189,30 @@ export declare const Color: {
             readonly "yellow-9": "#6B4803";
             readonly "yellow-10": "#483100";
         };
+        readonly pink: {
+            readonly "pink-1": "#FED1FE";
+            readonly "pink-2": "#FDBCFD";
+            readonly "pink-3": "#F99BF8";
+            readonly "pink-4": "#F573F2";
+            readonly "pink-5": "#ED5BE5";
+            readonly "pink-6": "#E136C6";
+            readonly "pink-7": "#CF23A9";
+            readonly "pink-8": "#B5158D";
+            readonly "pink-9": "#910B6E";
+            readonly "pink-10": "#64054B";
+        };
+        readonly cyan: {
+            readonly "cyan-1": "#A0ECEC";
+            readonly "cyan-2": "#83E2E3";
+            readonly "cyan-3": "#67D8D9";
+            readonly "cyan-4": "#3AC4C6";
+            readonly "cyan-5": "#1AACB4";
+            readonly "cyan-6": "#048BA1";
+            readonly "cyan-7": "#00728E";
+            readonly "cyan-8": "#00607B";
+            readonly "cyan-9": "#005068";
+            readonly "cyan-10": "#004155";
+        };
     };
     readonly white: {
         readonly white: "#FFFFFF";

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

@@ -0,0 +1,19 @@
+import { LegendColor, LegendComponentType } from "../../../src/core/Legend/legend.type";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ * 图例组件，用于展示状态。
+ *
+ * 圆形：作为"状态灯"表示状态，用法类似[**状态胶囊**](/docs/core-statuscapsule-状态胶囊--docs)
+ *
+ * 方形：用作图例使用常配合 Charts、多颜色计数等使用
+ */
+declare const story: Meta<LegendComponentType>;
+export declare const Basic: StoryObj<LegendComponentType>;
+export declare const Default: StoryObj<{
+    content: string;
+    color: LegendColor;
+    hoverable: boolean;
+    offWhiteMode?: boolean;
+    number?: number;
+}>;
+export default story;

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

@@ -1,20 +1,20 @@
-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"> & {
-    debounceWait?: number | undefined;
-    total?: number | undefined;
-    onSearchNext?: ((value: string, current: number) => void) | undefined;
-    onSearchPrev?: ((value: string, current: number) => void) | undefined;
-    onChange: (value: string) => void;
-} & {
-    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"> & {
-    debounceWait?: number | undefined;
-    total?: number | undefined;
-    onSearchNext?: ((value: string, current: number) => void) | undefined;
-    onSearchPrev?: ((value: string, current: number) => void) | undefined;
-    onChange: (value: string) => void;
-} & {
-    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
+ */
+declare const meta: {
+    component: import("../../../src/core/SearchInput").SearchInputComponentType;
+    title: "Core/SearchInput | 搜索框";
+    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;

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

@@ -1,5 +1,13 @@
 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<{

package/dist/stories/docs/core/message-group.stories.d.ts

@@ -15,6 +15,9 @@ declare const meta: {
                     maxCount: {
                         name: "boolean";
                     };
+                    top: {
+                        name: "number";
+                    };
                 };
             };
             description: string;
@@ -27,4 +30,5 @@ export declare const BasicInfo: Story;
 export declare const BasicWarning: Story;
 export declare const BasicError: Story;
 export declare const MaxCount: Story;
+export declare const CustomTopPosition: Story;
 export declare const BatchMessage: Story;