@cloudtower/eagle 0.32.9 → 0.32.11
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/core/Alert/index.js +10 -4
- package/dist/cjs/core/TableForm/TableFormBodyCell.js +2 -1
- package/dist/cjs/core/TableForm/TableFormHeaderCell.js +4 -2
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/styles/token/color.js +24 -0
- package/dist/components.css +3311 -3288
- package/dist/esm/core/Alert/index.js +10 -4
- package/dist/esm/core/TableForm/TableFormBodyCell.js +2 -1
- package/dist/esm/core/TableForm/TableFormHeaderCell.js +4 -2
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/styles/token/color.js +24 -0
- package/dist/src/core/Legend/__test__/h5_css.test.d.ts +1 -0
- package/dist/src/core/Legend/index.d.ts +9 -0
- package/dist/src/core/Legend/legend.type.d.ts +25 -0
- package/dist/src/core/TableForm/types.d.ts +1 -0
- package/dist/src/styles/token/color.d.ts +24 -0
- package/dist/stories/docs/core/Legend.stories.d.ts +19 -0
- package/dist/stories/docs/core/SearchInput.stories.d.ts +20 -20
- package/dist/stories/docs/core/StatusCapsule.stories.d.ts +8 -0
- package/dist/style.css +3446 -3428
- package/dist/token.css +20 -26
- package/dist/variables.scss +21 -0
- package/package.json +7 -7
|
@@ -188,6 +188,30 @@ const Color = {
|
|
|
188
188
|
"yellow-8": "#926102",
|
|
189
189
|
"yellow-9": "#6B4803",
|
|
190
190
|
"yellow-10": "#483100"
|
|
191
|
+
},
|
|
192
|
+
pink: {
|
|
193
|
+
"pink-1": "#FED1FE",
|
|
194
|
+
"pink-2": "#FDBCFD",
|
|
195
|
+
"pink-3": "#F99BF8",
|
|
196
|
+
"pink-4": "#F573F2",
|
|
197
|
+
"pink-5": "#ED5BE5",
|
|
198
|
+
"pink-6": "#E136C6",
|
|
199
|
+
"pink-7": "#CF23A9",
|
|
200
|
+
"pink-8": "#B5158D",
|
|
201
|
+
"pink-9": "#910B6E",
|
|
202
|
+
"pink-10": "#64054B"
|
|
203
|
+
},
|
|
204
|
+
cyan: {
|
|
205
|
+
"cyan-1": "#A0ECEC",
|
|
206
|
+
"cyan-2": "#83E2E3",
|
|
207
|
+
"cyan-3": "#67D8D9",
|
|
208
|
+
"cyan-4": "#3AC4C6",
|
|
209
|
+
"cyan-5": "#1AACB4",
|
|
210
|
+
"cyan-6": "#048BA1",
|
|
211
|
+
"cyan-7": "#00728E",
|
|
212
|
+
"cyan-8": "#00607B",
|
|
213
|
+
"cyan-9": "#005068",
|
|
214
|
+
"cyan-10": "#004155"
|
|
191
215
|
}
|
|
192
216
|
},
|
|
193
217
|
white: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { LegendColor, LegendComponentType, LegendShapes } from "./legend.type";
|
|
3
|
+
export declare const LegendPresetColors: LegendColor[];
|
|
4
|
+
export declare const StatusIcon: React.FC<{
|
|
5
|
+
shape: LegendShapes;
|
|
6
|
+
}>;
|
|
7
|
+
declare const Legend: LegendComponentType;
|
|
8
|
+
export default Legend;
|
|
9
|
+
export * from "./legend.type";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CSSProperties } from "react";
|
|
2
|
+
export type LegendColor = "red" | "yellow" | "green" | "blue" | "gray" | "purple" | "success" | "danger" | "warning";
|
|
3
|
+
export type LegendShapes = "circle" | "square" | "loading";
|
|
4
|
+
export type LegendComponentType = React.FC<{
|
|
5
|
+
/** Text label to be displayed next to the legend item, or you can use children */
|
|
6
|
+
label?: string;
|
|
7
|
+
/** Additional CSS class name(s) to be applied to the legend item */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** Custom inline styles to be applied to the legend item */
|
|
10
|
+
style?: CSSProperties;
|
|
11
|
+
/** Color of the legend item. Can be one of: 'red', 'yellow', 'green', 'blue', 'gray', 'purple', 'success', 'danger', 'warning' */
|
|
12
|
+
color?: LegendColor;
|
|
13
|
+
/** Shape of the legend item. Can be: 'circle', 'square', or 'loading' */
|
|
14
|
+
shape?: LegendShapes;
|
|
15
|
+
/** Whether the legend item should show hover effects */
|
|
16
|
+
hoverable?: boolean;
|
|
17
|
+
/** Enables tint mode styling for the legend item */
|
|
18
|
+
onTintMode?: boolean;
|
|
19
|
+
/** Numeric value to be displayed alongside the legend item */
|
|
20
|
+
number?: number;
|
|
21
|
+
/** Unique identifier for the legend item */
|
|
22
|
+
key?: string | number;
|
|
23
|
+
/** Callback function triggered when the legend item is clicked */
|
|
24
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>, key?: string | number) => void;
|
|
25
|
+
}>;
|
|
@@ -189,6 +189,30 @@ export declare const Color: {
|
|
|
189
189
|
readonly "yellow-9": "#6B4803";
|
|
190
190
|
readonly "yellow-10": "#483100";
|
|
191
191
|
};
|
|
192
|
+
readonly pink: {
|
|
193
|
+
readonly "pink-1": "#FED1FE";
|
|
194
|
+
readonly "pink-2": "#FDBCFD";
|
|
195
|
+
readonly "pink-3": "#F99BF8";
|
|
196
|
+
readonly "pink-4": "#F573F2";
|
|
197
|
+
readonly "pink-5": "#ED5BE5";
|
|
198
|
+
readonly "pink-6": "#E136C6";
|
|
199
|
+
readonly "pink-7": "#CF23A9";
|
|
200
|
+
readonly "pink-8": "#B5158D";
|
|
201
|
+
readonly "pink-9": "#910B6E";
|
|
202
|
+
readonly "pink-10": "#64054B";
|
|
203
|
+
};
|
|
204
|
+
readonly cyan: {
|
|
205
|
+
readonly "cyan-1": "#A0ECEC";
|
|
206
|
+
readonly "cyan-2": "#83E2E3";
|
|
207
|
+
readonly "cyan-3": "#67D8D9";
|
|
208
|
+
readonly "cyan-4": "#3AC4C6";
|
|
209
|
+
readonly "cyan-5": "#1AACB4";
|
|
210
|
+
readonly "cyan-6": "#048BA1";
|
|
211
|
+
readonly "cyan-7": "#00728E";
|
|
212
|
+
readonly "cyan-8": "#00607B";
|
|
213
|
+
readonly "cyan-9": "#005068";
|
|
214
|
+
readonly "cyan-10": "#004155";
|
|
215
|
+
};
|
|
192
216
|
};
|
|
193
217
|
readonly white: {
|
|
194
218
|
readonly white: "#FFFFFF";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { LegendColor, LegendComponentType } from "../../../src/core/Legend/legend.type";
|
|
2
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
/**
|
|
4
|
+
* 图例组件,用于展示状态。
|
|
5
|
+
*
|
|
6
|
+
* 圆形:作为"状态灯"表示状态,用法类似[**状态胶囊**](/docs/core-statuscapsule-状态胶囊--docs)
|
|
7
|
+
*
|
|
8
|
+
* 方形:用作图例使用常配合 Charts、多颜色计数等使用
|
|
9
|
+
*/
|
|
10
|
+
declare const story: Meta<LegendComponentType>;
|
|
11
|
+
export declare const Basic: StoryObj<LegendComponentType>;
|
|
12
|
+
export declare const Default: StoryObj<{
|
|
13
|
+
content: string;
|
|
14
|
+
color: LegendColor;
|
|
15
|
+
hoverable: boolean;
|
|
16
|
+
offWhiteMode?: boolean;
|
|
17
|
+
number?: number;
|
|
18
|
+
}>;
|
|
19
|
+
export default story;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import SearchInput from "../../../src/core/SearchInput";
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
/**
|
|
4
|
+
* * tower legacy 组件, 带 debounce 的搜索框
|
|
5
|
+
* * MR: http://gitlab.smartx.com/frontend/tower/-/merge_requests/930
|
|
6
|
+
*/
|
|
7
|
+
declare const meta: {
|
|
8
|
+
component: import("../../../src/core/SearchInput").SearchInputComponentType;
|
|
9
|
+
title: "Core/SearchInput | 搜索框";
|
|
10
|
+
args: {
|
|
11
|
+
debounceWait: number;
|
|
12
|
+
onSearchPrev: undefined;
|
|
13
|
+
onSearchNext: undefined;
|
|
14
|
+
total: undefined;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof SearchInput>;
|
|
19
|
+
export declare const Basic: Story;
|
|
20
|
+
export declare const withTotal: Story;
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import { StatusCapsuleColor, StatusCapsuleComponentType } from "../../../src/core/StatusCapsule/statusCapsule.type";
|
|
2
2
|
import { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
/**
|
|
4
|
+
* 状态胶囊,用于展示状态。
|
|
5
|
+
*
|
|
6
|
+
* 根据使用场景,可选:
|
|
7
|
+
*
|
|
8
|
+
* - 是否带计数
|
|
9
|
+
* - 背景色是否突出:Colorful 较突出、Off-White 较不突出
|
|
10
|
+
*/
|
|
3
11
|
declare const story: Meta<StatusCapsuleComponentType>;
|
|
4
12
|
export declare const Basic: StoryObj<StatusCapsuleComponentType>;
|
|
5
13
|
export declare const Default: StoryObj<{
|