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

package/dist/src/core/ImmersiveDialog/type.d.ts

@@ -0,0 +1,179 @@
+/// <reference types="react" />
+import { ButtonProps } from "../../core/Button";
+import { SafeReactNode } from "../../spec";
+import { ModalProps as AntdModalProps } from "antd/lib/modal";
+/**
+ * 沉浸式全屏对话框，支持左中右三栏布局。适合复杂操作、大面积内容展示。通过 usePushModal 打开。
+ *
+ * 默认三栏布局宽度：左侧面板 192px、中间内容区 648px、右侧面板 192px，左右面板与内容区间距 60px。
+ * 设置 `isContentFull` 后左右面板隐藏，内容区占满整个对话框宽度。
+ *
+ * @example
+ * ```tsx
+ * // 带左右面板的全屏对话框（创建虚拟机场景）
+ * import { ImmersiveDialog } from "@cloudtower/eagle";
+ * import { usePushModal, usePopModal } from "@cloudtower/eagle";
+ *
+ * const pushModal = usePushModal();
+ *
+ * pushModal({
+ *   component: () => (
+ *     <ImmersiveDialog
+ *       title="创建虚拟机"
+ *       left={<VMConfigSteps current={step} />}
+ *       right={<VMResourceSummary cpu={cpu} memory={memory} />}
+ *       onOk={() => handleCreate()}
+ *     >
+ *       <VMConfigForm step={step} />
+ *     </ImmersiveDialog>
+ *   ),
+ *   props: { name: "CreateVmDialog" },
+ * });
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 纯内容全屏对话框（isContentFull 模式）
+ * import { ImmersiveDialog } from "@cloudtower/eagle";
+ * import { usePushModal, usePopModal } from "@cloudtower/eagle";
+ *
+ * const popModal = usePopModal();
+ *
+ * <ImmersiveDialog
+ *   title="查看详情"
+ *   isContentFull
+ *   onOk={() => popModal()}
+ * >
+ *   <FullWidthContent />
+ * </ImmersiveDialog>
+ * ```
+ *
+ * 除下列自有属性外，还继承了 antd Modal 的全部属性（如 `onCancel`、`maskClosable`、`closable` 等），
+ * 这些属性会直接透传给底层 Modal 组件。
+ *
+ * @see WizardDialog — 基于 ImmersiveDialog 的向导变体，支持分步操作
+ * @see SmallDialog — 小型弹窗（492px），适用于简单确认或少量内容
+ * @see MediumDialog — 中型弹窗（720px），适用于中等复杂度的表单或内容
+ */
+export type ImmersiveDialogProps = React.PropsWithChildren<AntdModalProps & {
+    /** 自定义关闭图标，替换右上角默认的关闭按钮图标 */
+    closeIcon?: React.ReactNode;
+    /**
+     * 是否禁用右上角关闭按钮及 Escape、遮罩关闭。
+     * 禁用时保留灰色关闭按钮；`closable=false` 时仍隐藏按钮。
+     * 不影响 footer 取消按钮或业务主动调用 `popModal`，需要分别控制。
+     * @default false
+     */
+    closeDisabled?: boolean;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancel?: boolean;
+    /**
+     * 取消按钮的文本。
+     * 当 showOk 为 true 时默认为"取消"，否则默认为"关闭"。
+     */
+    cancelText?: string;
+    /** 取消按钮的属性，透传至底层 Button 组件 */
+    cancelButtonProps?: ButtonProps;
+    /**
+     * 是否显示确定按钮
+     * @default true
+     */
+    showOk?: boolean;
+    /**
+     * 确定按钮的文本。
+     * 当存在 initializingError 时默认为"重试"，否则默认为"确认"。
+     */
+    okText?: string;
+    /** 确定按钮的属性，透传至底层 Button 组件 */
+    okButtonProps?: ButtonProps;
+    /** 底部错误信息，显示在 footer 左侧区域，最多展示 3 行溢出后 tooltip 提示 */
+    error?: React.ReactNode;
+    /**
+     * 是否隐藏 footer。隐藏后 footer 区域仍保留 40px 的空白间距。
+     * @default false
+     */
+    hideFooter?: boolean;
+    /**
+     * 是否展示 footer 错误信息旁的错误图标
+     * @default true
+     */
+    showFooterErrorIcon?: boolean;
+    /**
+     * 确定按钮的回调。
+     *
+     * 注意：签名为 `(e: React.MouseEvent) => void`，与 SmallDialog/MediumDialog 的
+     * `onOk?: (popModal: () => void) => void` 不同。此组件的 onOk 不会自动关闭弹窗，
+     * 需要通过 `usePopModal()` hook 获取 popModal 函数手动关闭。
+     */
+    onOk?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /**
+     * 是否内容占满整个对话框宽度。
+     * 开启后隐藏左右面板，内容区域占满对话框，左右各留 40px 的内边距。
+     * @default false
+     */
+    isContentFull?: boolean;
+    /**
+     * 左侧面板的自定义内容。
+     * 三栏布局下固定宽度 192px，使用 fixed 定位，顶部距弹窗上边缘 140px。
+     * 当 isContentFull 为 true 或处于 initializing/initializingError 状态时不渲染。
+     */
+    left?: React.ReactNode;
+    /**
+     * 左侧面板的自定义类名，用于覆盖左侧面板的默认样式。
+     * 面板默认宽度 192px，可通过此类名调整样式。
+     */
+    leftClassName?: string;
+    /**
+     * 右侧面板的自定义内容。
+     * 三栏布局下固定宽度 192px，使用 fixed 定位，顶部距弹窗上边缘 140px。
+     * 当 isContentFull 为 true 或处于 initializing/initializingError 状态时不渲染。
+     */
+    right?: React.ReactNode;
+    /**
+     * 右侧面板的自定义类名，用于覆盖右侧面板的默认样式。
+     * 面板默认宽度 192px，可通过此类名调整样式。
+     */
+    rightClassName?: string;
+    /**
+     * 底部左侧的操作区域，通常放置"上一步"按钮或其他辅助操作。
+     * 渲染在 footer 左侧，与确定/取消按钮分居两端。
+     */
+    footerLeftAction?: React.ReactNode;
+    /**
+     * 是否仅初始化一次。首次初始化成功后，忽略后续的 `initializing` 和 `initializingError`。
+     *
+     * @description
+     * `initializing` 为 false 或未传入，且 `initializingError` 无值时，视为初始化成功；
+     * 首次渲染就满足该条件时也会记录成功。成功前允许失败后重试，再次进入加载状态。
+     * 记录在组件卸载后重置，仅切换 `visible` 不重置；切换资源可通过 `key` 重新挂载。
+     * 延迟启动请求时，需要在准备期间保持 `initializing=true`。
+     * 设为 false 时，两项初始化状态完全跟随外部传入的值。
+     *
+     * @default true
+     */
+    initializeOnce?: boolean;
+    /**
+     * 是否处于初始化加载中状态。
+     * 为 true 时标题区显示骨架屏，内容区显示 4 行骨架屏加载占位，footer 隐藏。
+     * 加载完成后设为 false 显示正常内容。
+     * 默认仅在首次初始化成功前生效；设 `initializeOnce=false` 可反复进入加载状态。
+     * @default false
+     */
+    initializing?: boolean;
+    /**
+     * 初始化错误的内容。设置后内容区显示错误提示（居中展示），
+     * 标题自动变为"加载失败"，确定按钮文本自动变为"重试"。
+     * 与 initializing 配合使用：先设 initializing=true 开始加载，
+     * 失败时设 initializing=false 并设置 initializingError。
+     * 默认在首次初始化成功后被忽略。
+     */
+    initializingError?: string | SafeReactNode;
+    /**
+     * 测试标识符前缀，用于自动化测试定位元素。
+     * 派生子 testid：`${testId}-cancel`、`${testId}-ok`、`${testId}-close`
+     */
+    "data-testid"?: string;
+}>;

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

