@cloudtower/eagle 0.27.49 → 0.27.51

package/dist/src/core/Cascader/cascader.widget.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PresetCascaderRenderProps, CascaderProps } from "./cascader.type";
+import { CascaderProps, PresetCascaderRenderProps } from "./cascader.type";
 export declare const NotDataContent: React.FC<{
     content: React.ReactNode | string;
 }>;
@@ -10,6 +10,7 @@ export declare const CascaderDoubleRowOption: React.FC<{
     leftBottom?: React.ReactNode;
     rightTop?: React.ReactNode;
     rightBottom?: React.ReactNode;
+    rootClassName?: string;
 }>;
 export declare const CascaderOptionWithCount: React.FC<{
     label?: React.ReactNode;

package/dist/src/core/DonutChart/__test__/unit.test.d.ts

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

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

@@ -0,0 +1,103 @@
+import { TFunction } from "i18next";
+import React from "react";
+export declare enum DonutChartColor {
+    RED = "red",
+    GREEN = "green",
+    YeLLOW = "yellow",
+    BLUE = "blue",
+    PURPLE = "purple"
+}
+export type IDonutChartProps = {
+    /**
+     * 默认支持单色系展示，如果是单色系直接传入颜色类型
+     */
+    color?: DonutChartColor;
+    /**
+     * 支持自定义图形外部样式
+     */
+    className?: string;
+    /**
+     * 支持自定义 tooltip 样式
+     */
+    overlayClassName?: string;
+    /**
+     * * centerRender 对应 Donut Chart 中间的展示
+     * * 可直接传入 object 类型，object 中的 number 为数值， text为数值下面的文案展示
+     * * 支持传入 ReactNode 自定义组件
+     */
+    centerRender?: React.ReactElement | {
+        number: number;
+        text: string;
+    };
+    /**
+     * * 图形展示的数据
+     * * 数据合并展示规则：
+     * * 如果 data 的长度不超过 5 并且没有 otherData 时，会全部展示
+     * * 如果 data 的长度小于等于 4 并且有 otherData 时，会全部展示
+     * * 如果 data 的长度大于 4 并且有 otherData 时，会将第 3 项之后的数据合并为一项，在 tooltip 中展示，
+     * * 如果 data 的长度大于 5 不管是否有 otherData 会将第 4 项之后对 data 进行合并展示
+     * * 如果有希望合并的数据，建议在传入数据时进行排序
+     * * data 中每一项支持 onClick 事件，支持自定义颜色，当有自定义颜色时优先展示
+     */
+    data: {
+        name: string;
+        value: number;
+        color?: string;
+        tooltip?: string;
+        onClick?: (name: string) => void;
+    }[];
+    /**
+     * otherData中的数据会默认合并为其他，name 和 value 会在tooltip中展示详情
+     */
+    otherData?: {
+        name: string;
+        value: number;
+    }[];
+    /**
+     * 当 data 数据合并时展示的文案
+     */
+    collapseText?: string;
+};
+export declare const formatCollapse: (collapseData?: {
+    name: string;
+    value: number;
+}[]) => {
+    tooltip: {
+        name: string;
+        value: number;
+    }[];
+    value: number;
+};
+export declare const formatChartData: ({ otherData, data, t, collapseText, }: IDonutChartProps & {
+    t: TFunction<"translation", undefined>;
+}) => ({
+    name: string;
+    value: number;
+    color?: string | undefined;
+    tooltip?: string | undefined;
+    onClick?: ((name: string) => void) | undefined;
+} | {
+    name: string;
+    value: number;
+    color: "#D8DEEB";
+    tooltip: {
+        name: string;
+        value: number;
+    }[];
+})[] | ({
+    name: string;
+    value: number;
+    color?: string | undefined;
+    tooltip?: string | undefined;
+    onClick?: ((name: string) => void) | undefined;
+} | {
+    name: string;
+    value: number;
+    color: null;
+    tooltip: {
+        name: string;
+        value: number;
+    }[];
+})[];
+declare const DonutChart: React.FC<IDonutChartProps>;
+export default DonutChart;

package/dist/src/core/Metric/metric.d.ts

@@ -2,7 +2,7 @@ import { DateRange, IDataPoint, IMetric } from "../../core/Metric/type";
 export declare function filterPointsByDateRange(points: IDataPoint[], dateRange: DateRange): IDataPoint[];
 export declare const parseRange: (range: string) => {
     span: number;
-    unit: "h" | "d";
+    unit: "d" | "h";
 };
 export declare const xaxisCal: (lastTime: number, dateRange: DateRange) => number[];
 export declare const tickFormatter: (tick: number, dateRange: DateRange) => string;

package/dist/src/coreX/BarChart/index.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 export declare function getWidth(input: number): string;
-declare const BarChart: React.FC<{
+export interface IBarChartProps {
     data: Array<{
         value: number;
         color: string;
     }>;
     total: number;
-}>;
+}
+declare const BarChart: React.FC<IBarChartProps>;
 export default BarChart;

package/dist/src/coreX/{DonutChart → DeprecatedDonutChart}/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export interface IDonutChartProps {
+export interface DeprecatedIDonutChartProps {
     data: Array<object>;
     dataKey: string;
     width: number;
@@ -8,5 +8,5 @@ export interface IDonutChartProps {
     innerRadius: number;
     outerRadius: number;
 }
-declare const DonutChart: React.FC<IDonutChartProps>;
-export default DonutChart;
+declare const DeprecatedDonutChart: React.FC<DeprecatedIDonutChartProps>;
+export default DeprecatedDonutChart;

package/dist/src/coreX/OverflowTooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { OverflowTooltipProps } from "../../spec";
+import type { OverflowTooltipProps } from "../../coreX/OverflowTooltip/overflowTooltip.type";
 import React from "react";
 declare const OverflowTooltip: React.FC<OverflowTooltipProps>;
 export default OverflowTooltip;

package/dist/src/coreX/OverflowTooltip/overflowTooltip.type.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export type OverflowTooltipProps = {
+    /**
+     * 文本内容
+     */
+    content: React.ReactNode;
+    /**
+     * 自定义样式类名
+     */
+    className?: string;
+    /**
+     * 当文本溢出省略时，鼠标悬停显示的 tooltip 内容，如不指定，默认展示完整的文本内容
+     */
+    tooltip?: React.ReactNode;
+    /**
+     * 多行溢出省略，指定大于 1 的数字时，会在文字超过指定的行数时省略溢出内容，并显示 tooltip
+     */
+    multiLines?: number;
+    /**
+     * 点击事件处理函数
+     */
+    onClick?: () => void;
+};

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

@@ -1,4 +1,7 @@
+export { default as BarChart } from "./BarChart";
+export * from "./BarChart";
 export { default as BatchOperation, renderBatchOperationMenuItem, } from "./BatchOperation";
 export { stringifyPlan } from "./CronPlan";
 export * from "./DateRangePicker";
 export { default as DateRangePicker } from "./DateRangePicker";
+export * from "./DeprecatedDonutChart";

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@ import "./styles/index.scss";
 export type { CardProps, DateRange, GraphType, IconProps, IDataPoint, } from "./core";
 export { antdKit, BaseIcon, Button, ButtonStyle, CannotOperationInfo, ContentWrapper, createBatchMessageMethods, Desc, FailedLoad, FullView, Icon, InputTagItem, KitStoreProvider, LightDesc, ModalStack, RadioDesc, radioStyle, tableStyleCover, tickFormatter, Truncate, Typo, useKitDispatch, useKitSelector, WizardBody, } from "./core";
 export * from "./core/Cascader/cascader.style";
+export * from "./core/Cascader/cascader.type";
 export * from "./core/Cascader/cascader.widget";
 export { RenderMenuItem } from "./core/DropdownMenu";
 export { default as DropdownMenu } from "./core/DropdownMenu";

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

@@ -4,6 +4,7 @@ import { IEmptyProps } from "../core/Empty";
 import { MessageApi } from "../core/message";
 import { TableFormHandle, TableFormProps } from "../core/TableForm/types";
 import { TruncatePropTypes } from "../core/Truncate";
+import type { OverflowTooltipProps } from "../coreX/OverflowTooltip/overflowTooltip.type";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { AlertProps } from "antd/lib/alert";
 import { AutoCompleteProps } from "antd/lib/auto-complete";
@@ -59,9 +60,10 @@ import type { Moment } from "moment";
 import React, { ForwardRefExoticComponent, PropsWithChildren, PropsWithoutRef, ReactNode, RefAttributes } from "react";
 import { Draggable } from "react-beautiful-dnd";
 import type { CloseButtonProps } from "../core/AccordionCard";
+import { IDonutChartProps } from "../core/DonutChart";
 import { IChartWithUnitProps, ICWTProps } from "../coreX/ChartWithTooltip";
 import { DateRangePickerProps } from "../coreX/DateRangePicker/common";
-import { IDonutChartProps } from "../coreX/DonutChart";
+import { DeprecatedIDonutChartProps } from "../coreX/DeprecatedDonutChart";
 import { IUnitWithChartProps } from "../coreX/UnitWithChart";
 import { SerializableObject } from "../utils/tower";
 import { FieldRenderProps } from "./react-final-form";
@@ -541,6 +543,7 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     ChartWithTooltip: React.FC<ICWTProps>;
     ChartWithUnit: React.FC<IChartWithUnitProps>;
     DonutChart: React.FC<IDonutChartProps>;
+    DeprecatedDonutChart: React.FC<DeprecatedIDonutChartProps>;
     UnitWithChart: React.FC<IUnitWithChartProps>;
     GoBackButton: React.FC<GoBackButtonType>;
     CronCalendar: React.FC<CronCalendarProps>;
@@ -618,13 +621,6 @@ export type TokenType = Omit<TagProps, "closeIcon"> & {
     };
 };
 export type TokenComponentType = React.ForwardRefExoticComponent<TokenType & React.RefAttributes<HTMLDivElement>>;
-export type OverflowTooltipProps = {
-    content: React.ReactNode;
-    tooltip?: React.ReactNode;
-    className?: string;
-    onClick?: () => void;
-    multiLines?: number;
-};
 export type TruncateTextWithTooltipType = {
     text: string;
     textWrapperCls?: string;

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

@@ -0,0 +1,18 @@
+import { IDonutChartProps } from "../../../src/core/DonutChart";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ * * 高阶业务组件, 基于 rechart PieChart 组件封装 Donut chart 组件
+ * * 组件 props 设计参考示例：https://recharts.org/en-US/examples/PieChartWithPaddingAngle
+ * * 自定义 props 已在表格进行说明
+ *
+ */
+declare const story: Meta<any>;
+export default story;
+type IDonutChartStoryProps = IDonutChartProps & {
+    width: number;
+};
+export declare const Default: StoryObj<IDonutChartStoryProps>;
+export declare const OtherDisplay: StoryObj<IDonutChartStoryProps>;
+export declare const centerRender: StoryObj<IDonutChartStoryProps>;
+export declare const Collapse: StoryObj<IDonutChartStoryProps>;
+export declare const TextCollapse: StoryObj<IDonutChartStoryProps>;

package/dist/stories/docs/coreX/DeprecatedDonutChart.stories.d.ts

@@ -0,0 +1,6 @@
+import DeprecatedDonutChart from "../../../src/coreX/DeprecatedDonutChart";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof DeprecatedDonutChart>;
+export default meta;
+type Story = StoryObj<typeof DeprecatedDonutChart>;
+export declare const Demo: Story;

package/dist/stories/docs/coreX/OverflowTooltip.stories.d.ts

@@ -1,15 +1,30 @@
-import { OverflowTooltipProps } from "../../../src/spec";
+import type { OverflowTooltipProps } from "../../../src/coreX/OverflowTooltip/overflowTooltip.type";
 import { Meta, StoryObj } from "@storybook/react";
 import React from "react";
+/**
+ *
+ * OverflowTooltip 组件用于处理文本溢出时的省略和提示，支持单行和多行文本溢出并展示 tooltip。
+ *
+ */
 declare const meta: Meta<React.FC<OverflowTooltipProps>>;
 export default meta;
-export declare const Default: StoryObj<{
-    width: string;
-    multiLines: number;
-    content: string;
-}>;
-export declare const MultipleLine: StoryObj<{
-    width: string;
-    multiLines: number;
-    content: string;
-}>;
+/**
+ *
+ * OverflowTooltip 组件内部会动态判断文本是否已经溢出，如果溢出会展示给定的 tooltip 内容，如果不指定 tooltip，则会展示完整的文本内容。
+ *
+ */
+export declare const Default: StoryObj<OverflowTooltipProps>;
+/**
+ *
+ * 通过指定 multiLines 大于 1 可以实现多行省略溢出。
+ *
+ * 比如在 multiLines 为 2 时，文字部分会在内容超过两行时省略溢出并展示 tooltip 内容。
+ *
+ */
+export declare const MultipleLine: StoryObj<OverflowTooltipProps>;
+/**
+ *
+ * 可以指定文本省略时要展示的 tooltip 内容，如不指定，会默认展示完整的文本内容(content)。
+ *
+ */
+export declare const Tooltip: StoryObj<OverflowTooltipProps>;