@cloudtower/eagle 0.27.65 → 0.27.69

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

@@ -0,0 +1,5 @@
+const Animation = {
+  loading: "loading 1600ms ease-out infinite"
+};
+
+export { Animation };

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

@@ -265,6 +265,9 @@ const Color = {
     "purple-a20-50": "#7E41FF33",
     "purple-a16-50": "#7E41FF29",
     "purple-a10-50": "#7E41FF1A"
+  },
+  gradient: {
+    loading: "linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%)"
   }
 };
 

package/dist/esm/utils/isStringArr.js

@@ -0,0 +1,5 @@
+function isStringArray(arr) {
+  return Array.isArray(arr) && arr.every((item) => typeof item === "string");
+}
+
+export { isStringArray };

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

@@ -0,0 +1,4 @@
+import { ProgressProps } from "antd/lib/progress";
+import React from "react";
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/dist/src/core/Progress/components.d.ts

@@ -0,0 +1,10 @@
+import { IconFieldProps, InfoProps } from "../../core/Progress/progress.type";
+import React from "react";
+export declare const StatusIconMap: {
+    success: JSX.Element;
+    failed: JSX.Element;
+    paused: JSX.Element;
+    active: JSX.Element;
+};
+export declare const IconField: React.FC<IconFieldProps>;
+export declare const Info: React.FC<InfoProps>;

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

@@ -1,3 +1,3 @@
-import { ProgressComponentType } from "../../spec";
-declare const Progress: ProgressComponentType;
-export default Progress;
+import { ProgressProps } from "../../core/Progress/progress.type";
+import React from "react";
+export declare const Progress: React.FC<ProgressProps>;

package/dist/src/core/Progress/progress.const.d.ts

@@ -0,0 +1,6 @@
+export declare const StatusColorMap: {
+    success: "#00BA5D";
+    failed: "#F0483E";
+    paused: "#FEA008";
+    active: "#0080FF";
+};

package/dist/src/core/Progress/progress.style.d.ts

@@ -0,0 +1,4 @@
+export declare const DescriptionStyle: import("@linaria/core").LinariaClassName;
+export declare const FlexFullContentStyle: import("@linaria/core").LinariaClassName;
+export declare const BaseProgressStyle: import("@linaria/core").LinariaClassName;
+export declare const ProgressStyle: import("@linaria/core").LinariaClassName;

package/dist/src/core/Progress/progress.type.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import type { SrcType } from "../../core/BaseIcon";
+import type { LinkProps, TagProps } from "../../spec";
+export type ComponentType = "tag" | "title" | "description" | "link" | "iconField";
+export type TitleAreaProps = {
+    title: string;
+    tag?: TagProps;
+    subtitle?: string;
+};
+export type AreaProps = {
+    /**
+     * 组件间的间距
+     */
+    gap?: number;
+    /**
+     * 组件分割符
+     */
+    split?: React.ReactNode;
+    className?: string;
+    /**
+     * 需要连接在一起的组件，支持配置 ComponentType 类型的组件
+     */
+    items: Items;
+};
+export type InfoProps = {
+    children?: React.ReactNode;
+    type: "title" | "description";
+    multiLines: number;
+};
+export type IconFieldProps = {
+    className?: string;
+    status?: "success" | "failed" | "paused" | "active";
+    src: SrcType;
+    children: React.ReactNode;
+};
+export type Items = ({
+    type: ComponentType;
+} & ComponentPropsMap[ComponentType])[];
+export type ComponentPropsMap = {
+    tag: TagProps;
+    title: InfoProps;
+    description: InfoProps;
+    iconField: IconFieldProps;
+    link: Omit<LinkProps, "type"> & {
+        linkType: LinkProps["type"];
+    };
+};
+export type ProgressProps = {
+    /**
+     * progress 的类型，分为基础进度条、简单进度条和富格式进度条
+     */
+    type?: "base" | "simple" | "rich";
+    /**
+     * 进度条的状态
+     */
+    status?: "success" | "failed" | "paused" | "active";
+    /**
+     * indeterminate 指定为 true 时，进度条仅表示加载状态，无具体进度。用于不确定任务花费多长时间，一般配合加载完成时，进度条消失的场景使用
+     */
+    indeterminate?: boolean;
+    className?: string;
+    /**
+     * 进度
+     */
+    percent?: number;
+    /**
+     * 进度条左上方区域
+     */
+    leftTop?: React.ReactNode;
+    /**
+     * 进度条左下方区域
+     */
+    leftBottom?: React.ReactNode;
+    /**
+     * 进度条右上方区域
+     */
+    rightTop?: React.ReactNode;
+    /**
+     * 进度条右下方区域
+     */
+    rightBottom?: React.ReactNode;
+    size?: "small" | "large";
+    style?: React.CSSProperties;
+};