@@ -1,7 +1,5 @@
-import { InputProps } from "antd/lib/input";
 import React from "react";
-declare const Input: React.FC<InputProps & {
-    error?: boolean;
-}>;
+import { InputProps } from "./input.type";
+declare const Input: React.FC<InputProps>;
 export default Input;
 export * from "./input.type";

package/dist/src/core/Input/input.type.d.ts

@@ -1,3 +1,4 @@
+import { InputProps as AntdInputProps } from "antd/lib/input";
 export interface AdditionOptions {
     /**
      * 使用变量控制是否显示 error 效果
@@ -11,4 +12,12 @@ export interface AdditionOptions {
      * 开启 control 后，不会显示 suffix
      */
     suffix?: string;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
 }
+export type InputProps = AntdInputProps & {
+    error?: boolean;
+    "data-testid"?: string;
+};

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

@@ -0,0 +1,15 @@
+import { PasswordProps } from "antd/lib/input";
+import React from "react";
+export declare const AntdPasswordInputStyled: import("@linaria/react").StyledMeta & React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<unknown>>;
+export type InputPasswordProps = PasswordProps & {
+    /**
+     * 使用变量控制是否显示 error 效果
+     */
+    error?: boolean;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
+};
+declare const InputPassword: React.FC<InputPasswordProps>;
+export default InputPassword;

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

