@cloudtower/eagle 0.29.0 → 0.29.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.
- package/README.md +6 -10
- package/dist/cjs/core/Progress/components.js +1 -1
- package/dist/cjs/core/Table/index.js +21 -5
- package/dist/cjs/index.js +3 -5
- package/dist/cjs/legacy-antd.js +33 -35
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3451 -3458
- package/dist/esm/core/Progress/components.js +2 -2
- package/dist/esm/core/Table/index.js +21 -5
- package/dist/esm/index.js +0 -1
- package/dist/esm/legacy-antd.js +0 -2
- package/dist/esm/stats1.html +1 -1
- package/dist/src/coreX/index.d.ts +0 -2
- package/dist/src/spec/base.d.ts +1 -2
- package/dist/stories/docs/core/KitStoreProvider.stories.d.ts +23 -0
- package/dist/stories/docs/core/Table.stories.d.ts +47 -16
- package/dist/style.css +3406 -3413
- package/package.json +4 -4
- package/dist/cjs/coreX/TruncatedTextWithTooltip/index.js +0 -73
- package/dist/esm/coreX/TruncatedTextWithTooltip/index.js +0 -67
- package/dist/src/coreX/TruncatedTextWithTooltip/index.d.ts +0 -11
- package/dist/src/coreX/TruncatedTextWithTooltip/truncatedTextWithTooltip.type.d.ts +0 -5
- package/dist/stories/docs/coreX/TruncatedTextWithTooltip.stories.d.ts +0 -7
package/README.md
CHANGED
|
@@ -25,32 +25,28 @@ initParrotI18n();
|
|
|
25
25
|
// Set Up Providers
|
|
26
26
|
ReactDOM.render(
|
|
27
27
|
<React.StrictMode>
|
|
28
|
-
<
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
<UIKitProvider>
|
|
32
|
-
</KitStoreProvider>
|
|
28
|
+
<UIKitProvider>
|
|
29
|
+
<App />
|
|
30
|
+
<UIKitProvider>
|
|
33
31
|
</React.StrictMode>,
|
|
34
32
|
document.getElementById("root") as HTMLElement
|
|
35
33
|
);
|
|
36
34
|
```
|
|
37
35
|
|
|
38
36
|
```tsx
|
|
39
|
-
import {
|
|
37
|
+
import { Button } from "@cloudtower/eagle";
|
|
40
38
|
import React, { useContext } from "react";
|
|
41
39
|
|
|
42
40
|
const App = () => {
|
|
43
|
-
// Use Component
|
|
44
|
-
const kit = useUIKit();
|
|
45
41
|
return (
|
|
46
42
|
<div>
|
|
47
|
-
<
|
|
43
|
+
<Button
|
|
48
44
|
onClick={() => {
|
|
49
45
|
alert("hello");
|
|
50
46
|
}}
|
|
51
47
|
>
|
|
52
48
|
say hello
|
|
53
|
-
</
|
|
49
|
+
</Button>
|
|
54
50
|
</div>
|
|
55
51
|
);
|
|
56
52
|
};
|
|
@@ -60,7 +60,7 @@ const StatusIconMap = {
|
|
|
60
60
|
failed: /* @__PURE__ */React__default.default.createElement(iconsReact.XmarkFailed16RedIcon, null),
|
|
61
61
|
paused: /* @__PURE__ */React__default.default.createElement(iconsReact.NoticeTriangleFill16YellowIcon, null),
|
|
62
62
|
active: /* @__PURE__ */React__default.default.createElement(index$2, {
|
|
63
|
-
src: iconsReact.
|
|
63
|
+
src: iconsReact.Loading16GradientBlueIcon,
|
|
64
64
|
isRotate: true
|
|
65
65
|
})
|
|
66
66
|
};
|
|
@@ -8,6 +8,7 @@ var common = require('./common.js');
|
|
|
8
8
|
var TableWidget = require('./TableWidget.js');
|
|
9
9
|
var antd = require('antd');
|
|
10
10
|
var cs = require('classnames');
|
|
11
|
+
var _ = require('lodash');
|
|
11
12
|
var React = require('react');
|
|
12
13
|
|
|
13
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -39,9 +40,9 @@ const TableContainerStyle = "E_tc97u5y";
|
|
|
39
40
|
const tableStyleCover = "E_tfzf37v";
|
|
40
41
|
const Table = props => {
|
|
41
42
|
const {
|
|
42
|
-
loading,
|
|
43
|
+
loading = false,
|
|
43
44
|
error,
|
|
44
|
-
dataSource,
|
|
45
|
+
dataSource: _dataSource,
|
|
45
46
|
columns,
|
|
46
47
|
onSorterChange,
|
|
47
48
|
onRowClick,
|
|
@@ -59,7 +60,7 @@ const Table = props => {
|
|
|
59
60
|
onRow
|
|
60
61
|
} = props;
|
|
61
62
|
const orderRef = React.useRef(null);
|
|
62
|
-
const hasScrollBard = common.useTableBodyHasScrollBar(wrapper,
|
|
63
|
+
const hasScrollBard = common.useTableBodyHasScrollBar(wrapper, _dataSource);
|
|
63
64
|
const _columns = React.useMemo(() => columns.map(column => {
|
|
64
65
|
const _column = __spreadValues({}, column);
|
|
65
66
|
if (_column.sorter && typeof _column.title !== "function") {
|
|
@@ -73,6 +74,21 @@ const Table = props => {
|
|
|
73
74
|
}
|
|
74
75
|
return _column;
|
|
75
76
|
}), [columns]);
|
|
77
|
+
const dataSource = React.useMemo(() => {
|
|
78
|
+
if (!_.isNil(error) || loading) {
|
|
79
|
+
return [];
|
|
80
|
+
}
|
|
81
|
+
return _dataSource != null ? _dataSource : [];
|
|
82
|
+
}, [_dataSource, error, loading]);
|
|
83
|
+
const emptyText = React.useMemo(() => {
|
|
84
|
+
if (loading) {
|
|
85
|
+
return "";
|
|
86
|
+
}
|
|
87
|
+
if (!_.isNil(error)) {
|
|
88
|
+
return error;
|
|
89
|
+
}
|
|
90
|
+
return empty;
|
|
91
|
+
}, [empty, error, loading]);
|
|
76
92
|
return /* @__PURE__ */React__default.default.createElement("div", {
|
|
77
93
|
className: core.cx(TableContainerStyle, "table-container", !hasScrollBard && "no-scroll-bar")
|
|
78
94
|
}, /* @__PURE__ */React__default.default.createElement(antd.Table, {
|
|
@@ -83,9 +99,9 @@ const Table = props => {
|
|
|
83
99
|
indicator: initLoading ? /* @__PURE__ */React__default.default.createElement(TableWidget.TableLoading, null) : /* @__PURE__ */React__default.default.createElement(index, null)
|
|
84
100
|
},
|
|
85
101
|
locale: {
|
|
86
|
-
emptyText
|
|
102
|
+
emptyText
|
|
87
103
|
},
|
|
88
|
-
dataSource
|
|
104
|
+
dataSource,
|
|
89
105
|
pagination: pagination || false,
|
|
90
106
|
columns: _columns,
|
|
91
107
|
components,
|
package/dist/cjs/index.js
CHANGED
|
@@ -120,8 +120,7 @@ var index$1q = require('./coreX/SortableList/index.js');
|
|
|
120
120
|
var index$1r = require('./coreX/SummaryTable/index.js');
|
|
121
121
|
var index$1s = require('./coreX/SwitchWithText/index.js');
|
|
122
122
|
var index$1t = require('./coreX/TabMenu/index.js');
|
|
123
|
-
var index$1u = require('./coreX/
|
|
124
|
-
var index$1v = require('./coreX/UnitWithChart/index.js');
|
|
123
|
+
var index$1u = require('./coreX/UnitWithChart/index.js');
|
|
125
124
|
var getCalendarTitle = require('./coreX/common/getCalendarTitle.js');
|
|
126
125
|
var AbsoluteDate = require('./coreX/DateRangePicker/AbsoluteDate.js');
|
|
127
126
|
var Calendar = require('./coreX/DateRangePicker/Calendar.js');
|
|
@@ -499,9 +498,8 @@ exports.SummaryTable = index$1r.default;
|
|
|
499
498
|
exports.SummaryTableRow = index$1r.SummaryTableRow;
|
|
500
499
|
exports.SwitchWithText = index$1s;
|
|
501
500
|
exports.TabMenu = index$1t;
|
|
502
|
-
exports.
|
|
503
|
-
exports.
|
|
504
|
-
exports.UnitWrapper = index$1v.UnitWrapper;
|
|
501
|
+
exports.UnitWithChart = index$1u.default;
|
|
502
|
+
exports.UnitWrapper = index$1u.UnitWrapper;
|
|
505
503
|
exports.getCalendarTitle = getCalendarTitle.getCalendarTitle;
|
|
506
504
|
exports.AbsoluteDate = AbsoluteDate;
|
|
507
505
|
exports.DateRangePickerCalendar = Calendar;
|
package/dist/cjs/legacy-antd.js
CHANGED
|
@@ -9,7 +9,7 @@ var index$p = require('./core/Badge/index.js');
|
|
|
9
9
|
var index$j = require('./core/Bit/index.js');
|
|
10
10
|
var index$i = require('./core/BitPerSecond/index.js');
|
|
11
11
|
var index$h = require('./core/Bps/index.js');
|
|
12
|
-
var index$
|
|
12
|
+
var index$R = require('./core/Breadcrumb/index.js');
|
|
13
13
|
var index$5 = require('./core/Button/index.js');
|
|
14
14
|
var index$v = require('./core/ButtonGroup/index.js');
|
|
15
15
|
var index$e = require('./core/Byte/index.js');
|
|
@@ -18,8 +18,8 @@ var index$E = require('./core/Card/index.js');
|
|
|
18
18
|
var index$b = require('./core/Checkbox/index.js');
|
|
19
19
|
var index$r = require('./core/DeprecatedProgress/index.js');
|
|
20
20
|
var index$P = require('./core/DetailCard/index.js');
|
|
21
|
-
var index$
|
|
22
|
-
var index$
|
|
21
|
+
var index$U = require('./core/DonutChart/index.js');
|
|
22
|
+
var index$10 = require('./core/DropdownMenu/index.js');
|
|
23
23
|
var index$m = require('./core/Empty/index.js');
|
|
24
24
|
var index$1 = require('./core/Error/index.js');
|
|
25
25
|
var ExpandableContainer = require('./core/ExpandableList/ExpandableContainer.js');
|
|
@@ -29,7 +29,7 @@ var index$x = require('./core/Form/index.js');
|
|
|
29
29
|
var index$f = require('./core/Frequency/index.js');
|
|
30
30
|
var index$9 = require('./core/Input/index.js');
|
|
31
31
|
var index$l = require('./core/InputGroup/index.js');
|
|
32
|
-
var index
|
|
32
|
+
var index$$ = require('./core/Link/index.js');
|
|
33
33
|
var index = require('./core/Loading/index.js');
|
|
34
34
|
var index$s = require('./core/message/index.js');
|
|
35
35
|
var index$6 = require('./core/Modal/index.js');
|
|
@@ -38,12 +38,12 @@ var index$d = require('./core/Percent/index.js');
|
|
|
38
38
|
var index$q = require('./core/Radio/index.js');
|
|
39
39
|
var index$o = require('./core/SearchInput/index.js');
|
|
40
40
|
var index$k = require('./core/Second/index.js');
|
|
41
|
-
var index$
|
|
41
|
+
var index$13 = require('./core/SegmentControl/index.js');
|
|
42
42
|
var index$3 = require('./core/Select/index.js');
|
|
43
43
|
var index$y = require('./core/SimplePagination/index.js');
|
|
44
44
|
var index$g = require('./core/Speed/index.js');
|
|
45
45
|
var index$C = require('./core/StatusCapsule/index.js');
|
|
46
|
-
var index$
|
|
46
|
+
var index$S = require('./core/StepProgress/index.js');
|
|
47
47
|
var index$w = require('./core/Steps/index.js');
|
|
48
48
|
var index$7 = require('./core/Switch/index.js');
|
|
49
49
|
var index$4 = require('./core/Table/index.js');
|
|
@@ -55,24 +55,23 @@ var index$z = require('./core/TimeZoneSelect/index.js');
|
|
|
55
55
|
var index$B = require('./core/Token/index.js');
|
|
56
56
|
var index$8 = require('./core/Tooltip/index.js');
|
|
57
57
|
var index$L = require('./core/Truncate/index.js');
|
|
58
|
-
var index$
|
|
59
|
-
var index$
|
|
60
|
-
var index$
|
|
58
|
+
var index$11 = require('./coreX/BatchOperation/index.js');
|
|
59
|
+
var index$T = require('./coreX/ChartWithTooltip/index.js');
|
|
60
|
+
var index$Q = require('./coreX/Counting/index.js');
|
|
61
61
|
var index$K = require('./coreX/CronCalendar/index.js');
|
|
62
62
|
var index$I = require('./coreX/CronPlan/index.js');
|
|
63
|
-
var index$
|
|
63
|
+
var index$V = require('./coreX/DeprecatedDonutChart/index.js');
|
|
64
64
|
var index$N = require('./coreX/DropdownTransition/index.js');
|
|
65
|
-
var index$
|
|
65
|
+
var index$X = require('./coreX/GoBackButton/index.js');
|
|
66
66
|
var index$G = require('./coreX/I18nNameTag/index.js');
|
|
67
67
|
var index$J = require('./coreX/NamesTooltip/index.js');
|
|
68
68
|
var index$F = require('./coreX/OverflowTooltip/index.js');
|
|
69
|
-
var index
|
|
70
|
-
var index$
|
|
71
|
-
var index$
|
|
69
|
+
var index$_ = require('./coreX/SidebarSubtitle/index.js');
|
|
70
|
+
var index$Z = require('./coreX/SortableList/index.js');
|
|
71
|
+
var index$Y = require('./coreX/SummaryTable/index.js');
|
|
72
72
|
var index$H = require('./coreX/SwitchWithText/index.js');
|
|
73
|
-
var index$
|
|
74
|
-
var index$
|
|
75
|
-
var index$13 = require('./coreX/DateRangePicker/index.js');
|
|
73
|
+
var index$W = require('./coreX/UnitWithChart/index.js');
|
|
74
|
+
var index$12 = require('./coreX/DateRangePicker/index.js');
|
|
76
75
|
|
|
77
76
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
78
77
|
|
|
@@ -184,24 +183,23 @@ function getAntdKit() {
|
|
|
184
183
|
DropdownTransition: index$N,
|
|
185
184
|
AccordionCard: index$O,
|
|
186
185
|
DetailCard: index$P,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
SegmentedControl: index$14
|
|
186
|
+
Counting: index$Q,
|
|
187
|
+
Breadcrumb: index$R.default,
|
|
188
|
+
CircleProgress: index$S.CircleProgress,
|
|
189
|
+
ChartWithTooltip: index$T.default,
|
|
190
|
+
ChartWithUnit: index$T.ChartWithUnit,
|
|
191
|
+
DonutChart: index$U.default,
|
|
192
|
+
DeprecatedDonutChart: index$V,
|
|
193
|
+
UnitWithChart: index$W.default,
|
|
194
|
+
GoBackButton: index$X,
|
|
195
|
+
SummaryTable: index$Y.default,
|
|
196
|
+
SortableList: index$Z,
|
|
197
|
+
SidebarSubtitle: index$_,
|
|
198
|
+
Link: index$$,
|
|
199
|
+
DropdownMenu: index$10.default,
|
|
200
|
+
BatchOperation: index$11.default,
|
|
201
|
+
DateRangePicker: index$12.default,
|
|
202
|
+
SegmentedControl: index$13
|
|
205
203
|
};
|
|
206
204
|
kit.option.isSelectOption = true;
|
|
207
205
|
kit.button.__ANT_BUTTON = true;
|