package/dist/src/core/Progress/progress.widgets.d.ts

@@ -0,0 +1,4 @@
+import { AreaProps, TitleAreaProps } from "../../core/Progress/progress.type";
+import React from "react";
+export declare const Area: React.FC<AreaProps>;
+export declare const TitleArea: React.FC<TitleAreaProps>;

package/dist/src/index.d.ts

@@ -6,6 +6,9 @@ export * from "./core/Cascader/cascader.type";
 export * from "./core/Cascader/cascader.widget";
 export { RenderMenuItem } from "./core/DropdownMenu";
 export { default as DropdownMenu } from "./core/DropdownMenu";
+export { Progress } from "./core/Progress";
+export * from "./core/Progress/progress.type";
+export * from "./core/Progress/progress.widgets";
 export * from "./core/TableForm/types";
 export * from "./core/Tooltip/tooltip.type";
 export * from "./coreX";

package/dist/src/spec/base.d.ts

@@ -34,7 +34,7 @@ import { MenuItemProps } from "antd/lib/menu/MenuItem";
 import { SubMenuProps } from "antd/lib/menu/SubMenu";
 import { ModalProps as AntdModalProps } from "antd/lib/modal";
 import { PopoverProps } from "antd/lib/popover";
-import { ProgressProps } from "antd/lib/progress";
+import { ProgressProps as AntdProgressProps } from "antd/lib/progress";
 import { RadioGroupProps as AntdRadioGroupProps, RadioProps as AntdRadioProps } from "antd/lib/radio";
 import { RadioButtonProps as AntdRadioButtonProps } from "antd/lib/radio/radioButton";
 import { RowProps } from "antd/lib/row";
@@ -46,7 +46,7 @@ import { SwitchProps as AntdSwitchProps } from "antd/lib/switch";
 import { ColumnsType, ColumnType, TableProps as AntdTableProps } from "antd/lib/table";
 import { TableRowSelection } from "antd/lib/table/interface";
 import { TabPaneProps, TabsProps } from "antd/lib/tabs";
-import { TagProps } from "antd/lib/tag";
+import { TagProps as AntdTagProps } from "antd/lib/tag";
 import { TimePickerProps } from "antd/lib/time-picker";
 import { TimeLineItemProps, TimelineProps } from "antd/lib/timeline";
 import { TreeProps as AntdTreeProps } from "antd/lib/tree";
@@ -444,7 +444,7 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     radioGroup: React.FC<AntdRadioGroupProps>;
     radioButton: React.FC<RadioButtonProps>;
     tree: React.FC<AntdTreeProps>;