@@ -1,4 +1,4 @@
-import { Actions, KitRootState } from "../../store";
+import { Actions, IModalProps, KitRootState, ModalType } from "../../store";
 import React, { PropsWithChildren } from "react";
 interface IProps {
 }
@@ -6,3 +6,7 @@ declare const KitStoreProvider: (props: PropsWithChildren<IProps>) => React.JSX.
 export default KitStoreProvider;
 export declare const useKitDispatch: () => import("redux").Dispatch<Actions>;
 export declare const useKitSelector: <Selected extends unknown>(selector: (state: KitRootState) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;
+export declare const usePushModal: () => <K extends string | number>(modal: ModalType<IModalProps[K]>) => void;
+export declare const useCloseModal: () => (id: number) => void;
+export declare const usePopModal: () => () => void;
+export declare const useResetModal: () => () => void;

package/dist/src/core/LegacyModal/LegacyModal.type.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import { ModalProps as AntdModalProps } from "antd/lib/modal";
+export type WizardSteps = {
+    /** 步骤标题 */
+    title: string;
+    /** 步骤内容渲染 */
+    render: React.ReactNode;
+    /**
+     * 自定义上一步按钮文本
+     */
+    prevText?: string | React.ReactNode;
+    /**
+     * 自定义上一步按钮事件处理
+     * @returns void
+     */
+    onPrev?: () => void;
+    /** 自定义确认按钮文本 */
+    okText?: string | React.ReactNode;
+    /** 确认按钮点击事件处理 */
+    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 是否禁用当前步骤 */
+    disabled?: boolean;
+}[];
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use the following alternatives:
+ * - For standard dialogs: use `MediumDialog` or `SmallDialog`
+ * - For fullscreen dialogs: use `ImmersiveDialog`
+ * - For wizard-style dialogs: use `WizardDialog`
+ * @see MediumDialog
+ * @see SmallDialog
+ * @see ImmersiveDialog
+ * @see WizardDialog
+ */
+export type LegacyModalProps = Omit<AntdModalProps, "okType"> & {
+    /** 确认按钮加载状态 */
+    confirmLoading?: boolean;
+    /** 是否全屏显示 */
+    fullscreen?: boolean;
+    /** 错误信息展示 */
+    error?: string | React.ReactNode;
+    /** 是否使用普通模式 */
+    normal?: boolean;
+    /** 模态框内容 */
+    children?: React.ReactNode;
+    /** 是否显示取消按钮 */
+    showCancel?: boolean;
+    /** 是否显示确认按钮 */
+    showOk?: boolean;
+    /** 自定义关闭图标 */
+    closeIcon?: React.ReactNode;
+    /** 向导模式配置 */
+    wizard?: {
+        /** 当前步骤 */
+        step: number;
+        /** 步骤改变时的回调 */
+        onStepChange?: (step: number) => void;
+        /** 步骤配置数组 */
+        steps: WizardSteps;
+        /** 是否隐藏左侧区域 */
+        hideLeft?: boolean;
+        /** 右侧自定义内容 */
+        right?: React.ReactNode;
+        /** 是否销毁其他步骤内容 */
+        destroyOtherStep?: boolean;
+        /** 是否禁用上一步操作 */
+        disablePrevStep?: boolean;
+    } | boolean;
+    /** 是否隐藏底部按钮边框 */
+    hideFooterButtonBorder?: boolean;
+};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { LegacyModalProps } from "./LegacyModal.type";
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use the following alternatives:
+ * - For standard dialogs: use `MediumDialog` or `SmallDialog`
+ * - For fullscreen dialogs: use `ImmersiveDialog`
+ * - For wizard-style dialogs: use `WizardDialog`
+ * @see MediumDialog
+ * @see SmallDialog
+ * @see ImmersiveDialog
+ * @see WizardDialog
+ */
+declare const LegacyModal: React.FC<LegacyModalProps>;
+export default LegacyModal;
+export * from "./LegacyModal.type";

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

@@ -0,0 +1,4 @@
+import { LegacySelectComponentType } from "./select.type";
+declare const LegacySelect: LegacySelectComponentType<any, HTMLElement>;
+export default LegacySelect;
+export * from "./select.type";

package/dist/src/core/LegacySelect/select.style.d.ts

@@ -0,0 +1 @@
+export declare const SelectStyle: import("@linaria/core").LinariaClassName;

package/dist/src/core/LegacySelect/select.type.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { SelectProps as AntdSelectProps } from "antd/lib/select";
+import { FieldRenderProps } from "../Fields/fields.type";
+export type KitLegacySelectProps = {
+    defaultValue?: string;
+    error?: unknown | React.ReactNode;
+    danger?: boolean;
+    multiple?: boolean;
+    scrollBottomBuffer?: number;
+    onScrollBottom?: () => void;
+    selectLimit?: number;
+    "data-testid"?: string;
+    /**
+     * @deprecated 使用 `data-testid` 代替。
+     */
+    "data-test"?: string;
+} & AntdSelectProps<string>;
+export interface LooseFieldRenderProps<V, T extends HTMLElement> {
+    input: {
+        name?: FieldRenderProps<V, T>["input"]["name"];
+        value?: FieldRenderProps<V, T>["input"]["value"];
+        onBlur?: FieldRenderProps<V, T>["input"]["onBlur"];
+        onChange?: (value: string | string[], option: {
+            object: V;
+        } | Array<{
+            object: V;
+        }>) => void;
+        onFocus?: FieldRenderProps<V, T>["input"]["onFocus"];
+        type?: FieldRenderProps<V, T>["input"]["type"];
+        checked?: FieldRenderProps<V, T>["input"]["checked"];
+        multiple?: FieldRenderProps<V, T>["input"]["multiple"];
+    };
+    meta?: FieldRenderProps<V, T>["meta"];
+    focusIndicator?: boolean;
+}
+export type LegacySelectComponentType<V = any, T extends HTMLElement = HTMLElement> = React.FunctionComponent<LooseFieldRenderProps<V, T> & KitLegacySelectProps>;

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 LegendIcon: 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,27 @@
+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;
+    /** Test ID for automated testing */
+    "data-testid"?: string;
+}>;

