@cloudtower/eagle 0.34.0 → 0.34.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/cjs/UIKitProvider/index.js +13 -18
  2. package/dist/cjs/core/Banner/banner.style.js +11 -0
  3. package/dist/cjs/core/Banner/index.js +32 -0
  4. package/dist/cjs/core/BasicCTError/BasicCTError.style.js +5 -0
  5. package/dist/cjs/core/BasicCTError/index.js +40 -0
  6. package/dist/cjs/core/ConfigProvider/index.js +8 -2
  7. package/dist/cjs/core/Fields/FieldsDateTimeRange/index.js +20 -3
  8. package/dist/cjs/core/ImmersiveDialog/index.js +188 -0
  9. package/dist/cjs/core/ImmersiveDialog/styles.js +31 -0
  10. package/dist/cjs/core/LineChart/LineChartLegend.js +7 -5
  11. package/dist/cjs/core/LineChart/TooltipFormatter.js +7 -6
  12. package/dist/cjs/core/MediumDialog/MediumDialog.js +54 -0
  13. package/dist/cjs/core/SmallDialog/SmallDialog.js +144 -0
  14. package/dist/cjs/core/SmallDialog/SmallDialog.style.js +11 -0
  15. package/dist/cjs/core/TableForm/AddRowButton.js +2 -2
  16. package/dist/cjs/core/TableForm/index.js +21 -6
  17. package/dist/cjs/core/Timeline/index.js +13 -7
  18. package/dist/cjs/core/WizardDialog/index.js +170 -0
  19. package/dist/cjs/core/WizardDialog/styles.js +11 -0
  20. package/dist/cjs/core/index.js +9 -9
  21. package/dist/cjs/core/message/index.js +5 -215
  22. package/dist/cjs/core/message/message.js +222 -0
  23. package/dist/cjs/core/message/useMessage.js +12 -0
  24. package/dist/cjs/core/message-group/index.js +2 -2
  25. package/dist/cjs/coreX/DateRangePicker/AbsoluteDate.js +2 -1
  26. package/dist/cjs/coreX/DateRangePicker/Calendar.js +78 -58
  27. package/dist/cjs/coreX/DateRangePicker/index.js +13 -1
  28. package/dist/cjs/coreX/DateRangePicker/utils.js +5 -0
  29. package/dist/cjs/coreX/Dialogs/DeleteDialog/DeleteDialog.js +5 -3
  30. package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js +1 -1
  31. package/dist/cjs/coreX/KubeConfigModal/KubeConfigModal.style.js +29 -0
  32. package/dist/cjs/coreX/KubeConfigModal/index.js +102 -0
  33. package/dist/cjs/coreX/KubeConfigModal/utils.js +25 -0
  34. package/dist/cjs/hooks/useCTErrorMsg.js +25 -0
  35. package/dist/cjs/index.js +225 -197
  36. package/dist/cjs/legacy-antd.js +81 -81
  37. package/dist/cjs/stats1.html +1 -1
  38. package/dist/cjs/utils/cterror.js +64 -0
  39. package/dist/cjs/utils/unit.js +19 -0
  40. package/dist/components.css +3147 -3859
  41. package/dist/esm/UIKitProvider/index.js +3 -6
  42. package/dist/esm/core/Banner/banner.style.js +6 -0
  43. package/dist/esm/core/Banner/index.js +25 -0
  44. package/dist/esm/core/BasicCTError/BasicCTError.style.js +3 -0
  45. package/dist/esm/core/BasicCTError/index.js +34 -0
  46. package/dist/esm/core/ConfigProvider/index.js +9 -4
  47. package/dist/esm/core/Fields/FieldsDateTimeRange/index.js +20 -3
  48. package/dist/esm/core/ImmersiveDialog/index.js +182 -0
  49. package/dist/esm/core/ImmersiveDialog/styles.js +16 -0
  50. package/dist/esm/core/LineChart/LineChartLegend.js +4 -2
  51. package/dist/esm/core/LineChart/TooltipFormatter.js +7 -6
  52. package/dist/esm/core/MediumDialog/MediumDialog.js +48 -0
  53. package/dist/esm/core/SmallDialog/SmallDialog.js +137 -0
  54. package/dist/esm/core/SmallDialog/SmallDialog.style.js +6 -0
  55. package/dist/esm/core/TableForm/AddRowButton.js +2 -2
  56. package/dist/esm/core/TableForm/index.js +21 -6
  57. package/dist/esm/core/Timeline/index.js +13 -7
  58. package/dist/esm/core/WizardDialog/index.js +164 -0
  59. package/dist/esm/core/WizardDialog/styles.js +6 -0
  60. package/dist/esm/core/message/index.js +4 -184
  61. package/dist/esm/core/message/message.js +186 -0
  62. package/dist/esm/core/message/useMessage.js +9 -0
  63. package/dist/esm/core/message-group/index.js +1 -1
  64. package/dist/esm/coreX/DateRangePicker/AbsoluteDate.js +2 -1
  65. package/dist/esm/coreX/DateRangePicker/Calendar.js +79 -59
  66. package/dist/esm/coreX/DateRangePicker/index.js +13 -1
  67. package/dist/esm/coreX/DateRangePicker/utils.js +3 -0
  68. package/dist/esm/coreX/Dialogs/DeleteDialog/DeleteDialog.js +5 -3
  69. package/dist/esm/coreX/Dialogs/RejectDialog/RejectDialog.js +1 -1
  70. package/dist/esm/coreX/KubeConfigModal/KubeConfigModal.style.js +20 -0
  71. package/dist/esm/coreX/KubeConfigModal/index.js +96 -0
  72. package/dist/esm/coreX/KubeConfigModal/utils.js +22 -0
  73. package/dist/esm/hooks/useCTErrorMsg.js +23 -0
  74. package/dist/esm/index.js +14 -5
  75. package/dist/esm/legacy-antd.js +1 -1
  76. package/dist/esm/stats1.html +1 -1
  77. package/dist/esm/utils/cterror.js +58 -0
  78. package/dist/esm/utils/unit.js +17 -0
  79. package/dist/linaria.merged.scss +3157 -2720
  80. package/dist/src/UIKitProvider/index.d.ts +1 -3
  81. package/dist/src/core/Antd5Flex/index.d.ts +2 -0
  82. package/dist/src/core/Antd5Tree/Antd5Tree.d.ts +1 -0
  83. package/dist/src/core/Antd5Tree/Antd5Tree.type.d.ts +4 -0
  84. package/dist/src/core/Antd5Tree/index.d.ts +2 -0
  85. package/dist/src/core/Banner/banner.style.d.ts +4 -0
  86. package/dist/src/core/Banner/banner.types.d.ts +28 -0
  87. package/dist/src/core/Banner/index.d.ts +3 -0
  88. package/dist/src/core/BasicCTError/BasicCTError.style.d.ts +1 -0
  89. package/dist/src/core/BasicCTError/BasicCTError.type.d.ts +56 -0
  90. package/dist/src/core/BasicCTError/index.d.ts +3 -0
  91. package/dist/src/core/ConfigProvider/index.d.ts +6 -1
  92. package/dist/src/core/ImmersiveDialog/index.d.ts +3 -0
  93. package/dist/src/core/ImmersiveDialog/styles.d.ts +14 -0
  94. package/dist/src/core/ImmersiveDialog/type.d.ts +37 -0
  95. package/dist/src/core/Input/index.d.ts +2 -4
  96. package/dist/src/core/Input/input.type.d.ts +4 -0
  97. package/dist/src/core/LineChart/type.d.ts +1 -0
  98. package/dist/src/core/MediumDialog/MediumDialog.d.ts +3 -0
  99. package/dist/src/core/MediumDialog/index.d.ts +1 -0
  100. package/dist/src/core/SmallDialog/SmallDialog.d.ts +3 -0
  101. package/dist/src/core/SmallDialog/SmallDialog.style.d.ts +4 -0
  102. package/dist/src/{coreX/Dialogs/SmallDialog.d.ts → core/SmallDialog/SmallDialog.type.d.ts} +12 -4
  103. package/dist/src/core/SmallDialog/index.d.ts +3 -0
  104. package/dist/src/core/TableForm/types.d.ts +7 -2
  105. package/dist/src/core/Timeline/Timeline.type.d.ts +27 -7
  106. package/dist/src/core/Timeline/index.d.ts +5 -1
  107. package/dist/src/core/WizardDialog/index.d.ts +3 -0
  108. package/dist/src/core/WizardDialog/styles.d.ts +4 -0
  109. package/dist/src/core/WizardDialog/type.d.ts +31 -0
  110. package/dist/src/core/index.d.ts +10 -14
  111. package/dist/src/core/message/index.d.ts +4 -53
  112. package/dist/src/core/message/message.d.ts +53 -0
  113. package/dist/src/core/message/useMessage.d.ts +4 -0
  114. package/dist/src/coreX/DateRangePicker/__tests__/utils.test.d.ts +1 -0
  115. package/dist/src/coreX/DateRangePicker/dateRangePicker.type.d.ts +10 -2
  116. package/dist/src/coreX/DateRangePicker/utils.d.ts +7 -0
  117. package/dist/src/coreX/Dialogs/DeleteDialog/DeleteDialog.type.d.ts +2 -0
  118. package/dist/src/coreX/Dialogs/index.d.ts +0 -1
  119. package/dist/src/coreX/KubeConfigModal/KubeConfigModal.style.d.ts +9 -0
  120. package/dist/src/coreX/KubeConfigModal/KubeConfigModal.type.d.ts +21 -0
  121. package/dist/src/coreX/KubeConfigModal/index.d.ts +4 -0
  122. package/dist/src/coreX/KubeConfigModal/utils.d.ts +2 -0
  123. package/dist/src/coreX/index.d.ts +2 -0
  124. package/dist/src/hooks/__tests__/useCTErrorMsg.test.d.ts +1 -0
  125. package/dist/src/hooks/index.d.ts +1 -0
  126. package/dist/src/hooks/useCTErrorMsg.d.ts +7 -0
  127. package/dist/src/utils/__test__/cterror.test.d.ts +1 -0
  128. package/dist/src/utils/__test__/unit.spec.d.ts +1 -0
  129. package/dist/src/utils/cterror.d.ts +29 -0
  130. package/dist/src/utils/index.d.ts +1 -0
  131. package/dist/src/utils/type.d.ts +32 -0
  132. package/dist/src/utils/unit.d.ts +14 -0
  133. package/dist/stories/docs/core/Antd5Tree.stories.d.ts +44 -0
  134. package/dist/stories/docs/core/Banner.stories.d.ts +53 -0
  135. package/dist/stories/docs/core/BasicCTError.stories.d.ts +47 -0
  136. package/dist/stories/docs/core/FieldsDateTimeRange.stories.d.ts +1 -0
  137. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +96 -0
  138. package/dist/stories/docs/core/Input.simple.stories.d.ts +1 -3
  139. package/dist/stories/docs/core/LineChart.stories.d.ts +1 -0
  140. package/dist/stories/docs/core/MediumDialog.stories.d.ts +35 -0
  141. package/dist/stories/docs/core/Modal.stories.d.ts +0 -2
  142. package/dist/stories/docs/core/SmallDialog.stories.d.ts +37 -0
  143. package/dist/stories/docs/core/Timeline.stories.d.ts +4 -1
  144. package/dist/stories/docs/core/WizardDialog.stories.d.ts +109 -0
  145. package/dist/stories/docs/coreX/DateRangePicker.stories.d.ts +1 -0
  146. package/dist/stories/docs/coreX/Dialogs/DeleteDialog.stories.d.ts +5 -0
  147. package/dist/stories/docs/coreX/KubeConfigModal.stories.d.ts +83 -0
  148. package/dist/style.css +2867 -2469
  149. package/package.json +8 -7
  150. package/dist/cjs/coreX/Dialogs/SmallDialog.js +0 -86
  151. package/dist/esm/coreX/Dialogs/SmallDialog.js +0 -80
