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

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

@@ -0,0 +1,62 @@
+import { UseCTErrorMsgOptions } from "../../hooks/useCTErrorMsg";
+import { CTError } from "../../utils/cterror";
+import React from "react";
+/**
+ * 错误详情渲染器的 props
+ */
+export interface ErrorItemRenderProps {
+    /** 单条错误消息 */
+    errorMsg: string | undefined;
+    /** 错误索引 */
+    index: number;
+}
+/**
+ * 错误容器渲染器的 props
+ */
+export interface ErrorContainerRenderProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 错误信息 */
+    errorMsgs: (string | undefined)[];
+    /** 测试标识符 */
+    "data-testid"?: string;
+}
+/**
+ * BasicCTError 组件的 props
+ */
+export interface BasicCTErrorProps {
+    /**
+     * 错误对象，支持多种格式的错误
+     * - AxiosError: Axios 请求错误
+     * - CloudTowerErrorResponse: 服务端响应错误
+     * - 其他类型: 会被转换为字符串显示
+     */
+    error: CTError | string;
+    /**
+     * 自定义类名，会应用到错误容器上
+     */
+    className?: string;
+    /**
+     * 自定义错误容器渲染器
+     * 用于自定义整个错误信息的容器样式和结构
+     * @default 使用内置的 span 容器，应用了默认样式
+     */
+    ErrorContainerRender?: React.FC<ErrorContainerRenderProps>;
+    /**
+     * 自定义错误详情渲染器
+     * 用于自定义单条错误信息的渲染方式
+     * 如果不提供，多条错误会被拼接成一个字符串显示
+     */
+    ErrorItemRender?: React.FC<ErrorItemRenderProps>;
+    /**
+     * 错误消息处理选项
+     * 用于配置国际化命名空间和其他翻译选项
+     */
+    errorMsgOptions?: UseCTErrorMsgOptions;
+    /**
+     * 测试标识符，用于自动化测试定位元素
+     */
+    "data-testid"?: string;
+}

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { BasicCTErrorProps } from "./BasicCTError.type";
+export declare const BasicCTError: React.FC<BasicCTErrorProps>;

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

@@ -1,3 +1,3 @@
 import { UnitFn } from "../Units/units.type";
-declare const BitPerSeconds: UnitFn;
-export default BitPerSeconds;
+declare const BitPerSecond: UnitFn;
+export default BitPerSecond;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { IBlankStateProps } from "./type";
+declare const BlankState: ({ className, style, width, height, title, description, action, backgroundColor, size, "data-testid": dataTestId, }: IBlankStateProps) => React.JSX.Element;
+export default BlankState;

package/dist/src/core/BlankState/style.d.ts

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

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

@@ -0,0 +1,50 @@
+import { CSSProperties } from "react";
+export type SizeType = "large" | "medium" | "small" | "area" | "xSmall";
+export interface IBlankStateProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * 大小类型，对应设计稿，默认‘medium’
+     */
+    size?: SizeType;
+    /**
+     * 自定义宽度
+     */
+    width?: string | number;
+    /**
+     * 自定义高度
+     */
+    height?: string | number;
+    /**
+     * 空白状态背景颜色，默认无背景颜色。
+     */
+    backgroundColor?: "gray" | "white";
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 描述信息
+     */
+    description?: string;
+    /**
+     * 操作按钮
+     */
+    action?: {
+        /**
+         * 操作按钮文字
+         */
+        label: string;
+        /**
+         * 操作按钮点击事件
+         */
+        onClick: () => void;
+    };
+    "data-testid"?: string;
+}

package/dist/src/core/Breadcrumb/breadcrumb.type.d.ts

@@ -4,8 +4,10 @@ export interface BreadcrumbLink {
     id?: string;
     resource: string;
     tab?: string;
+    "data-testid"?: string;
     onClick: React.MouseEventHandler<HTMLSpanElement>;
 }
 export interface IBreadcrumbProps {
     items: BreadcrumbLink[];
+    "data-testid"?: string;
 }

package/dist/src/core/Button/button.type.d.ts