package/dist/src/core/LineChart/AreaHighlightLayer.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface IAreaHighlightOverlay {
+    key: string;
+    data: Array<Array<{
+        t: number;
+        value: number;
+    }>>;
+    fill: string;
+    fillOpacity: number;
+    legendId: string;
+    stroke: string;
+}
+interface IAreaHighlightLayerProps {
+    forecastStartTimestamp?: number;
+    overlay: IAreaHighlightOverlay;
+    hovering: string[];
+    offset?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+    xAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+    yAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+}
+declare const AreaHighlightLayer: React.FC<IAreaHighlightLayerProps>;
+export default AreaHighlightLayer;

package/dist/src/core/LineChart/ForecastLineLayer.d.ts

@@ -0,0 +1,24 @@
+import { ILineChartMetricStream } from "../../core/LineChart/type";
+import React from "react";
+export declare const DEFAULT_FORECAST_LINE_STROKE_DASHARRAY = "4 4";
+interface IForecastLineLayerProps {
+    forecastStartTimestamp?: number;
+    stacked: boolean;
+    hovering: string[];
+    streams: ILineChartMetricStream[];
+    deselected: string[];
+    offset?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+    xAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+    yAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+}
+declare const ForecastLineLayer: React.FC<IForecastLineLayerProps>;
+export default ForecastLineLayer;

