@cloudtower/eagle 0.35.1 → 0.35.3
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.
- package/dist/cjs/UIKitProvider/index.js +5 -10
- package/dist/cjs/antd.js +4 -4
- package/dist/cjs/core/AutoComplete/AutoComplete.js +42 -0
- package/dist/cjs/core/ConfigProvider/index.js +3 -1
- package/dist/cjs/core/Fields/FieldsTimePicker/index.js +4 -3
- package/dist/cjs/core/ImmersiveDialog/index.js +21 -14
- package/dist/cjs/core/{Modal → LegacyModal}/index.js +7 -3
- package/dist/cjs/core/LegacySelect/index.js +4 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.hooks.js +66 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.js +103 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.style.js +13 -0
- package/dist/cjs/core/LocalUpload/LocalUpload.widget.js +379 -0
- package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/cjs/core/SmallDialog/SmallDialog.js +7 -5
- package/dist/cjs/core/Tab/Tab.js +113 -0
- package/dist/cjs/core/Tab/Tab.style.js +17 -0
- package/dist/cjs/core/Tab/Tab.type.js +9 -0
- package/dist/cjs/core/Tab/useTabAdaptiveLayout.js +73 -0
- package/dist/cjs/core/message/message.js +24 -1
- package/dist/cjs/coreX/KubeConfigModal/index.js +4 -4
- package/dist/cjs/hooks/useAntdPatchEnLocales.js +35 -0
- package/dist/cjs/hooks/useLegacyComponentWarning.js +16 -0
- package/dist/cjs/index.js +26 -20
- package/dist/cjs/legacy-antd.js +2 -2
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +2654 -2271
- package/dist/esm/UIKitProvider/index.js +5 -10
- package/dist/esm/antd.js +1 -1
- package/dist/esm/core/AutoComplete/AutoComplete.js +35 -0
- package/dist/esm/core/ConfigProvider/index.js +3 -1
- package/dist/esm/core/Fields/FieldsTimePicker/index.js +2 -1
- package/dist/esm/core/ImmersiveDialog/index.js +21 -14
- package/dist/esm/core/{Modal → LegacyModal}/index.js +9 -5
- package/dist/esm/core/LegacySelect/index.js +4 -0
- package/dist/esm/core/LocalUpload/LocalUpload.hooks.js +63 -0
- package/dist/esm/core/LocalUpload/LocalUpload.js +97 -0
- package/dist/esm/core/LocalUpload/LocalUpload.style.js +10 -0
- package/dist/esm/core/LocalUpload/LocalUpload.widget.js +365 -0
- package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
- package/dist/esm/core/SmallDialog/SmallDialog.js +6 -4
- package/dist/esm/core/Tab/Tab.js +107 -0
- package/dist/esm/core/Tab/Tab.style.js +12 -0
- package/dist/esm/core/Tab/Tab.type.js +7 -0
- package/dist/esm/core/Tab/useTabAdaptiveLayout.js +71 -0
- package/dist/esm/core/message/message.js +24 -1
- package/dist/esm/coreX/KubeConfigModal/index.js +5 -5
- package/dist/esm/hooks/useAntdPatchEnLocales.js +29 -0
- package/dist/esm/hooks/useLegacyComponentWarning.js +14 -0
- package/dist/esm/index.js +5 -2
- package/dist/esm/legacy-antd.js +4 -4
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +2815 -2374
- package/dist/src/antd.d.ts +1 -1
- package/dist/src/core/AutoComplete/AutoComplete.d.ts +3 -0
- package/dist/src/core/AutoComplete/index.d.ts +1 -0
- package/dist/src/core/ImmersiveDialog/type.d.ts +2 -2
- package/dist/src/core/{Modal/modal.type.d.ts → LegacyModal/LegacyModal.type.d.ts} +12 -1
- package/dist/src/core/LegacyModal/index.d.ts +16 -0
- package/dist/src/core/LocalUpload/LocalUpload.d.ts +15 -0
- package/dist/src/core/LocalUpload/LocalUpload.hooks.d.ts +32 -0
- package/dist/src/core/LocalUpload/LocalUpload.style.d.ts +3 -0
- package/dist/src/core/LocalUpload/LocalUpload.type.d.ts +175 -0
- package/dist/src/core/LocalUpload/LocalUpload.widget.d.ts +23 -0
- package/dist/src/core/LocalUpload/index.d.ts +2 -0
- package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +2 -0
- package/dist/src/core/Tab/Tab.d.ts +3 -0
- package/dist/src/core/Tab/Tab.style.d.ts +5 -0
- package/dist/src/core/Tab/Tab.type.d.ts +42 -0
- package/dist/src/core/Tab/index.d.ts +1 -0
- package/dist/src/core/Tab/useTabAdaptiveLayout.d.ts +23 -0
- package/dist/src/core/index.d.ts +5 -2
- package/dist/src/core/message/message.d.ts +5 -0
- package/dist/src/hooks/useAntdPatchEnLocales.d.ts +431 -0
- package/dist/src/hooks/useLegacyComponentWarning.d.ts +2 -0
- package/dist/src/spec/base.d.ts +2 -2
- package/dist/stories/docs/core/AutoComplete.stories.d.ts +41 -0
- package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +5 -1
- package/dist/stories/docs/core/LegacyModal.stories.d.ts +23 -0
- package/dist/stories/docs/core/LocalUpload.stories.d.ts +74 -0
- package/dist/stories/docs/core/MediumDialog.stories.d.ts +5 -1
- package/dist/stories/docs/core/SmallDialog.stories.d.ts +5 -1
- package/dist/stories/docs/core/Tab.stories.d.ts +65 -0
- package/dist/stories/docs/core/WizardDialog.stories.d.ts +2 -1
- package/dist/stories/docs/core/message-group.stories.d.ts +1 -0
- package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +5 -0
- package/dist/style.css +2652 -2269
- package/dist/variables.scss +3 -0
- package/package.json +4 -4
- package/dist/src/core/Modal/index.d.ts +0 -5
- package/dist/stories/docs/core/Modal.stories.d.ts +0 -13
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Tab } from "../../../src/core/Tab/Tab";
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
import React from "react";
|
|
4
|
+
/**
|
|
5
|
+
* Tab 是一个标签页组件,支持多个标签页之间的切换。
|
|
6
|
+
*
|
|
7
|
+
* ### 参数说明
|
|
8
|
+
*
|
|
9
|
+
* | 参数 | 说明 | 类型 | 默认值 |
|
|
10
|
+
* | --- | --- | --- | --- |
|
|
11
|
+
* | className | 自定义类名 | string | - |
|
|
12
|
+
* | contentClassName | 内容区域的类名 | string | - |
|
|
13
|
+
* | selectedKey | 当前选中的标签页 key | string | - |
|
|
14
|
+
* | tabs | 标签页配置数组 | TabItem[] | [] |
|
|
15
|
+
* | onChange | 切换标签页时的回调 | (key: string) => void | - |
|
|
16
|
+
* | extraSlot | 额外的插槽内容,显示在标签栏右侧 | React.ReactNode | - |
|
|
17
|
+
*
|
|
18
|
+
* ### TabItem 参数说明
|
|
19
|
+
*
|
|
20
|
+
* | 参数 | 说明 | 类型 | 默认值 |
|
|
21
|
+
* | --- | --- | --- | --- |
|
|
22
|
+
* | key | 唯一标识符 | string | - |
|
|
23
|
+
* | title | 标签页标题,可以是字符串、ReactNode 或函数 | string \| ReactNode \| ((props: { isActive: boolean }) => ReactNode) | - |
|
|
24
|
+
* | onClick | 点击标签页时的回调 | () => void | - |
|
|
25
|
+
* | children | 标签页内容 | React.ReactNode | - |
|
|
26
|
+
*
|
|
27
|
+
* ### 特性
|
|
28
|
+
* - 支持响应式布局,当空间不够时自动将多余的标签页放入下拉菜单
|
|
29
|
+
* - 支持自定义标题(可通过函数形式获取激活状态)
|
|
30
|
+
* - 支持在标签栏右侧添加额外内容
|
|
31
|
+
* - 支持自定义内容区域的样式
|
|
32
|
+
*/
|
|
33
|
+
declare const meta: {
|
|
34
|
+
component: (props: import("../../../src/core/Tab/Tab.type").TabProps) => React.JSX.Element;
|
|
35
|
+
title: "Core/Tab | 标签页";
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof Tab>;
|
|
39
|
+
/**
|
|
40
|
+
* 基础的标签页用法,展示如何创建和使用标签页组件
|
|
41
|
+
*/
|
|
42
|
+
export declare const Basic: Story;
|
|
43
|
+
/**
|
|
44
|
+
* 当有大量标签页时,组件会自动计算可用空间,将无法完整显示的标签页放入下拉菜单中
|
|
45
|
+
*/
|
|
46
|
+
export declare const ResponsiveLayout: Story;
|
|
47
|
+
/**
|
|
48
|
+
* 标签页标题支持函数形式,可以接收 isActive 参数来判断当前是否激活
|
|
49
|
+
*/
|
|
50
|
+
export declare const CustomTitle: Story;
|
|
51
|
+
/**
|
|
52
|
+
* extraSlot 可以在标签栏右侧添加额外的内容,如按钮、图标等
|
|
53
|
+
*/
|
|
54
|
+
export declare const WithExtraSlot: Story;
|
|
55
|
+
/**
|
|
56
|
+
* 展示实际业务场景中的使用方式,包含复杂的标签内容和操作
|
|
57
|
+
*/
|
|
58
|
+
export declare const ComplexContent: Story;
|
|
59
|
+
/**
|
|
60
|
+
* 支持动态添加和删除标签页的场景。
|
|
61
|
+
* - 在 extraSlot 中提供"新增标签"按钮
|
|
62
|
+
* - 每个标签页标题右侧显示删除图标
|
|
63
|
+
* - 可以动态添加和删除标签页
|
|
64
|
+
*/
|
|
65
|
+
export declare const DynamicTabs: Story;
|
|
@@ -5,6 +5,7 @@ export declare const OnlyLeftWizardDialog: () => React.JSX.Element;
|
|
|
5
5
|
export declare const CustomStepsWizardDialog: () => React.JSX.Element;
|
|
6
6
|
export declare const ScrollableWizardDialog: () => React.JSX.Element;
|
|
7
7
|
export declare const InitializingWizardDialog: () => React.JSX.Element;
|
|
8
|
+
export declare const NoFooterWizardDialog: () => React.JSX.Element;
|
|
8
9
|
declare const story: {
|
|
9
10
|
title: "Core/WizardDialog | 向导弹窗";
|
|
10
11
|
component: typeof WizardDialog;
|
|
@@ -84,8 +85,8 @@ declare const story: {
|
|
|
84
85
|
focusTriggerAfterClose?: boolean | undefined;
|
|
85
86
|
showCancel?: boolean | undefined;
|
|
86
87
|
showOk?: boolean | undefined;
|
|
87
|
-
okLoading?: boolean | undefined;
|
|
88
88
|
error?: React.ReactNode;
|
|
89
|
+
hideFooter?: boolean | undefined;
|
|
89
90
|
showFooterErrorIcon?: boolean | undefined;
|
|
90
91
|
isContentFull?: boolean | undefined;
|
|
91
92
|
left?: React.ReactNode;
|
|
@@ -75,3 +75,8 @@ export declare const DefaultFilterEnabled: Story;
|
|
|
75
75
|
* 展示如何监听筛选状态变化
|
|
76
76
|
*/
|
|
77
77
|
export declare const CustomSwitchCallback: Story;
|
|
78
|
+
/**
|
|
79
|
+
* Long Text Example
|
|
80
|
+
* Demonstrates how the component handles long text in descriptions and alert messages
|
|
81
|
+
*/
|
|
82
|
+
export declare const LongText: Story;
|