-    progress: ProgressComponentType;
+    DeprecatedProgress: React.FC<AntdProgressProps>;
     divider: React.FC<AntdDividerProps>;
     skeleton: React.FC<AntdSkeletonProps>;
     skeletonButton: {
@@ -561,7 +561,6 @@ export type OptionComponentType = React.FC<OptionProps> & {
 export type BadgeComponentType = React.FC<BadgeProps & {
     type?: BadgeTypeProps;
 }>;
-export type ProgressComponentType = React.FC<ProgressProps>;
 export type InputGroupComponentType = StyledMeta & React.FC<GroupProps>;
 export type AlertComponentType = React.FunctionComponent<Omit<AlertProps, "type"> & {
     type?: AlertProps["type"] | "normal";
@@ -580,7 +579,7 @@ export type EnumProps<V = any, T extends HTMLElement = HTMLElement> = {
 } & BaseEnumProps;
 export type TableFormPropsType = React.ForwardRefExoticComponent<TableFormProps & React.RefAttributes<TableFormHandle>>;
 export type TagColor = "red" | "yellow" | "green" | "blue" | "purple" | "gray" | "red-ontint" | "green-ontint" | "error" | "warning" | "processing" | "default" | "success";
-export type SplitTagComponentType = React.FC<Omit<TagProps, "closable" | "closeIcon" | "onClose" | "visible"> & {
+export type SplitTagComponentType = React.FC<Omit<AntdTagProps, "closable" | "closeIcon" | "onClose" | "visible"> & {
     color?: "red" | "yellow" | "green" | "blue" | "purple" | "gray";
     size?: "small" | "medium";
     primaryContent: React.ReactNode;
@@ -590,16 +589,17 @@ export interface NameTagType extends Omit<React.HTMLAttributes<HTMLSpanElement>,
     className?: string;
     style?: React.CSSProperties;
 }
-export type TagComponentType = React.FC<Omit<TagProps, "closable" | "closeIcon" | "onClose"> & {
+export type TagProps = Omit<AntdTagProps, "closable" | "closeIcon" | "onClose"> & {
     color?: TagColor;
     size?: "small" | "medium";
     hoverable?: boolean;
-}> & {
+};
+export type TagComponentType = React.FC<TagProps> & {
     SplitTag: SplitTagComponentType;
     NameTag: React.FC<NameTagType>;
 };
 export type StatusCapsuleColor = "red" | "yellow" | "green" | "blue" | "gray" | "success" | "danger" | "warning";
-export type StatusCapsuleComponentType = React.FC<Omit<TagProps, "closable" | "closeIcon" | "onClose" | "icon" | "size"> & {
+export type StatusCapsuleComponentType = React.FC<Omit<AntdTagProps, "closable" | "closeIcon" | "onClose" | "icon" | "size"> & {
     color?: StatusCapsuleColor;
     loading?: boolean;
     hoverable?: boolean;
@@ -607,7 +607,7 @@ export type StatusCapsuleComponentType = React.FC<Omit<TagProps, "closable" | "c
     number?: number;
 }>;
 export type TokenColor = "red" | "yellow" | "green" | "blue" | "gray" | "purple";
-export type TokenType = Omit<TagProps, "closeIcon"> & {
+export type TokenType = Omit<AntdTagProps, "closeIcon"> & {
     color?: TokenColor;
     size?: "small" | "medium" | "large";
     checked?: boolean;

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

@@ -7,8 +7,17 @@ export declare enum Architecture {
     X86_64 = "X86_64"
 }
 export interface AdditionOptions {
+    /**
+     * 使用变量控制是否显示 error 效果
+     */
     error?: boolean;
+    /**
+     * 是否显示箭头按钮，用于加减数值
+     */
     controls?: boolean;
+    /**
+     * 开启 control 后，不会显示 suffix
+     */
     suffix?: string;
 }
 export type SizeType = "small" | "middle" | "large";

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

@@ -0,0 +1,3 @@
+export declare const Animation: {
+    loading: string;
+};

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

@@ -266,4 +266,7 @@ export declare const Color: {
         readonly "purple-a16-50": "#7E41FF29";
         readonly "purple-a10-50": "#7E41FF1A";
     };
+    readonly gradient: {
+        readonly loading: "linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%)";
+    };
 };

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

@@ -1,2 +1,3 @@
+export * from "./animation";
 export * from "./color";
 export * from "./zIndices";

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

@@ -4,4 +4,5 @@ export * from "./cron-time";
 export * from "./dom";
 export * from "./formatValue";
 export * from "./icon";
+export * from "./isStringArr";
 export * from "./time";

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

@@ -0,0 +1 @@
+export declare function isStringArray(arr: unknown): arr is string[];

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import InputInteger from "../../../src/core/InputInteger";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("antd/lib/input-number").InputNumberProps & import("../../../src").AdditionOptions>;
+    title: "Core/InputInteger | 整数输入";
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof InputInteger>;
+export declare const MiddleSize: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+/**
+ * Control 默认值为 false。
+ * 默认不使用箭头按钮。
+ */
+export declare const ShowControl: Story;
+/**
+ * 在输入框的末尾显示文字。
+ * 如果开启 control，则不会显示
+ */
+export declare const Suffix: Story;

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

@@ -0,0 +1,24 @@
+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>>;
+/**
+ * 进度条，表明事物正在加载的状态与进度，用于渲染或加载数据时间较长的场景。
+ *
+ * 基础(type='base')进度条宽度默认为 220px
+ *
+ * 简单进度条和富格式进度条宽度随容器宽度变化
+ */
+declare const meta: Meta<React.FC<ProgressProps>>;
+export default meta;
+export declare const Basic: Story;
+/**
+ *
+ * 当指定 indeterminate 为 true 时，表示进度不明确，此时没有具体进度，仅表示事物正在加载
+ *
+ * 设置 indeterminate 后，status、percent 等参数均会失效
+ *
+ * 参考[Loading Progress Indicator](https://www.figma.com/file/xfGf2oCgsi1s2EvFPNyJd8/Pattern%EF%BC%9A%E5%8A%A0%E8%BD%BD%E7%8A%B6%E6%80%81?node-id=788%3A22232&mode=dev)
+ */
+export declare const Indeterminate: Story;
+export declare const Variants: Story;

package/dist/stories/docs/core/Progress/Progress.widgets.stories.d.ts

@@ -0,0 +1,24 @@
+import { Area, TitleArea } from "../../../../src/core/Progress/progress.widgets";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ * Progress 提供了两种小部件，用于传递给 Progress 的上下左右四个可定制区域
+ */
+declare const meta: Meta<typeof Area>;
+export default meta;
+/**
+ * TitleArea 一般用于传递给 Progress 的 leftTop 属性，它由 Tag(可选)、title(必须)、subtitle(可选)组成
+ *
+ * 如果只需要 title，请考虑直接传递给 leftTop 字符串
+ */
+export declare const TitleAreaWidget: StoryObj<typeof TitleArea>;
+/**
+ * Area 可以通过配置拼接对应类型的组件，用于展示 Progress 的其它区域
+ *
+ * Area 提供五种类型的组件分别是 "tag"、"title"、"description"、"link"、"iconField"
+ *
+ * 需要注意 link 和 iconField 的区别，前者对应 [Link](http://localhost:6006/?path=/docs/core-link-%E6%96%87%E6%9C%AC%E9%93%BE%E6%8E%A5--docs) 组件，行为与 Link 组件一致。后者 text 是只读文本，无 hover 样式
+ *
+ * 其中 iconFiled 类型的组件内置了四种预置的效果与 progress 状态匹配，直接传递相应的 status 即可。也可以通过 src 来实现自定义的 icon
+ *
+ */
+export declare const AreaWidget: StoryObj<typeof Area>;

package/dist/stories/docs/core/Progress/RichProgress.stories.d.ts

@@ -0,0 +1,37 @@
+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>>;
+/**
+ * 富格式进度条支持四个可定制的区域，用于描述更丰富的进度信息
+ */
+declare const meta: Meta<React.FC<ProgressProps>>;
+export default meta;
+/**
+ * Rich Progress 由 Base Progress 和上下左右四个可定制部分组成，它们分别是：
+ *
+ * - leftTop：展示 Title 相关的内容，Title 是必须的，如果需要 Tag+Title+Subtitle 的组合，可以使用 TitleArea 组件，参考 Widgets 部分
+ *
+ * - rightTop：展示 Status 相关的内容，表明状态的 status 部分是必须的，由 icon + text 组成，如果不需要 icon，可以直接传递 string 给 rightTop，如果需要配置 icon 请使用 Widgets 提供的 iconFiled
+ *
+ * - leftBottom：通常用于展示一些描述信息，直接传递字符串数组会通过 「·」 进行连接，可以满足大部分场景。也支持通过 Area 或者自己定制
+ *
+ * - rightBottom：通常展示一些操作相关的内容，支持通过 Area 或者自己定制
+ *
+ * 需要特别注意设计稿上 Icon 后跟的是 Link 文本(有 hover 样式)还是只读文本，前者对应 Widgets 中的 Link 组件，后者对应 IconField 组件
+ */
+export declare const Basic: Story;
+/**
+ * 空间不足时，leftTop 区域会按**Title 占剩余空间的 2/3，Subtitle 占 1/3**的方式截断打点（…）；
+ *
+ * Hover 被截断的对象，在 Tooltip 内显示完整文案。
+ */
+export declare const TruncateTitle: Story;
+/**
+ * 空间不足时，leftBottom 区域也会进行溢出截断，如果 rightBottom 有内容，则超出一行溢出，如果 rightBottom 无内容，则超出两行溢出
+ */
+export declare const TruncateDescription: Story;
+/**
+ * 各变体内部，均支持上述 optional 的构成元素。以下列出常见情况：
+ */
+export declare const Variants: Story;

package/dist/stories/docs/core/Progress/SimpleProgress.stories.d.ts

@@ -0,0 +1,15 @@
+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>>;
+declare const meta: Meta<React.FC<ProgressProps>>;
+export default meta;
+/**
+ * 简单进度条有 Single Row 和 Double Rows 两种布局情况
+ */
+export declare const Basic: Story;
+/**
+ * 容器宽度不足时，Step name 截断打点（…）；Hover 显示 Tooltip，在 Tooltip 内展示完整 Step name。
+ */
+export declare const Simple: Story;
+export declare const Variants: Story;