package/dist/src/core/LineChart/LineChartActions.d.ts

@@ -0,0 +1,7 @@
+import { DropdownProps } from "antd5";
+import React from "react";
+declare const LineChartActions: React.FC<{
+    label: string | React.ReactNode;
+    dropdownProps?: DropdownProps;
+}>;
+export default LineChartActions;

package/dist/src/core/LineChart/LineChartLegend.d.ts

@@ -0,0 +1,18 @@
+import { ILineChartILegend, ILineChartMetricStream } from "../../core/LineChart/type";
+import React from "react";
+export declare const LineChartColorBlock: React.FC<{
+    background?: string;
+    borderd?: boolean;
+}>;
+export interface ILineChartLegendProps {
+    streams: ILineChartMetricStream[];
+    metricName: string;
+    deselected: string[];
+    hovering: string[];
+    hovereringSelf: string[];
+    onClick: (id: string) => void;
+    onHover: (method: "enter" | "leave", id: string) => void;
+    legends: ILineChartILegend[];
+}
+declare const LineChartLegend: (props: ILineChartLegendProps) => React.JSX.Element;
+export default LineChartLegend;

package/dist/src/core/LineChart/LineChartToolBar.d.ts

@@ -0,0 +1,20 @@
+import { ILineChartILegend, ILineChartMetricStream } from "../../core/LineChart/type";
+import { DropdownProps } from "antd5";
+import React from "react";
+declare const LineChartToolBar: ({ showLegend, streams, metricName, deselected, hovering, onLegendClick, onLegendHover, legends, actionsProps, dropdownProps, hoveringSelf, }: {
+    showLegend?: boolean | undefined;
+    streams: ILineChartMetricStream[];
+    metricName: string;
+    deselected: string[];
+    hovering: string[];
+    hoveringSelf: string[];
+    onLegendClick: (id: string) => void;
+    onLegendHover: (method: "enter" | "leave", id: string) => void;
+    legends: ILineChartILegend[];
+    actionsProps?: {
+        show?: boolean | undefined;
+        label: string | React.ReactNode;
+    } | undefined;
+    dropdownProps?: DropdownProps | undefined;
+}) => React.JSX.Element;
+export default LineChartToolBar;

package/dist/src/core/LineChart/Pointer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Pointer: React.FC<{
+    metricWidth: number | undefined;
+    uuid: string;
+}>;
+export default Pointer;

package/dist/src/core/LineChart/RenderChart.d.ts