@@ -10,6 +10,7 @@ export type ButtonProps = {
 } & Omit<AntdButtonProps, "type" | "icon">;
 export type ButtonGroupType = {
     className?: string;
+    "data-testid"?: string;
     size?: SizeType;
     options: Array<Omit<ButtonProps, "shape" | "size" | "icon"> & {
         key: string;

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

@@ -0,0 +1,3 @@
+import { UnitFn } from "../Units/units.type";
+declare const BytePerSecond: UnitFn;
+export default BytePerSecond;

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

@@ -7,6 +7,10 @@ export type CardProps = {
     className?: string;
     hoverable?: boolean;
     shadow?: boolean;
+    /**
+     * 用于测试的标识符，会传递到卡片根容器元素。
+     */
+    "data-testid"?: string;
 } & React.DOMAttributes<HTMLDivElement>;
 declare const Card: React.ForwardRefExoticComponent<{
     collapsible?: boolean | undefined;
@@ -16,6 +20,10 @@ declare const Card: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     hoverable?: boolean | undefined;
     shadow?: boolean | undefined;
+    /**
+     * 用于测试的标识符，会传递到卡片根容器元素。
+     */
+    "data-testid"?: string | undefined;
 } & React.DOMAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,4 @@
+export declare const Hide: import("@linaria/core").LinariaClassName;
 export declare const DoubleRowOptionStyleWrapper: import("@linaria/core").LinariaClassName;
 export declare const CascaderDefaultOptionLabel: import("@linaria/core").LinariaClassName;
 export declare const CascaderNotData: import("@linaria/core").LinariaClassName;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CascaderProps as Antd5CascaderProps } from "antd5/lib/cascader";
-import { SearchInputProps } from "../SearchInput/searchInput.type";
+import { SearchInputProps } from "../SearchInput";
 export type { Antd5SizeType } from "../../utils/type";
 export type PresetCascaderRenderProps = {
     menus: Parameters<NonNullable<CascaderProps["dropdownRender"]>>[0];
@@ -16,6 +16,8 @@ export type PresetCascaderRenderProps = {
     };
 };
 export type CascaderProps = Antd5CascaderProps & {
+    /** Test ID for automated testing */
+    "data-testid"?: string;
     /**
      * 自定义下拉菜单内容，具体可以参考[antd5](https://ant.design/components/cascader-cn/#API)
      * 注意：如果需要自定义下拉菜单，会覆盖掉已有的 header / footer 表现。

package/dist/src/core/Checkbox/checkbox.style.d.ts

@@ -1,2 +1,2 @@
-export declare const CheckboxStyleContent = "\n.ant-checkbox {\n  height: 22px;\n  display: flex;\n  align-items: center;\n  top: 0;\n}\n.ant-checkbox-checked::after {\n  border: none;\n}\n&.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n&.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner {\n  border-color: $fills-light-general-general;\n}\n\n.ant-checkbox .ant-checkbox-inner {\n  border: 1px solid $strokes-light-trans-4;\n}\n.ant-checkbox.ant-checkbox-checked,\n.ant-checkbox.ant-checkbox-indeterminate {\n  .ant-checkbox-inner {\n    border: 1px solid $fills-light-general-general;\n  }\n}\n\n.ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {\n  background: $fills-light-general-general;\n  &:after {\n    background-color: $white;\n    height: 2px;\n    width: 10px;\n    border-radius: 2px;\n  }\n}\n\n&.ant-checkbox-wrapper-disabled {\n  opacity: 0.5;\n  .ant-checkbox-disabled .ant-checkbox-inner {\n    background: $fills-light-trans-3;\n    border-color: $strokes-light-trans-4 !important;\n  }\n  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {\n    border-color: $text-primary-light;\n  }\n  .ant-checkbox-disabled.ant-checkbox-indeterminate\n    .ant-checkbox-inner:after {\n    background: $text-primary-light;\n  }\n}\n\n.ant-checkbox + span,\n.ant-checkbox-disabled + span {\n  padding: 0;\n  .main {\n    display: inline-block;\n    margin-left: 12px;\n    color: $text-primary-light;\n  }\n  .sub {\n    margin-left: 28px;\n    color: $text-secondary-light;\n  }\n}\n\n&.compact {\n  .ant-checkbox + span,\n  .ant-checkbox-disabled + span {\n    .main {\n      margin-left: 8px;\n    }\n    .sub {\n      margin-left: 24px;\n    }\n  }\n}\n";
+export declare const CheckboxStyleContent = "\n.ant-checkbox {\n  height: 22px;\n  display: flex;\n  align-items: center;\n  top: 0;\n}\n.ant-checkbox-checked::after {\n  border: none;\n}\n&.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n&.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner {\n  border-color: $fill-outstanding-base;\n}\n\n.ant-checkbox .ant-checkbox-inner {\n  border: 1px solid $stroke-neutral-trans-4;\n}\n.ant-checkbox.ant-checkbox-checked,\n.ant-checkbox.ant-checkbox-indeterminate {\n  .ant-checkbox-inner {\n    border: 1px solid $fill-outstanding-base;\n  }\n}\n\n.ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {\n  background: $fill-outstanding-base;\n  &:after {\n    background-color: $fill-neutral-white;\n    height: 2px;\n    width: 10px;\n    border-radius: 2px;\n  }\n}\n\n&.ant-checkbox-wrapper-disabled {\n  opacity: 0.5;\n  .ant-checkbox-disabled .ant-checkbox-inner {\n    background: $fill-neutral-trans-3;\n    border-color: $stroke-neutral-trans-4 !important;\n  }\n  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {\n    border-color: $gray-gray-80;\n  }\n  .ant-checkbox-disabled.ant-checkbox-indeterminate\n    .ant-checkbox-inner:after {\n    background: $gray-gray-80;\n  }\n}\n\n.ant-checkbox + span,\n.ant-checkbox-disabled + span {\n  padding: 0;\n  .main {\n    display: inline-block;\n    margin-left: 12px;\n    color: $gray-gray-80;\n  }\n  .sub {\n    margin-left: 28px;\n    color: $text-neutral-tertiary;\n  }\n}\n\n&.compact {\n  .ant-checkbox + span,\n  .ant-checkbox-disabled + span {\n    .main {\n      margin-left: 8px;\n    }\n    .sub {\n      margin-left: 24px;\n    }\n  }\n}\n";
 export declare const CheckboxStyle: import("@linaria/core").LinariaClassName;

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

@@ -3,6 +3,10 @@ import React, { ReactNode } from "react";
 declare const Checkbox: React.FC<CheckboxProps & {
     description?: ReactNode;
     compact?: boolean;
+    "data-testid"?: string;
+    /**
+     * @deprecated 使用 `data-testid` 代替。
+     */
     "data-test"?: string;
 }>;
 export default Checkbox;

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

@@ -0,0 +1,21 @@
+import "dayjs/locale/zh-cn";
+import "dayjs/locale/ja";
+import "moment/locale/ja";
+import "moment/locale/zh-cn";
+import { ConfigProviderProps } from "antd/lib/config-provider";
+import { ConfigProviderProps as Antd5ConfigProviderProps } from "antd5";
+import React from "react";
+export type EagleTheme = "light" | "dark";
+export type ConfigProps = {
+    /** Must match the host document data-theme; does not mutate the host. */
+    theme?: EagleTheme;
+    antd4Configs?: ConfigProviderProps;
+    antd5Configs?: Antd5ConfigProviderProps;
+    config?: {
+        /** CTError i18n 命名空间 */
+        CTErrorI18nNs?: string;
+    };
+};
+export declare const useEagleTheme: () => EagleTheme;
+export declare const useConfig: () => ConfigProps["config"];
+export declare const ConfigProvider: React.FC<React.PropsWithChildren<ConfigProps>>;

package/dist/src/core/DetailCard/detailCard.type.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 export interface IDetailCardProps {
     title?: React.ReactNode;
+    "data-testid"?: string;
 }

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

@@ -8,6 +8,7 @@ export declare enum DonutChartColor {
     PURPLE = "purple"
 }
 export type IDonutChartProps = {
+    "data-testid"?: string;
     /**
      * 默认支持单色系展示，如果是单色系直接传入颜色类型
      */
@@ -103,21 +104,15 @@ export declare const formatChartData: ({ otherData, data, t, collapseText, }: ID
 } | {
     name: string;
     value: number;
-    color: "#D8DEEB";
+    color: null;
     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;
+    color: string;
     tooltip: {
         name: string;
         value: number;

package/dist/src/core/DropdownMenu/dropdownMenu.type.d.ts

@@ -9,6 +9,7 @@ export interface IDropDownMenuItem {
     onClick?: () => void;
     danger?: boolean;
     tooltip?: string;
+    "data-testid"?: string;
 }
 export type Placement = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight";
 export interface IDropdownMenuProps {
@@ -25,4 +26,5 @@ export interface IDropdownMenuProps {
     slotsElements: {
         trigger?: (args: object) => string | React.ReactNode;
     };
+    "data-testid"?: string;
 }

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

@@ -10,6 +10,7 @@ interface IItem {
     onClick?: () => void;
     danger?: boolean;
     tooltip?: string;
+    "data-testid"?: string;
 }
 export declare const RenderMenuItem: (item: IItem & {
     title?: string;

package/dist/src/core/Duration/duration.type.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { IEmptyProps } from "../../core/Empty";
+import { DurationUnitType, FormatDurationItem } from "../../utils/formatDuration";
+import { RawValue } from "../Units/units.type";
+/**
+ * Duration 组件的属性类型
+ *
+ * data-testid 在空态（Empty）和 noUnitOnZero 分支生效。
+ * 默认渲染分支（多单位拼接）和 contentRender 分支返回 Fragment，不支持 data-testid。
+ * 需要 data-testid 时，请在 Duration 外层自行包一层 wrapper 并设置 data-testid。
+ * 使用 contentRender 时，也可在 contentRender 返回的根元素上自行设置 data-testid。
+ */
+export interface DurationProps extends Omit<RawValue, "decimals"> {
+    /**
+     * 最大展示单位数量，默认为 2
+     * @default 2
+     * @example
+     * maxDisplayUnits={3} // 最多展示 3 个单位，如：1 day 1 hour 1 minute
+     */
+    maxDisplayUnits?: number;
+    /**
+     * 最小展示单位，默认为 "second"（秒）
+     * @default "second"
+     * @example
+     * minUnit="minute" // 最小单位为分钟，秒数会被忽略
+     */
+    minUnit?: DurationUnitType;
+    /**
+     * Empty组件的配置属性
+     */
+    emptyProps?: IEmptyProps;
+    /**
+     * 自定义返回结果的渲染。
+     * 当提供此函数时，将使用自定义渲染函数来渲染持续时间，而不是使用默认的渲染方式。
+     * 注意：使用 contentRender 时，组件不会透传 data-testid，
+     * 调用方需要在返回的根元素上自行设置 data-testid。
+     * @param parts 格式化后的持续时间数组，每个元素包含 value 和 unit
+     * @returns 自定义的 React 节点
+     * @example
+     * contentRender={(parts) => (
+     *   <div data-testid="my-duration">
+     *     {parts.map((part, i) => (
+     *       <span key={i}>{part.value} {part.unit}</span>
+     *     ))}
+     *   </div>
+     * )}
+     */
+    contentRender?: (parts: FormatDurationItem[]) => React.ReactNode;
+    "data-testid"?: string;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { DurationProps } from "./duration.type";
+declare const Duration: React.FC<DurationProps>;
+export default Duration;

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

@@ -1,7 +1,8 @@
 import React, { CSSProperties } from "react";
 export interface IEmptyProps {
+    "data-testid"?: string;
     className?: string;
     style?: CSSProperties;
 }
-declare const Empty: (props: IEmptyProps) => React.JSX.Element;
+declare const Empty: ({ className, style, "data-testid": dataTestId, }: IEmptyProps) => React.JSX.Element;
 export default Empty;

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

@@ -1,5 +1,6 @@
 import React from "react";
-declare const Error: ({ error }: {
+declare const Error: ({ error, "data-testid": dataTestId, }: {
     error: unknown;
+    "data-testid"?: string | undefined;
 }) => React.JSX.Element;
 export default Error;

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

@@ -5,5 +5,6 @@ declare const FailedLoad: React.FC<{
     refetchText?: string;
     className?: string;
     title?: string;
+    "data-testid"?: string;
 }>;
 export default FailedLoad;

package/dist/src/core/Fields/FieldsBoolean/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FieldBaseProps } from "../fields.type";
-declare const FieldsBoolean: ({ input, children, ...props }: FieldBaseProps) => React.JSX.Element;
+declare const FieldsBoolean: ({ input, children, "data-testid": dataTestId, ...props }: FieldBaseProps) => React.JSX.Element;
 export default FieldsBoolean;

package/dist/src/core/Fields/FieldsDateTime/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FieldBaseProps } from "../fields.type";
-declare const FieldsDateTime: ({ input }: FieldBaseProps) => React.JSX.Element;
+declare const FieldsDateTime: ({ input, "data-testid": dataTestId, }: FieldBaseProps) => React.JSX.Element;
 export default FieldsDateTime;

package/dist/src/core/Fields/FieldsEnum/fieldsEnum.type.d.ts

@@ -16,4 +16,5 @@ export type EnumProps<V = any, T extends HTMLElement = HTMLElement> = {
     disabled?: boolean;
     className?: string;
     dropdownClassName?: string;
+    "data-testid"?: string;
 } & BaseEnumProps;

package/dist/src/core/Fields/FieldsEnum/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { EnumProps } from "./fieldsEnum.type";
-declare const FieldsEnum: ({ meta: __, enumValues, emptyLabel, ...restProps }: EnumProps) => React.JSX.Element;
+declare const FieldsEnum: ({ meta: __, enumValues, emptyLabel, "data-testid": dataTestId, ...restProps }: EnumProps) => React.JSX.Element;
 export default FieldsEnum;
 export * from "./fieldsEnum.type";

package/dist/src/core/Fields/FieldsFloat/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FloatFieldProps } from "../../../spec";
-declare const FieldsFloat: ({ input, meta, onBlur, autoComplete, ...props }: FloatFieldProps) => React.JSX.Element;
+declare const FieldsFloat: ({ input, meta, onBlur, autoComplete, "data-testid": dataTestId, ...props }: FloatFieldProps) => React.JSX.Element;
 export default FieldsFloat;

package/dist/src/core/Fields/FieldsInt/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { IntFieldProps } from "./fieldsInt.type";
-declare const FieldsInt: ({ input, meta, onBlur, autoComplete, supportNegativeValue, ...props }: IntFieldProps) => React.JSX.Element;
+declare const FieldsInt: ({ input, meta, onBlur, autoComplete, supportNegativeValue, "data-testid": dataTestId, ...props }: IntFieldProps) => React.JSX.Element;
 export default FieldsInt;
 export * from "./fieldsInt.type";

package/dist/src/core/Fields/FieldsInteger/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IntegerFieldProps } from "../../../spec";
-declare const FieldsInteger: ({ meta, input, onBlur, ...props }: IntegerFieldProps) => React.JSX.Element;
+declare const FieldsInteger: ({ meta, input, onBlur, "data-testid": dataTestId, ...props }: IntegerFieldProps) => React.JSX.Element;
 export default FieldsInteger;

package/dist/src/core/Fields/FieldsString/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FieldBaseProps } from "../fields.type";
 import { StringProps } from "./fieldsString.type";
-declare const FieldsString: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, ...props }: FieldBaseProps & StringProps) => React.JSX.Element;
+declare const FieldsString: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, "data-testid": dataTestId, ...props }: FieldBaseProps & StringProps) => React.JSX.Element;
 export default FieldsString;
 export * from "./fieldsString.type";

package/dist/src/core/Fields/FieldsTextArea/index.d.ts

@@ -1,5 +1,5 @@
 import { TextAreaProps } from "antd/lib/input";
 import React from "react";
 import { FieldBaseProps } from "../fields.type";
-declare const FieldsTextArea: ({ input, meta, onFocusChangeHeight, ...props }: FieldBaseProps & TextAreaProps) => React.JSX.Element;
+declare const FieldsTextArea: ({ input, meta, onFocusChangeHeight, "data-testid": dataTestId, ...props }: FieldBaseProps & TextAreaProps) => React.JSX.Element;
 export default FieldsTextArea;

package/dist/src/core/Fields/FieldsTimePicker/index.d.ts

@@ -1,5 +1,5 @@
 import { TimePickerProps } from "antd/lib/time-picker";
 import React from "react";
 import { FieldBaseProps } from "../fields.type";
-declare const FieldsTimePicker: ({ input, meta, ...props }: FieldBaseProps & TimePickerProps) => React.JSX.Element;
+declare const FieldsTimePicker: ({ input, meta, "data-testid": dataTestId, ...props }: FieldBaseProps & TimePickerProps) => React.JSX.Element;
 export default FieldsTimePicker;

package/dist/src/core/Fields/__test__/data-testid.test.d.ts

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

package/dist/src/core/Fields/fields.type.d.ts

@@ -29,7 +29,7 @@ export interface FieldState<FieldValue> {
     visited?: boolean;
 }
 export type FieldMetaState<FieldValue> = Pick<FieldState<FieldValue>, Exclude<keyof FieldState<FieldValue>, "blur" | "change" | "focus" | "name" | "value">>;
-interface FieldInputProps<FieldValue, T extends HTMLElement = HTMLElement> extends AnyObject {
+export interface FieldInputProps<FieldValue, T extends HTMLElement = HTMLElement> extends AnyObject {
     name: string;
     onBlur: (event?: React.FocusEvent<T>) => void;
     onChange: (event: React.ChangeEvent<T> | any) => void;
@@ -47,5 +47,6 @@ export interface FieldRenderProps<FieldValue, T extends HTMLElement = HTMLElemen
 export type FieldBaseProps<V = any, T extends HTMLElement = HTMLElement> = FieldRenderProps<V, T> & {
     disabled?: boolean;
     className?: string;
+    "data-testid"?: string;
 };
 export {};

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

@@ -1,26 +1,30 @@
 /// <reference types="react" />
 declare const fields: {
-    Int: ({ input, meta, onBlur, autoComplete, supportNegativeValue, ...props }: import("./FieldsInt").IntFieldProps) => import("react").JSX.Element;
-    Integer: ({ meta, input, onBlur, ...props }: import("../..").IntegerFieldProps) => import("react").JSX.Element;
-    Float: ({ input, meta, onBlur, autoComplete, ...props }: import("../..").FloatFieldProps) => import("react").JSX.Element;
-    DateTime: ({ input }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
-    TimePicker: ({ input, meta, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Int: ({ input, meta, onBlur, autoComplete, supportNegativeValue, "data-testid": dataTestId, ...props }: import("./FieldsInt").IntFieldProps) => import("react").JSX.Element;
+    Integer: ({ meta, input, onBlur, "data-testid": dataTestId, ...props }: import("../..").IntegerFieldProps) => import("react").JSX.Element;
+    Float: ({ input, meta, onBlur, autoComplete, "data-testid": dataTestId, ...props }: import("../..").FloatFieldProps) => import("react").JSX.Element;
+    DateTime: ({ input, "data-testid": dataTestId, }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
+    TimePicker: ({ input, meta, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/time-picker").TimePickerProps) => import("react").JSX.Element;
-    Enum: ({ meta: __, enumValues, emptyLabel, ...restProps }: import("./FieldsEnum").EnumProps) => import("react").JSX.Element;
-    String: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Enum: ({ meta: __, enumValues, emptyLabel, "data-testid": dataTestId, ...restProps }: import("./FieldsEnum").EnumProps) => import("react").JSX.Element;
+    String: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("./FieldsString").StringProps) => import("react").JSX.Element;
-    Boolean: ({ input, children, ...props }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
-    TextArea: ({ input, meta, onFocusChangeHeight, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Boolean: ({ input, children, "data-testid": dataTestId, ...props }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
+    TextArea: ({ input, meta, onFocusChangeHeight, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/input").TextAreaProps) => import("react").JSX.Element;
     DateTimeRange: import("react").FC<import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/date-picker").DatePickerProps>;
 };
 export default fields;

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

@@ -1,4 +1,6 @@
 import { FormItemProps } from "antd/lib/form";
 import React from "react";
-declare const FormItem: (props: React.PropsWithChildren<FormItemProps>) => React.ReactElement;
+declare const FormItem: (props: React.PropsWithChildren<FormItemProps> & {
+    "data-testid"?: string;
+}) => React.ReactElement;
 export default FormItem;

package/dist/src/core/ImmersiveDialog/__test__/closeDisabled.test.d.ts

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

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { ImmersiveDialogProps } from "./type";
+/**
+ * 统一沉浸式弹窗的初始化展示、footer 和关闭入口，关闭锁定不接管业务主动出栈。
+ * @param props 弹窗布局、初始化状态与操作配置
+ */
+export declare function ImmersiveDialog(props: ImmersiveDialogProps): React.JSX.Element;

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

@@ -0,0 +1,15 @@
+export declare const ImmersiveDialogStyle: import("@linaria/core").LinariaClassName;
+export declare const MultiAreaStyle: import("@linaria/core").LinariaClassName;
+export declare const CloseIconStyle: import("@linaria/core").LinariaClassName;
+export declare const CloseButtonStyle: import("@linaria/core").LinariaClassName;
+export declare const TitleStyle: import("@linaria/core").LinariaClassName;
+export declare const FullContentStyle: import("@linaria/core").LinariaClassName;
+export declare const BodyStyle: import("@linaria/core").LinariaClassName;
+export declare const MultiAreaBodyStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterButtonStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterButtonRightStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorIconStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorTextStyle: import("@linaria/core").LinariaClassName;
+export declare const CancelButtonStyle: import("@linaria/core").LinariaClassName;