@@ -1,6 +1,6 @@
1
1
  import { ParrotI18nSupportLng } from "@cloudtower/parrot";
2
2
  import { BatchHelper } from "../core";
3
- import { ConfigOptions as MessageConfigOptions, MessageApi } from "../core/message";
3
+ import { ConfigOptions as MessageConfigOptions } from "../core/message/message";
4
4
  import React, { PropsWithChildren } from "react";
5
5
  import { ConfigProps } from "../core/ConfigProvider";
6
6
  import { Kit } from "../spec";
@@ -14,11 +14,9 @@ export interface IProps {
14
14
  config?: ConfigProps;
15
15
  }
16
16
  export declare const kitContext: React.Context<Kit<any, HTMLElement>>;
17
- export declare const MessageContext: React.Context<MessageApi>;
18
17
  declare const UIKitProvider: (props: PropsWithChildren<IProps>) => React.JSX.Element;
19
18
  export default UIKitProvider;
20
19
  /**
21
20
  * @deprecated 由于 useUIKit 会使 Treeshake 失效。不再推荐使用
22
21
  */
23
22
  export declare const useUIKit: () => Kit<any, HTMLElement>;
24
- export declare const useMessage: () => MessageApi;
@@ -0,0 +1,2 @@
1
+ export { Flex as Antd5Flex } from "antd5";
2
+ export type { FlexProps as Antd5FlexProps } from "antd5";
@@ -0,0 +1 @@
1
+ export { Tree as Antd5Tree } from "antd5";
@@ -0,0 +1,4 @@
1
+ import { TreeDataNode, TreeNodeProps, TreeProps } from "antd5";
2
+ export type Antd5TreeProps = TreeProps;
3
+ export type Antd5TreeDataNode = TreeDataNode;
4
+ export type Antd5TreeNodeProps = TreeNodeProps;
@@ -0,0 +1,2 @@
1
+ export * from "./Antd5Tree";
2
+ export * from "./Antd5Tree.type";
@@ -0,0 +1,4 @@
1
+ export declare const BasicBanner: import("@linaria/core").LinariaClassName;
2
+ export declare const ErrorBanner: import("@linaria/core").LinariaClassName;
3
+ export declare const InfoBanner: import("@linaria/core").LinariaClassName;
4
+ export declare const WarningBanner: import("@linaria/core").LinariaClassName;
@@ -0,0 +1,28 @@
1
+ import { HTMLAttributes } from "react";
2
+ import { ButtonProps } from "../Button";
3
+ /**
4
+ * Banner组件的属性
5
+ * @property {('error' | 'info' | 'warning')} type - Banner的类型,决定背景色和样式
6
+ * @property {string} message - Banner显示的消息内容
7
+ * @property {object} [btnProps] - 按钮相关配置,包含文本、点击事件和显示控制
8
+ * @property {function} [btnProps.onClick] - 按钮点击事件的回调函数
9
+ * @property {string} btnProps.text - 按钮显示的文本
10
+ * @property {boolean} [btnProps.hide] - 是否隐藏按钮,默认为false
11
+ * @example
12
+ * {
13
+ * type: "warning",
14
+ * message: "系统将在30分钟后进行维护",
15
+ * btnProps: {
16
+ * text: "了解详情",
17
+ * onClick: () => { console.log("查看详情") }
18
+ * }
19
+ * }
20
+ */
21
+ export type BannerProps = HTMLAttributes<"DIV"> & {
22
+ type: "error" | "info" | "warning";
23
+ message: string;
24
+ btnProps?: Pick<ButtonProps, "onClick"> & {
25
+ text: string;
26
+ hide?: boolean;
27
+ };
28
+ };
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { BannerProps } from "./banner.types";
3
+ export declare const Banner: React.FC<BannerProps>;
@@ -0,0 +1 @@
1
+ export declare const BasicCTErrorStyle: import("@linaria/core").LinariaClassName;
@@ -0,0 +1,56 @@
1
+ import React from "react";
2
+ import { CTError } from "../../utils/cterror";
3
+ import { UseCTErrorMsgOptions } from "../../hooks/useCTErrorMsg";
4
+ /**
5
+ * 错误详情渲染器的 props
6
+ */
7
+ export interface ErrorItemRenderProps {
8
+ /** 单条错误消息 */
9
+ errorMsg: string | undefined;
10
+ /** 错误索引 */
11
+ index: number;
12
+ }
13
+ /**
14
+ * 错误容器渲染器的 props
15
+ */
16
+ export interface ErrorContainerRenderProps {
17
+ /** 自定义类名 */
18
+ className?: string;
19
+ /** 子元素 */
20
+ children?: React.ReactNode;
21
+ /** 错误信息 */
22
+ errorMsgs: (string | undefined)[];
23
+ }
24
+ /**
25
+ * BasicCTError 组件的 props
26
+ */
27
+ export interface BasicCTErrorProps {
28
+ /**
29
+ * 错误对象,支持多种格式的错误
30
+ * - AxiosError: Axios 请求错误
31
+ * - CloudTowerErrorResponse: 服务端响应错误
32
+ * - 其他类型: 会被转换为字符串显示
33
+ */
34
+ error: CTError | string;
35
+ /**
36
+ * 自定义类名,会应用到错误容器上
37
+ */
38
+ className?: string;
39
+ /**
40
+ * 自定义错误容器渲染器
41
+ * 用于自定义整个错误信息的容器样式和结构
42
+ * @default 使用内置的 span 容器,应用了默认样式
43
+ */
44
+ ErrorContainerRender?: React.FC<ErrorContainerRenderProps>;
45
+ /**
46
+ * 自定义错误详情渲染器
47
+ * 用于自定义单条错误信息的渲染方式
48
+ * 如果不提供,多条错误会被拼接成一个字符串显示
49
+ */
50
+ ErrorItemRender?: React.FC<ErrorItemRenderProps>;
51
+ /**
52
+ * 错误消息处理选项
53
+ * 用于配置国际化命名空间和其他翻译选项
54
+ */
55
+ errorMsgOptions?: UseCTErrorMsgOptions;
56
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { BasicCTErrorProps } from "./BasicCTError.type";
3
+ export declare const BasicCTError: React.FC<BasicCTErrorProps>;
@@ -6,5 +6,10 @@ import React from "react";
6
6
  export type ConfigProps = {
7
7
  antd4Configs?: ConfigProviderProps;
8
8
  antd5Configs?: Antd5ConfigProviderProps;
9
+ config?: {
10
+ /** CTError i18n 命名空间 */
11
+ CTErrorI18nNs?: string;
12
+ };
9
13
  };
10
- export declare const ConfigProvider: React.FC<ConfigProps>;
14
+ export declare const useConfig: () => ConfigProps["config"];
15
+ export declare const ConfigProvider: React.FC<React.PropsWithChildren<ConfigProps>>;
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { ImmersiveDialogProps } from "./type";
3
+ export declare function ImmersiveDialog(props: ImmersiveDialogProps): React.JSX.Element;
@@ -0,0 +1,14 @@
1
+ export declare const ImmersiveDialogStyle: import("@linaria/core").LinariaClassName;
2
+ export declare const MultiAreaStyle: import("@linaria/core").LinariaClassName;
3
+ export declare const CloseIconStyle: import("@linaria/core").LinariaClassName;
4
+ export declare const TitleStyle: import("@linaria/core").LinariaClassName;
5
+ export declare const FullContentStyle: import("@linaria/core").LinariaClassName;
6
+ export declare const BodyStyle: import("@linaria/core").LinariaClassName;
7
+ export declare const MultiAreaBodyStyle: import("@linaria/core").LinariaClassName;
8
+ export declare const FooterStyle: import("@linaria/core").LinariaClassName;
9
+ export declare const FooterButtonStyle: import("@linaria/core").LinariaClassName;
10
+ export declare const FooterButtonRightStyle: import("@linaria/core").LinariaClassName;
11
+ export declare const ErrorStyle: import("@linaria/core").LinariaClassName;
12
+ export declare const ErrorIconStyle: import("@linaria/core").LinariaClassName;
13
+ export declare const ErrorTextStyle: import("@linaria/core").LinariaClassName;
14
+ export declare const CancelButtonStyle: import("@linaria/core").LinariaClassName;
@@ -0,0 +1,37 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from "../../core/Button";
3
+ import { ModalProps as AntdModalProps } from "antd/lib/modal";
4
+ export type ImmersiveDialogProps = React.PropsWithChildren<AntdModalProps & {
5
+ /** 自定义关闭图标 */
6
+ closeIcon?: React.ReactNode;
7
+ /** 是否显示取消按钮 */
8
+ showCancel?: boolean;
9
+ /** 取消按钮的文本 */
10
+ cancelText?: string;
11
+ /** 取消按钮的属性 */
12
+ cancelButtonProps?: ButtonProps;
13
+ /** 是否显示确定按钮 */
14
+ showOk?: boolean;
15
+ /** 确定按钮的文本 */
16
+ okText?: string;
17
+ /** 确定按钮的 loading */
18
+ okLoading?: boolean;
19
+ /** 确定按钮的属性 */
20
+ okButtonProps?: ButtonProps;
21
+ /** 错误信息 */
22
+ error?: React.ReactNode;
23
+ /** 确定按钮的回调 */
24
+ onOk?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
25
+ /** 是否内容占满 */
26
+ isContentFull?: boolean;
27
+ /** 左侧自定义内容 */
28
+ left?: React.ReactNode;
29
+ /** 左侧自定义内容类名 */
30
+ leftClassName?: string;
31
+ /** 右侧自定义内容 */
32
+ right?: React.ReactNode;
33
+ /** 右侧自定义内容类名 */
34
+ rightClassName?: string;
35
+ /** 底部左侧的操作区域 */
36
+ footerLeftAction?: React.ReactNode;
37
+ }>;
@@ -1,7 +1,5 @@
1
- import { InputProps } from "antd/lib/input";
2
1
  import React from "react";
3
- declare const Input: React.FC<InputProps & {
4
- error?: boolean;
5
- }>;
2
+ import { InputProps } from "./input.type";
3
+ declare const Input: React.FC<InputProps>;
6
4
  export default Input;
7
5
  export * from "./input.type";
@@ -1,3 +1,4 @@
1
+ import { InputProps as AntdInputProps } from "antd/lib/input";
1
2
  export interface AdditionOptions {
2
3
  /**
3
4
  * 使用变量控制是否显示 error 效果
@@ -12,3 +13,6 @@ export interface AdditionOptions {
12
13
  */
13
14
  suffix?: string;
14
15
  }
16
+ export type InputProps = AntdInputProps & {
17
+ error?: boolean;
18
+ };
@@ -18,6 +18,7 @@ export interface ILineChartILegend {
18
18
  color?: string;
19
19
  fill?: string;
20
20
  stroke?: boolean;
21
+ iconSuffix?: ReactElement;
21
22
  }
22
23
  export interface ILineChartMetricStream {
23
24
  points: ILineChartDataPoint[];
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { SmallDialogProps } from "../../core/SmallDialog";
3
+ export declare const MediumDialog: React.FC<SmallDialogProps>;
@@ -0,0 +1 @@
1
+ export * from "./MediumDialog";
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { SmallDialogProps } from "./SmallDialog.type";
3
+ export declare const SmallDialog: React.FC<SmallDialogProps>;
@@ -0,0 +1,4 @@
1
+ export declare const DialogStyle: import("@linaria/core").LinariaClassName;
2
+ export declare const FooterStyle: import("@linaria/core").LinariaClassName;
3
+ export declare const ErrorTextStyle: import("@linaria/core").LinariaClassName;
4
+ export declare const CloseIconStyle: import("@linaria/core").LinariaClassName;
@@ -1,8 +1,12 @@
1
- import { ButtonProps } from "antd/lib/button";
1
+ import { ButtonProps } from "../../core/Button";
2
2
  import React from "react";
3
- interface SmallDialogProps {
3
+ export interface SmallDialogProps {
4
4
  /** 弹窗标题 */
5
5
  title: React.ReactNode;
6
+ /** 自定义标题 */
7
+ TitleRender?: React.FC<{
8
+ title?: React.ReactNode;
9
+ }>;
6
10
  /** 取消按钮文案 */
7
11
  cancelText?: string;
8
12
  /** 确认按钮文案 */
@@ -26,6 +30,10 @@ interface SmallDialogProps {
26
30
  /** 取消按钮属性,优先使用 cancelText */
27
31
  cancelButtonProps?: ButtonProps;
28
32
  children?: React.ReactNode;
33
+ /** 展示在 modal footer 的错误文案 */
34
+ error?: React.ReactNode;
35
+ /** 是否展示在 modal footer 的错误图标, 默认展示 */
36
+ showFooterErrorIcon?: boolean;
37
+ /** 确认按钮加载状态 */
38
+ confirmLoading?: boolean;
29
39
  }
30
- export declare const SmallDialog: React.FC<SmallDialogProps>;
31
- export {};
@@ -0,0 +1,3 @@
1
+ export * from "./SmallDialog";
2
+ export * from "./SmallDialog.type";
3
+ export * from "./SmallDialog.style";
@@ -123,7 +123,7 @@ export interface ColumnBodyCellProps {
123
123
  export type AddRowButtonProps = {
124
124
  config: RowAddConfigurations;
125
125
  columns: TableFormColumn[];
126
- updateData: (data: DataType[]) => void;
126
+ addData: (data: DataType[]) => void;
127
127
  data: DataType[];
128
128
  };
129
129
  export type RowAddConfigurations = {
@@ -240,11 +240,15 @@ export type TableFormProps = {
240
240
  /**
241
241
  * 表格头部数据失去焦点时的回调
242
242
  */
243
- onHeaderBlur?: (data: any[]) => void;
243
+ onHeaderBlur?: (data: any[], columnKey: string) => void;
244
244
  /**
245
245
  * 表格行数据变化的回调
246
246
  */
247
247
  onBodyChange?: (value: DataType[], rowIndex?: number, columnKey?: string) => void;
248
+ /**
249
+ * 表格行数据添加的回调
250
+ */
251
+ onBodyAdd?: (value: DataType[], rowIndex: number) => void;
248
252
  /**
249
253
  * 表格行数据失去焦点时的回调
250
254
  */
@@ -256,6 +260,7 @@ export type TableFormProps = {
256
260
  };
257
261
  export type TableFormHandle = {
258
262
  setData: (data: DataType[]) => void;
263
+ setDataWithoutTriggerChange: (data: DataType[]) => void;
259
264
  validateWholeFields: () => void;
260
265
  isValid: () => boolean;
261
266
  };
@@ -67,22 +67,38 @@ export interface TimelineItemData {
67
67
  * message: "升级失败,请检查网络连接",
68
68
  * action: <Button>重试</Button>
69
69
  * }
70
+ * @deprecated 推荐优先使用 detailMessages
70
71
  */
71
72
  detailMessage?: AlertProps;
72
73
  /**
73
- * 自定义详情信息渲染函数,优先级高于detailMessage
74
- * 可以完全自定义详情区域的展示内容和样式
75
- * @param detailMessage - 默认的详情信息配置
74
+ * 详情信息列表,通常用于显示错误详情或额外说明
75
+ * 支持多个详情信息,每个详情信息可以包含不同的样式和内容
76
+ * 优先级高于 detailMessage
77
+ * @example
78
+ * detailMessages: [{
79
+ * message: "升级失败,请检查网络连接",
80
+ * action: <Button>重试</Button>
81
+ * }, {
82
+ * message: "错误详情:网络超时",
83
+ * type: "warning"
84
+ * }]
85
+ */
86
+ detailMessages?: AlertProps[];
87
+ /**
88
+ * 自定义详情信息渲染函数,作用于每个详情信息
89
+ * 可以完全自定义每个详情信息的展示内容和样式
90
+ * @param detailMessage - 单个详情信息配置
91
+ * @param index - 当前详情信息在列表中的索引
76
92
  * @returns 自定义渲染的React节点
77
93
  * @example
78
- * detailMessageRender: (message) => (
79
- * <div style={{ padding: "8px" }}>
94
+ * detailMessageRender: (message, index) => (
95
+ * <div key={index} style={{ padding: "8px", marginBottom: "4px" }}>
80
96
  * <div>{message?.message}</div>
81
- * <Button>重试</Button>
97
+ * {index === 0 && <Button>重试</Button>}
82
98
  * </div>
83
99
  * )
84
100
  */
85
- detailMessageRender?: (detailMessage?: AlertProps) => ReactNode;
101
+ detailMessageRender?: (detailMessage?: AlertProps, index?: number) => ReactNode;
86
102
  /**
87
103
  * 主要信息区域,展示操作标题、版本号等重要信息
88
104
  * 支持多行信息,每行可以包含多个不同类型的元素(标签、文本、链接等)
@@ -179,6 +195,10 @@ export interface TimelineProps {
179
195
  * ]}
180
196
  */
181
197
  items: TimelineItemData[];
198
+ /**
199
+ * 时间线容器类名,可用于自定义时间线容器的样式
200
+ */
201
+ timelineContainerClassName?: string;
182
202
  /**
183
203
  * 空状态显示文本,当items为空数组时显示
184
204
  * @default "暂无数据"
@@ -3,8 +3,12 @@ import { TimelineProps } from "./Timeline.type";
3
3
  /**
4
4
  * Timeline 组件:展示时间线
5
5
  *
6
+ * 支持多种状态的时间线项目,包括成功、失败、进行中、通知、空闲等状态
7
+ * 支持自定义渲染和详情信息展示,优先使用 detailMessages 而非 detailMessage
8
+ * 支持使用 Area 组件灵活自定义辅助信息展示
9
+ *
6
10
  * @param props - 组件属性
7
11
  * @returns React 组件
8
12
  */
9
- export declare const Timeline: ({ items, emptyText, emptyRender, compact, emptyTextClassName, }: TimelineProps) => ReactElement;
13
+ export declare const Timeline: ({ items, emptyText, emptyRender, compact, timelineContainerClassName, emptyTextClassName, }: TimelineProps) => ReactElement;
10
14
  export * from "./Timeline.type";
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { WizardDialogProps } from "./type";
3
+ export declare function WizardDialog(props: WizardDialogProps): React.JSX.Element;
@@ -0,0 +1,4 @@
1
+ export declare const StepStyle: import("@linaria/core").LinariaClassName;
2
+ export declare const PrevIconStyle: import("@linaria/core").LinariaClassName;
3
+ export declare const StepContentStyle: import("@linaria/core").LinariaClassName;
4
+ export declare const RightPanelStyle: import("@linaria/core").LinariaClassName;
@@ -0,0 +1,31 @@
1
+ /// <reference types="react" />
2
+ import { ImmersiveDialogProps } from "../../core/ImmersiveDialog/type";
3
+ export type WizardDialogProps = ImmersiveDialogProps & {
4
+ /** 当前步骤 */
5
+ step?: number;
6
+ /** 步骤配置数组 */
7
+ steps?: {
8
+ /** 步骤标题 */
9
+ title: string;
10
+ /** 步骤内容渲染 */
11
+ children: React.ReactNode;
12
+ }[];
13
+ /** 是否隐藏步骤 */
14
+ hideSteps?: boolean;
15
+ /** 左侧自定义内容 */
16
+ left?: React.ReactNode;
17
+ /** 右侧自定义内容 */
18
+ right?: React.ReactNode;
19
+ /** 是否销毁其他步骤内容 */
20
+ destroyOtherStep?: boolean;
21
+ /** 上一步的文本 */
22
+ prevText?: string;
23
+ /** 上一步的回调 */
24
+ onPrevStep?: (step: number) => void;
25
+ /** 下一步的文本 */
26
+ nextText?: string;
27
+ /** 下一步的回调 */
28
+ onNextStep?: (step: number) => void | boolean;
29
+ /** 步骤改变时的回调 */
30
+ onStepChange?: (step: number) => void;
31
+ };
@@ -2,17 +2,18 @@ export * from "./AccordionCard";
2
2
  export * from "./Alert";
3
3
  export * from "./Antd5Anchor";
4
4
  export * from "./Antd5Dropdown";
5
+ export * from "./Antd5Flex";
6
+ export * from "./Antd5Tree";
5
7
  export * from "./Arch";
6
8
  export * from "./Badge";
9
+ export * from "./Banner";
7
10
  export * from "./BaseIcon";
8
- export * from "./BaseIcon";
11
+ export * from "./BasicCTError";
9
12
  export * from "./Bit";
10
13
  export * from "./BitPerSecond";
11
14
  export * from "./Bps";
12
15
  export * from "./Breadcrumb";
13
16
  export * from "./Button";
14
- export * from "./Button";
15
- export * from "./ButtonGroup";
16
17
  export * from "./ButtonGroup";
17
18
  export * from "./Byte";
18
19
  export * from "./BytePerSecond";
@@ -34,6 +35,7 @@ export * from "./Form";
34
35
  export * from "./FormItem";
35
36
  export * from "./Frequency";
36
37
  export * from "./Icon";
38
+ export * from "./ImmersiveDialog";
37
39
  export * from "./Input";
38
40
  export * from "./InputGroup";
39
41
  export * from "./InputInteger";
@@ -42,27 +44,22 @@ export * from "./InputPassword";
42
44
  export * from "./InputTagItem";
43
45
  export * from "./KitStoreProvider";
44
46
  export * from "./LegacySelect";
45
- export * from "./LineChart";
47
+ export * from "./Legend";
46
48
  export * from "./LineChart";
47
49
  export * from "./Link";
48
- export * from "./Legend";
49
50
  export * from "./Loading";
51
+ export * from "./MediumDialog";
50
52
  export * from "./message";
51
53
  export * from "./message-group";
52
54
  export * from "./Metric";
53
- export * from "./Metric";
54
- export * from "./Modal";
55
55
  export * from "./Modal";
56
56
  export * from "./ModalStack";
57
57
  export * from "./Overflow";
58
- export * from "./Overflow";
59
- export * from "./Pagination";
60
58
  export * from "./Pagination";
61
59
  export * from "./ParrotTrans";
62
60
  export * from "./Percent";
63
61
  export * from "./Progress";
64
62
  export * from "./Radio";
65
- export * from "./Radio";
66
63
  export * from "./SearchInput";
67
64
  export * from "./Second";
68
65
  export * from "./SegmentControl";
@@ -70,15 +67,13 @@ export * from "./Select";
70
67
  export * from "./SidebarMenu";
71
68
  export * from "./SimplePagination";
72
69
  export * from "./Skeleton";
70
+ export * from "./SmallDialog";
73
71
  export * from "./Space";
74
72
  export * from "./Speed";
75
73
  export * from "./StatusCapsule";
76
74
  export * from "./StepProgress";
77
75
  export * from "./Steps";
78
- export * from "./Steps";
79
76
  export * from "./Styled";
80
- export * from "./Styled";
81
- export * from "./Switch";
82
77
  export * from "./Switch";
83
78
  export * from "./Table";
84
79
  export * from "./TableForm";
@@ -93,6 +88,7 @@ export * from "./Tooltip";
93
88
  export * from "./Truncate";
94
89
  export * from "./Typo";
95
90
  export * from "./Units";
91
+ export * from "./WizardDialog";
96
92
  export declare const units: {
97
93
  Percent: import("./Units").PercentFn;
98
94
  Byte: import("./Units").UnitFn;
@@ -144,10 +140,10 @@ export { default as InputPassword } from "./InputPassword";
144
140
  export { default as InputTagItem } from "./InputTagItem";
145
141
  export { default as KitStoreProvider } from "./KitStoreProvider";
146
142
  export { default as LegacySelect } from "./LegacySelect";
143
+ export { default as Legend } from "./Legend";
147
144
  export { default as LineChart } from "./LineChart";
148
145
  export { default as Link } from "./Link";
149
146
  export { default as Loading } from "./Loading";
150
- export { default as Legend } from "./Legend";
151
147
  export { default as message } from "./message";
152
148
  export { default as Metric } from "./Metric";
153
149
  export { default as Modal } from "./Modal";
@@ -1,53 +1,4 @@
1
- import * as React from "react";
2
- type NoticeType = "info" | "success" | "error" | "warning" | "loading";
3
- export declare const DEFAULT_DURATION = 3;
4
- export declare function getKeyThenIncreaseKey(): number;
5
- export interface ConfigOptions {
6
- top?: number;
7
- duration?: number;
8
- prefixCls?: string;
9
- getContainer?: () => HTMLElement;
10
- transitionName?: string;
11
- maxCount?: number;
12
- rtl?: boolean;
13
- }
14
- export interface ThenableArgument {
15
- (val: any): void;
16
- }
17
- export interface MessageType {
18
- (): void;
19
- then: (fill: ThenableArgument, reject: ThenableArgument) => Promise<void>;
20
- promise: Promise<void>;
21
- }
22
- export interface ArgsProps {
23
- content: React.ReactNode;
24
- duration: number | null;
25
- type?: NoticeType;
26
- prefixCls?: string;
27
- onClose?: () => void;
28
- icon?: React.ReactNode;
29
- key?: string | number;
30
- style?: React.CSSProperties;
31
- className?: string;
32
- }
33
- type ConfigContent = React.ReactNode | string;
34
- type ConfigDuration = number | (() => void);
35
- type JointContent = ConfigContent | ArgsProps;
36
- export type ConfigOnClose = () => void;
37
- export declare function attachTypeApi(originalApi: any, type: string): void;
38
- export interface MessageInstance {
39
- info(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
40
- success(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
41
- error(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
42
- warning(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
43
- loading(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
44
- open(args: ArgsProps): MessageType;
45
- }
46
- export interface MessageApi extends MessageInstance {
47
- warn(content: JointContent, duration?: ConfigDuration, onClose?: ConfigOnClose): MessageType;
48
- config(options: ConfigOptions): void;
49
- destroy(): void;
50
- useMessage(): [MessageInstance, React.ReactElement];
51
- }
52
- declare const _default: MessageApi;
53
- export default _default;
1
+ import api from "./message";
2
+ export * from "./message";
3
+ export * from "./useMessage";
4
+ export default api;