@@ -0,0 +1,49 @@
+import { ILineChartAreaHighlightRange, ILineChartDateRange, ILineChartGraphType, ILineChartMetric, ILineChartThresholdLineProps, ILineChartThresholdTooltipInfo } from "../../core/LineChart/type";
+import { DropdownProps } from "antd5";
+import React from "react";
+import { TooltipProps } from "recharts";
+import { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
+import { AxisDomain } from "recharts/types/util/types";
+export interface IChartProps<TValue extends ValueType = string, TName extends NameType = number> {
+    metricName: string;
+    yAxisAlign?: "left" | "right";
+    showXAxis?: boolean;
+    showLegend?: boolean;
+    syncId: string;
+    height: number;
+    type: ILineChartGraphType;
+    mode?: "simple" | "legend" | "single";
+    averageLine?: boolean;
+    dropdownProps?: DropdownProps;
+    onLabelsChange?: (labels: string[]) => void;
+    metric: ILineChartMetric;
+    areaHighlightRanges?: ILineChartAreaHighlightRange[];
+    forecastStartTimestamp?: number;
+    thresholdLineProps?: ILineChartThresholdLineProps;
+    renderThresholdTooltip?: (info: ILineChartThresholdTooltipInfo) => React.ReactElement;
+    yAxisProps?: {
+        domain?: AxisDomain;
+        ticks?: (string | number)[];
+        tickFormatter?: (value: any, index: number) => string;
+    };
+    xAxisProps?: {
+        domain?: AxisDomain;
+        ticks?: (string | number)[];
+        tickFormatter?: (value: any, index: number) => string;
+    };
+    actionsProps?: {
+        show?: boolean;
+        label: string | React.ReactNode;
+        dropdownProps?: DropdownProps;
+    };
+    tooltipProps: TooltipProps<TValue, TName> & {
+        format?: (payload: Payload<number, string>) => string;
+    };
+    dateRange?: ILineChartDateRange;
+    emptyText?: React.ReactNode | string;
+    emptyIcon?: React.ReactNode | string;
+}
+declare const RenderChart: (props: IChartProps & {
+    width: number;
+}) => React.JSX.Element;
+export default RenderChart;

package/dist/src/core/LineChart/ThresholdIntersectionLayer.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { type ReferenceDotProps } from "recharts";
+import { ILineChartThresholdIntersectionInfo, ILineChartThresholdIntersectionLabelProps } from "../../core/LineChart/type";
+export declare const isThresholdIntersectionLabelVisible: (labelProps: ILineChartThresholdIntersectionLabelProps | undefined, info: ILineChartThresholdIntersectionInfo) => boolean;
+type ThresholdIntersectionXAxis = NonNullable<ReferenceDotProps["xAxis"]>;
+type ThresholdIntersectionYAxis = NonNullable<ReferenceDotProps["yAxis"]>;
+interface IThresholdIntersectionLayerProps {
+    intersection: ILineChartThresholdIntersectionInfo;
+    index: number;
+    hovering: string[];
+    intersectionLabelProps?: ILineChartThresholdIntersectionLabelProps;
+    thresholdStroke?: string;
+    onMouseEnter: (info: ILineChartThresholdIntersectionInfo, left: number, top: number) => void;
+    onMouseLeave: () => void;
+    xAxisMap?: Record<string, ThresholdIntersectionXAxis>;
+    yAxisMap?: Record<string, ThresholdIntersectionYAxis>;
+}
+declare const ThresholdIntersectionLayer: React.FC<IThresholdIntersectionLayerProps>;
+export default ThresholdIntersectionLayer;

package/dist/src/core/LineChart/TooltipFormatter.d.ts

@@ -0,0 +1,20 @@
+import { ILineChartLegend } from "../../core/LineChart/type";
+import React from "react";
+import { TooltipProps } from "recharts";
+import { Payload } from "recharts/types/component/DefaultTooltipContent";
+export interface ILineChartTooltipItem {
+    id: string;
+    color?: string;
+    label?: React.ReactNode;
+    value?: React.ReactNode;
+}
+export declare const LineChartTooltipContent: React.FC<{
+    title: React.ReactNode;
+    items: ILineChartTooltipItem[];
+}>;
+declare const TooltipFormatter: React.FC<TooltipProps<number, string> & {
+    deselected: string[];
+    legends: ILineChartLegend[];
+    format: (payload: Payload<number, string>) => string;
+}>;
+export default TooltipFormatter;

package/dist/src/core/LineChart/__test__/AreaHighlightLayer.test.d.ts

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

package/dist/src/core/LineChart/__test__/ForecastLineLayer.test.d.ts

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

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

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

package/dist/src/core/LineChart/__test__/utils.test.d.ts

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

package/dist/src/core/LineChart/areaHighlightUtils.d.ts

@@ -0,0 +1,6 @@
+import { ILineChartAreaHighlightRange, ILineChartDataPoint } from "../../core/LineChart/type";
+export interface ILineChartAreaHighlightPoint {
+    t: number;
+    value: number;
+}
+export declare const getLineChartAreaHighlightRuns: (points: ILineChartDataPoint[], range: Pick<ILineChartAreaHighlightRange, "start" | "end">) => ILineChartAreaHighlightPoint[][];

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { LineChartProps } from "./type";
+declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
+export default LineChart;
+export { default as LineChartLegend } from "./LineChartLegend";
+export * from "./LineChartLegend";
+export * from "./type";
+export * from "./utils";