@cloudtower/eagle 0.27.69-alpha.6 → 0.27.70
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 +68 -0
- package/dist/cjs/UIKitProvider/index.js +5 -5
- package/dist/cjs/core/ButtonGroup/index.js +1 -2
- package/dist/cjs/core/Cascader/index.js +0 -16
- package/dist/cjs/core/DonutChart/index.js +0 -9
- package/dist/cjs/core/Metric/metric.js +0 -146
- package/dist/cjs/core/Overflow/index.js +1 -2
- package/dist/cjs/core/Progress/index.js +0 -2
- package/dist/cjs/core/StatusCapsule/index.js +7 -7
- package/dist/cjs/core/Styled/index.js +0 -139
- package/dist/cjs/core/Table/TableWidget.js +1 -6
- package/dist/cjs/core/Table/index.js +1 -4
- package/dist/cjs/core/TableForm/index.js +1 -3
- package/dist/cjs/core/Tag/SplitTag.js +2 -2
- package/dist/cjs/core/Tag/const.js +2 -2
- package/dist/cjs/core/Tag/index.js +4 -4
- package/dist/cjs/core/Token/index.js +3 -3
- package/dist/cjs/core/antd.js +2 -2
- package/dist/cjs/core/message/index.js +0 -4
- package/dist/cjs/coreX/CronPlan/index.js +1 -2
- package/dist/cjs/index.js +82 -452
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/store/chart.js +0 -7
- package/dist/cjs/store/index.js +0 -1
- package/dist/components.css +3544 -3544
- package/dist/esm/UIKitProvider/index.js +1 -1
- package/dist/esm/core/ButtonGroup/index.js +1 -2
- package/dist/esm/core/Cascader/index.js +1 -3
- package/dist/esm/core/DonutChart/index.js +1 -9
- package/dist/esm/core/Metric/metric.js +2 -138
- package/dist/esm/core/Overflow/index.js +1 -2
- package/dist/esm/core/Progress/index.js +1 -2
- package/dist/esm/core/StatusCapsule/index.js +3 -3
- package/dist/esm/core/Styled/index.js +1 -112
- package/dist/esm/core/Table/TableWidget.js +2 -5
- package/dist/esm/core/Table/index.js +3 -5
- package/dist/esm/core/Tag/SplitTag.js +3 -3
- package/dist/esm/core/Tag/const.js +2 -2
- package/dist/esm/core/Tag/index.js +5 -5
- package/dist/esm/core/Token/index.js +3 -3
- package/dist/esm/core/antd.js +2 -2
- package/dist/esm/core/message/index.js +1 -4
- package/dist/esm/coreX/CronPlan/index.js +1 -2
- package/dist/esm/index.js +18 -102
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/store/chart.js +1 -7
- package/dist/esm/store/index.js +0 -1
- package/dist/src/core/Cascader/index.d.ts +0 -3
- package/dist/src/core/Fields/index.d.ts +3 -3
- package/dist/src/core/Progress/index.d.ts +0 -2
- package/dist/src/core/SidebarMenu/SidebarMenu.d.ts +3 -0
- package/dist/src/core/SidebarMenu/SidebarMenu.type.d.ts +4 -0
- package/dist/src/core/SidebarMenu/index.d.ts +2 -0
- package/dist/src/core/StatusCapsule/index.d.ts +1 -1
- package/dist/src/core/TableForm/Columns/index.d.ts +10 -10
- package/dist/src/core/TableForm/index.d.ts +0 -1
- package/dist/src/core/Tag/const.d.ts +1 -1
- package/dist/src/core/Tag/index.d.ts +1 -1
- package/dist/src/core/Token/index.d.ts +2 -2
- package/dist/src/core/Tooltip/index.d.ts +0 -1
- package/dist/src/core/index.d.ts +23 -139
- package/dist/src/coreX/DateRangePicker/index.d.ts +1 -1
- package/dist/src/coreX/UnitWithChart/index.d.ts +8 -8
- package/dist/src/coreX/index.d.ts +4 -38
- package/dist/src/index.d.ts +40 -5
- package/dist/stories/docs/core/Bit.stories.d.ts +6 -6
- package/dist/stories/docs/core/BitPerSecond.stories.d.ts +6 -6
- package/dist/stories/docs/core/Bps.stories.d.ts +6 -6
- package/dist/stories/docs/core/Byte.stories.d.ts +6 -6
- package/dist/stories/docs/core/Frequency.stories.d.ts +6 -6
- package/dist/stories/docs/core/Icon.stories.d.ts +6 -6
- package/dist/stories/docs/core/Percent.stories.d.ts +10 -10
- package/dist/stories/docs/core/Second.stories.d.ts +8 -8
- package/dist/stories/docs/core/SidebarMenu.stories.d.ts +12 -0
- package/dist/stories/docs/core/Speed.stories.d.ts +6 -6
- package/dist/stories/docs/core/Tooltip.stories.d.ts +1 -1
- package/dist/style.css +3677 -3677
- package/package.json +5 -5
- package/dist/cjs/antd.js +0 -151
- package/dist/cjs/antdReexport.js +0 -149
- package/dist/cjs/core/Error/index.js +0 -12
- package/dist/cjs/core/ErrorBoundary/index.js +0 -27
- package/dist/cjs/core/Metric/MetricActions.js +0 -18
- package/dist/cjs/core/Metric/MetricLegend.js +0 -73
- package/dist/cjs/core/Metric/Pointer.js +0 -45
- package/dist/cjs/core/Metric/RenderChart.js +0 -203
- package/dist/cjs/core/Metric/TooltipFormatter.js +0 -45
- package/dist/cjs/core/Metric/index.js +0 -63
- package/dist/cjs/core/Metric/styled.js +0 -33
- package/dist/cjs/core/Metric/type.js +0 -16
- package/dist/cjs/core/index.js +0 -32
- package/dist/cjs/legacy-antd.js +0 -213
- package/dist/esm/antd.js +0 -16
- package/dist/esm/antdReexport.js +0 -13
- package/dist/esm/core/Error/index.js +0 -6
- package/dist/esm/core/ErrorBoundary/index.js +0 -21
- package/dist/esm/core/Metric/MetricActions.js +0 -12
- package/dist/esm/core/Metric/MetricLegend.js +0 -62
- package/dist/esm/core/Metric/Pointer.js +0 -38
- package/dist/esm/core/Metric/RenderChart.js +0 -195
- package/dist/esm/core/Metric/TooltipFormatter.js +0 -39
- package/dist/esm/core/Metric/index.js +0 -52
- package/dist/esm/core/Metric/styled.js +0 -24
- package/dist/esm/core/Metric/type.js +0 -13
- package/dist/esm/core/index.js +0 -21
- package/dist/esm/legacy-antd.js +0 -206
- package/dist/src/antd.d.ts +0 -45
- package/dist/src/antdReexport.d.ts +0 -39
- package/dist/src/core/Error/index.d.ts +0 -5
- package/dist/src/core/ExpandableList/index.d.ts +0 -8
- package/dist/src/coreX/common/index.d.ts +0 -1
- package/dist/src/legacy-antd.d.ts +0 -3
package/README.md
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
# CloudTower UI KIT
|
|
2
|
+
|
|
3
|
+
[storybook]: https://cloudtower-ui-kit.vercel.app
|
|
4
|
+
[next storybook]: https://next-cloudtower-ui-kit.vercel.app
|
|
5
|
+
[v3.x storybook]: https://v3xx-cloudtower-ui-kit.vercel.app
|
|
6
|
+
[贡献代码]: ./CONTRIBUTE.md
|
|
7
|
+
|
|
8
|
+
## [StoryBook]
|
|
9
|
+
|
|
10
|
+
main 分支 storybook [storyBook]
|
|
11
|
+
|
|
12
|
+
next 分支 storybook [next storybook]
|
|
13
|
+
|
|
14
|
+
v3.x 分支 storybook [v3.x storybook]
|
|
15
|
+
|
|
16
|
+
## 使用
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
import { antdKit } from "@cloudtower/eagle";
|
|
20
|
+
import { initParrotI18n, UIKitProvider } from "@cloudtower/eagle";
|
|
21
|
+
// Set Up Style
|
|
22
|
+
import "@cloudtower/eagle/dist/style.css";
|
|
23
|
+
|
|
24
|
+
initParrotI18n();
|
|
25
|
+
// Set Up Providers
|
|
26
|
+
ReactDOM.render(
|
|
27
|
+
<React.StrictMode>
|
|
28
|
+
<KitStoreProvider>
|
|
29
|
+
<UIKitProvider>
|
|
30
|
+
<App />
|
|
31
|
+
<UIKitProvider>
|
|
32
|
+
</KitStoreProvider>
|
|
33
|
+
</React.StrictMode>,
|
|
34
|
+
document.getElementById("root") as HTMLElement
|
|
35
|
+
);
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
39
|
+
import { useUIKit } from "@cloudtower/eagle";
|
|
40
|
+
import React, { useContext } from "react";
|
|
41
|
+
|
|
42
|
+
const App = () => {
|
|
43
|
+
// Use Component
|
|
44
|
+
const kit = useUIKit();
|
|
45
|
+
return (
|
|
46
|
+
<div>
|
|
47
|
+
<kit.button
|
|
48
|
+
onClick={() => {
|
|
49
|
+
alert("hello");
|
|
50
|
+
}}
|
|
51
|
+
>
|
|
52
|
+
say hello
|
|
53
|
+
</kit.button>
|
|
54
|
+
</div>
|
|
55
|
+
);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
export default App;
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
## 如何 [贡献代码]
|
|
62
|
+
|
|
63
|
+
- 快速开始
|
|
64
|
+
```
|
|
65
|
+
yarn && cd packages/eagle && yarn storybook
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
详细参考 [贡献代码]
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var parrot = require('@cloudtower/parrot');
|
|
6
|
+
var antd = require('../core/antd.js');
|
|
6
7
|
var index$1 = require('../core/message/index.js');
|
|
7
|
-
var
|
|
8
|
-
var antd = require('antd');
|
|
8
|
+
var antd$1 = require('antd');
|
|
9
9
|
var enUS = require('antd/lib/locale/en_US');
|
|
10
10
|
var zhCN = require('antd/lib/locale/zh_CN');
|
|
11
11
|
var React = require('react');
|
|
@@ -36,11 +36,11 @@ var __spreadValues = (a, b) => {
|
|
|
36
36
|
return a;
|
|
37
37
|
};
|
|
38
38
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
39
|
-
const kitContext = React.createContext(
|
|
39
|
+
const kitContext = React.createContext(antd.antdKit);
|
|
40
40
|
const UIKitProvider = (props) => {
|
|
41
41
|
const {
|
|
42
42
|
children,
|
|
43
|
-
kit =
|
|
43
|
+
kit = antd.antdKit,
|
|
44
44
|
message,
|
|
45
45
|
lng = "en-US",
|
|
46
46
|
getPopupContainer
|
|
@@ -64,7 +64,7 @@ const UIKitProvider = (props) => {
|
|
|
64
64
|
}
|
|
65
65
|
}, [lng]);
|
|
66
66
|
return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(
|
|
67
|
-
antd.ConfigProvider,
|
|
67
|
+
antd$1.ConfigProvider,
|
|
68
68
|
{
|
|
69
69
|
autoInsertSpaceInButton: false,
|
|
70
70
|
locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default,
|
|
@@ -109,7 +109,6 @@ const ButtonGroup = React__default.default.forwardRef((props, ref) => {
|
|
|
109
109
|
}, title || children));
|
|
110
110
|
}));
|
|
111
111
|
});
|
|
112
|
-
var ButtonGroup$1 = ButtonGroup;
|
|
113
112
|
|
|
114
113
|
exports.ButtonStyle = ButtonStyle;
|
|
115
|
-
exports.default = ButtonGroup
|
|
114
|
+
exports.default = ButtonGroup;
|
|
@@ -76,20 +76,4 @@ const Cascader = (props) => {
|
|
|
76
76
|
);
|
|
77
77
|
};
|
|
78
78
|
|
|
79
|
-
exports.CascaderDefaultHeader = cascader_style.CascaderDefaultHeader;
|
|
80
|
-
exports.CascaderDefaultHeaderContainer = cascader_style.CascaderDefaultHeaderContainer;
|
|
81
|
-
exports.CascaderDefaultHeaderSearch = cascader_style.CascaderDefaultHeaderSearch;
|
|
82
|
-
exports.CascaderDefaultOptionLabel = cascader_style.CascaderDefaultOptionLabel;
|
|
83
|
-
exports.CascaderDropdown = cascader_style.CascaderDropdown;
|
|
84
|
-
exports.CascaderInputStyle = cascader_style.CascaderInputStyle;
|
|
85
|
-
exports.CascaderLargeDropdown = cascader_style.CascaderLargeDropdown;
|
|
86
|
-
exports.CascaderNotData = cascader_style.CascaderNotData;
|
|
87
|
-
exports.CascaderSmallDropdown = cascader_style.CascaderSmallDropdown;
|
|
88
|
-
exports.DoubleRowOptionStyleWrapper = cascader_style.DoubleRowOptionStyleWrapper;
|
|
89
|
-
exports.CascaderDoubleRowOption = cascader_widget.CascaderDoubleRowOption;
|
|
90
|
-
exports.CascaderOptionWithCount = cascader_widget.CascaderOptionWithCount;
|
|
91
|
-
exports.NotDataContent = cascader_widget.NotDataContent;
|
|
92
|
-
exports.PresetCascaderHeader = cascader_widget.PresetCascaderHeader;
|
|
93
|
-
exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
|
|
94
|
-
exports.defaultTagRender = cascader_widget.defaultTagRender;
|
|
95
79
|
exports.Cascader = Cascader;
|
|
@@ -17,14 +17,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
17
17
|
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
18
18
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
19
|
|
|
20
|
-
var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
|
|
21
|
-
DonutChartColor2["RED"] = "red";
|
|
22
|
-
DonutChartColor2["GREEN"] = "green";
|
|
23
|
-
DonutChartColor2["YeLLOW"] = "yellow";
|
|
24
|
-
DonutChartColor2["BLUE"] = "blue";
|
|
25
|
-
DonutChartColor2["PURPLE"] = "purple";
|
|
26
|
-
return DonutChartColor2;
|
|
27
|
-
})(DonutChartColor || {});
|
|
28
20
|
const DonutChartWrapper = /*#__PURE__*/react.styled('div')({
|
|
29
21
|
name: "DonutChartWrapper",
|
|
30
22
|
class: "E_d1bw7c5z",
|
|
@@ -175,7 +167,6 @@ const DonutChart = ({
|
|
|
175
167
|
};
|
|
176
168
|
var DonutChart$1 = DonutChart;
|
|
177
169
|
|
|
178
|
-
exports.DonutChartColor = DonutChartColor;
|
|
179
170
|
exports.default = DonutChart$1;
|
|
180
171
|
exports.formatChartData = formatChartData;
|
|
181
172
|
exports.formatCollapse = formatCollapse;
|
|
@@ -2,74 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var tower = require('../../utils/tower.js');
|
|
4
4
|
var dayjs = require('dayjs');
|
|
5
|
-
var _ = require('lodash');
|
|
6
5
|
|
|
7
6
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
7
|
|
|
9
8
|
var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
|
|
10
|
-
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
11
9
|
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __defProps = Object.defineProperties;
|
|
14
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
15
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
19
|
-
var __spreadValues = (a, b) => {
|
|
20
|
-
for (var prop in b || (b = {}))
|
|
21
|
-
if (__hasOwnProp.call(b, prop))
|
|
22
|
-
__defNormalProp(a, prop, b[prop]);
|
|
23
|
-
if (__getOwnPropSymbols)
|
|
24
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
-
if (__propIsEnum.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
}
|
|
28
|
-
return a;
|
|
29
|
-
};
|
|
30
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
-
var __objRest = (source, exclude) => {
|
|
32
|
-
var target = {};
|
|
33
|
-
for (var prop in source)
|
|
34
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
35
|
-
target[prop] = source[prop];
|
|
36
|
-
if (source != null && __getOwnPropSymbols)
|
|
37
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
38
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
39
|
-
target[prop] = source[prop];
|
|
40
|
-
}
|
|
41
|
-
return target;
|
|
42
|
-
};
|
|
43
|
-
function filterPointsByDateRange(points, dateRange) {
|
|
44
|
-
const [startDate, endDate] = dateRange;
|
|
45
|
-
return points == null ? void 0 : points.filter((point) => {
|
|
46
|
-
const pointDate = dayjs__default.default(point.t);
|
|
47
|
-
if (startDate && pointDate.isBefore(startDate)) {
|
|
48
|
-
return false;
|
|
49
|
-
}
|
|
50
|
-
if (endDate && pointDate.isAfter(endDate)) {
|
|
51
|
-
return false;
|
|
52
|
-
}
|
|
53
|
-
return true;
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
const parseRange = (range) => {
|
|
57
|
-
const span = parseInt(range.slice(0, range.length - 1));
|
|
58
|
-
const unit = range.slice(range.length - 1);
|
|
59
|
-
return { span, unit };
|
|
60
|
-
};
|
|
61
10
|
function getRangeTimestamp(dateRange) {
|
|
62
11
|
const [startDate, endDate] = dateRange;
|
|
63
12
|
return endDate.valueOf() - startDate.valueOf();
|
|
64
13
|
}
|
|
65
|
-
const xaxisCal = (lastTime, dateRange) => {
|
|
66
|
-
const tangeTime = getRangeTimestamp(dateRange);
|
|
67
|
-
const tick = tangeTime / 4;
|
|
68
|
-
const msPerMinute = tower.MINUTE * 1e3;
|
|
69
|
-
const lastTimeMinute = dayjs__default.default(lastTime).minute();
|
|
70
|
-
const baseline = lastTimeMinute < 30 ? lastTime - lastTimeMinute * msPerMinute : lastTime - lastTimeMinute * msPerMinute + msPerMinute * 30;
|
|
71
|
-
return [baseline - tick * 3, baseline - tick * 2, baseline - tick, baseline];
|
|
72
|
-
};
|
|
73
14
|
const tickFormatter = (tick, dateRange) => {
|
|
74
15
|
const rangeTime = getRangeTimestamp(dateRange);
|
|
75
16
|
if (rangeTime <= 2 * tower.HOUR * 1e3) {
|
|
@@ -80,92 +21,5 @@ const tickFormatter = (tick, dateRange) => {
|
|
|
80
21
|
}
|
|
81
22
|
return dayjs__default.default(tick).format("MM/DD");
|
|
82
23
|
};
|
|
83
|
-
function getXAxisDomain(dateRange, xaxisLastTime) {
|
|
84
|
-
const [startDate, endDate] = dateRange;
|
|
85
|
-
return [startDate.valueOf(), xaxisLastTime != null ? xaxisLastTime : endDate.valueOf()];
|
|
86
|
-
}
|
|
87
|
-
const getMs = (dateRange) => {
|
|
88
|
-
const [startDate, endDate] = dateRange;
|
|
89
|
-
return endDate.valueOf() - startDate.valueOf();
|
|
90
|
-
};
|
|
91
|
-
const getStep = (dateRange) => {
|
|
92
|
-
const [startDate, endDate] = dateRange;
|
|
93
|
-
const range = endDate.valueOf() - startDate.valueOf();
|
|
94
|
-
if (range <= 2 * 60 * 60 * 1e3) {
|
|
95
|
-
return tower.SECOND * 30 * 1e3;
|
|
96
|
-
}
|
|
97
|
-
if (range <= 24 * 60 * 60 * 1e3) {
|
|
98
|
-
return tower.MINUTE * 5 * 1e3;
|
|
99
|
-
}
|
|
100
|
-
if (range <= 7 * 24 * 60 * 60 * 1e3) {
|
|
101
|
-
return tower.MINUTE * 30 * 1e3;
|
|
102
|
-
}
|
|
103
|
-
if (range <= 30 * 24 * 60 * 60 * 1e3) {
|
|
104
|
-
return tower.DAY * 1e3;
|
|
105
|
-
}
|
|
106
|
-
return tower.DAY * 1e3;
|
|
107
|
-
};
|
|
108
|
-
const filterDataOverlapping = (data, startTimestamp, length, step, tolerance) => {
|
|
109
|
-
const points = [...new Array(Math.round(length))].map((_2, index) => {
|
|
110
|
-
return startTimestamp + index * step;
|
|
111
|
-
}).map((timestamp) => {
|
|
112
|
-
const closestPoint = ___default.default.minBy(
|
|
113
|
-
data.filter((value) => {
|
|
114
|
-
return Math.abs(value.t - timestamp) < tolerance;
|
|
115
|
-
}),
|
|
116
|
-
(value) => {
|
|
117
|
-
return Math.abs(value.t - timestamp);
|
|
118
|
-
}
|
|
119
|
-
);
|
|
120
|
-
if (closestPoint == null) {
|
|
121
|
-
return {
|
|
122
|
-
t: timestamp,
|
|
123
|
-
v: -Infinity
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
return closestPoint;
|
|
127
|
-
});
|
|
128
|
-
return points;
|
|
129
|
-
};
|
|
130
|
-
const convertDataStruct = (streams) => {
|
|
131
|
-
const points = streams.flatMap((points2, index) => {
|
|
132
|
-
return points2.map((point) => {
|
|
133
|
-
return __spreadProps(__spreadValues({}, point), { [`v${index}`]: point.v });
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
const groupedPoints = ___default.default.groupBy(points, (point) => {
|
|
137
|
-
return point.t;
|
|
138
|
-
});
|
|
139
|
-
const combinedPoints = Object.entries(groupedPoints).map(([key, values]) => {
|
|
140
|
-
return values.reduce((p, c) => {
|
|
141
|
-
const _a = __spreadValues(__spreadValues({}, p), c), values2 = __objRest(_a, ["v"]);
|
|
142
|
-
return values2;
|
|
143
|
-
}, {});
|
|
144
|
-
});
|
|
145
|
-
return combinedPoints;
|
|
146
|
-
};
|
|
147
|
-
const filterOverlappingMetric = (metric, dateRange) => {
|
|
148
|
-
const range = getMs(dateRange);
|
|
149
|
-
return __spreadProps(__spreadValues({}, metric), {
|
|
150
|
-
sample_streams: metric.sample_streams.map((stream) => __spreadProps(__spreadValues({}, stream), {
|
|
151
|
-
points: filterDataOverlapping(
|
|
152
|
-
stream.points,
|
|
153
|
-
dateRange[0].valueOf(),
|
|
154
|
-
range / stream.step,
|
|
155
|
-
stream.step,
|
|
156
|
-
stream.tolerance
|
|
157
|
-
)
|
|
158
|
-
}))
|
|
159
|
-
});
|
|
160
|
-
};
|
|
161
24
|
|
|
162
|
-
exports.convertDataStruct = convertDataStruct;
|
|
163
|
-
exports.filterDataOverlapping = filterDataOverlapping;
|
|
164
|
-
exports.filterOverlappingMetric = filterOverlappingMetric;
|
|
165
|
-
exports.filterPointsByDateRange = filterPointsByDateRange;
|
|
166
|
-
exports.getMs = getMs;
|
|
167
|
-
exports.getStep = getStep;
|
|
168
|
-
exports.getXAxisDomain = getXAxisDomain;
|
|
169
|
-
exports.parseRange = parseRange;
|
|
170
25
|
exports.tickFormatter = tickFormatter;
|
|
171
|
-
exports.xaxisCal = xaxisCal;
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var iconsReact = require('@cloudtower/icons-react');
|
|
6
6
|
var react = require('@linaria/react');
|
|
7
|
-
var index = require('../Icon/index.js');
|
|
8
|
-
var index
|
|
7
|
+
var index$1 = require('../Icon/index.js');
|
|
8
|
+
var index = require('../Typo/index.js');
|
|
9
9
|
var antd = require('antd');
|
|
10
10
|
var cs = require('classnames');
|
|
11
11
|
var React = require('react');
|
|
@@ -43,7 +43,7 @@ var __objRest = (source, exclude) => {
|
|
|
43
43
|
}
|
|
44
44
|
return target;
|
|
45
45
|
};
|
|
46
|
-
const
|
|
46
|
+
const PresetColors = ["blue", "red", "yellow", "green", "gray"];
|
|
47
47
|
const StatusCapsuleStyle = "E_sddwhm6";
|
|
48
48
|
const StatusCode = /*#__PURE__*/react.styled('i')({
|
|
49
49
|
name: "StatusCode",
|
|
@@ -54,7 +54,7 @@ const StatusIcon = ({
|
|
|
54
54
|
loading
|
|
55
55
|
}) => {
|
|
56
56
|
if (loading) {
|
|
57
|
-
return /* @__PURE__ */React__default.default.createElement(index, {
|
|
57
|
+
return /* @__PURE__ */React__default.default.createElement(index$1, {
|
|
58
58
|
className: "ui-kit-status-capsule-icon ui-kit-status-capsule-icon-loading",
|
|
59
59
|
iconWidth: 8,
|
|
60
60
|
iconHeight: 8,
|
|
@@ -85,8 +85,8 @@ const StatusCapsule = _a => {
|
|
|
85
85
|
props = __objRest(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
|
|
86
86
|
const computedColor = ColorMap[color] || color;
|
|
87
87
|
return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
|
|
88
|
-
className: cs__default.default(className, StatusCapsuleStyle, index
|
|
89
|
-
[`ant-tag-${computedColor}`]:
|
|
88
|
+
className: cs__default.default(className, StatusCapsuleStyle, index.Typo.Label.l4_regular, "ui-kit-status-capsule", {
|
|
89
|
+
[`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
|
|
90
90
|
"tag-hover": hoverable,
|
|
91
91
|
"off-white": offWhiteMode
|
|
92
92
|
}),
|
|
@@ -100,6 +100,6 @@ const StatusCapsule = _a => {
|
|
|
100
100
|
};
|
|
101
101
|
var StatusCapsule$1 = StatusCapsule;
|
|
102
102
|
|
|
103
|
+
exports.PresetColors = PresetColors;
|
|
103
104
|
exports.StatusIcon = StatusIcon;
|
|
104
|
-
exports.StatusPresetColors = StatusPresetColors;
|
|
105
105
|
exports.default = StatusCapsule$1;
|
|
@@ -2,123 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
var react = require('@linaria/react');
|
|
4
4
|
|
|
5
|
-
const CommonContent = /*#__PURE__*/react.styled('div')({
|
|
6
|
-
name: "CommonContent",
|
|
7
|
-
class: "E_cnujxq2",
|
|
8
|
-
propsAsIs: false
|
|
9
|
-
});
|
|
10
|
-
const ModalBody = /*#__PURE__*/react.styled('div')({
|
|
11
|
-
name: "ModalBody",
|
|
12
|
-
class: "E_m7s48ia",
|
|
13
|
-
propsAsIs: false
|
|
14
|
-
});
|
|
15
5
|
const WizardBody = /*#__PURE__*/react.styled('div')({
|
|
16
6
|
name: "WizardBody",
|
|
17
7
|
class: "E_wt5zbg6",
|
|
18
8
|
propsAsIs: false
|
|
19
9
|
});
|
|
20
|
-
const HorizontalWizardModalCompactStyle = "E_h18jprzg";
|
|
21
|
-
const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
|
|
22
|
-
const FormWrapper = /*#__PURE__*/react.styled('div')({
|
|
23
|
-
name: "FormWrapper",
|
|
24
|
-
class: "E_f1lrhghm",
|
|
25
|
-
propsAsIs: false
|
|
26
|
-
});
|
|
27
|
-
const FormSectionTitle = /*#__PURE__*/react.styled('h4')({
|
|
28
|
-
name: "FormSectionTitle",
|
|
29
|
-
class: "E_f18ot8em",
|
|
30
|
-
propsAsIs: false
|
|
31
|
-
});
|
|
32
|
-
const FormField = /*#__PURE__*/react.styled('div')({
|
|
33
|
-
name: "FormField",
|
|
34
|
-
class: "E_f1l1g2k0",
|
|
35
|
-
propsAsIs: false
|
|
36
|
-
});
|
|
37
|
-
const ErrorSpan = /*#__PURE__*/react.styled('span')({
|
|
38
|
-
name: "ErrorSpan",
|
|
39
|
-
class: "E_e1k89cwg",
|
|
40
|
-
propsAsIs: false
|
|
41
|
-
});
|
|
42
|
-
const Divider = /*#__PURE__*/react.styled('div')({
|
|
43
|
-
name: "Divider",
|
|
44
|
-
class: "E_d1oui1gf",
|
|
45
|
-
propsAsIs: false
|
|
46
|
-
});
|
|
47
|
-
const LoadingWrapper = /*#__PURE__*/react.styled('div')({
|
|
48
|
-
name: "LoadingWrapper",
|
|
49
|
-
class: "E_l15itdbb",
|
|
50
|
-
propsAsIs: false
|
|
51
|
-
});
|
|
52
|
-
const Dot = /*#__PURE__*/react.styled('span')({
|
|
53
|
-
name: "Dot",
|
|
54
|
-
class: "E_d1y3z4w",
|
|
55
|
-
propsAsIs: false
|
|
56
|
-
});
|
|
57
|
-
const ModalWrapper = "E_m177r7a3";
|
|
58
|
-
const _exp = () => ({
|
|
59
|
-
color
|
|
60
|
-
}) => {
|
|
61
|
-
switch (color) {
|
|
62
|
-
case "red":
|
|
63
|
-
return "linear-gradient(262.79deg, #FA5F3C 0%, #FF9412 100%)";
|
|
64
|
-
case "yellow":
|
|
65
|
-
return "linear-gradient(260.13deg, #FFA600 0%, #FFD900 100%)";
|
|
66
|
-
case "blue":
|
|
67
|
-
return "linear-gradient(276.05deg, #0066FF 10.65%, #5CA8FF 89.35%)";
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const TagSpan = /*#__PURE__*/react.styled('span')({
|
|
71
|
-
name: "TagSpan",
|
|
72
|
-
class: "E_t1wwio3v",
|
|
73
|
-
propsAsIs: false,
|
|
74
|
-
vars: {
|
|
75
|
-
"t1wwio3v-0": [_exp()]
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
10
|
const FullView = /*#__PURE__*/react.styled('div')({
|
|
79
11
|
name: "FullView",
|
|
80
12
|
class: "E_f17jvtfk",
|
|
81
13
|
propsAsIs: false
|
|
82
14
|
});
|
|
83
|
-
const NameTag = /*#__PURE__*/react.styled('span')({
|
|
84
|
-
name: "NameTag",
|
|
85
|
-
class: "E_nzppkea",
|
|
86
|
-
propsAsIs: false
|
|
87
|
-
});
|
|
88
|
-
const FormItemDiv = /*#__PURE__*/react.styled('div')({
|
|
89
|
-
name: "FormItemDiv",
|
|
90
|
-
class: "E_f4mi9eq",
|
|
91
|
-
propsAsIs: false
|
|
92
|
-
});
|
|
93
|
-
const FieldTitle = /*#__PURE__*/react.styled('div')({
|
|
94
|
-
name: "FieldTitle",
|
|
95
|
-
class: "E_fh0ewl8",
|
|
96
|
-
propsAsIs: false
|
|
97
|
-
});
|
|
98
|
-
const ExpandArrow = /*#__PURE__*/react.styled('i')({
|
|
99
|
-
name: "ExpandArrow",
|
|
100
|
-
class: "E_e1qrlvot",
|
|
101
|
-
propsAsIs: false
|
|
102
|
-
});
|
|
103
|
-
const WarningAlert = "E_w9ic984";
|
|
104
|
-
const NoticeAlert = "E_n1k9qi4r";
|
|
105
|
-
const NormalAlert = "E_n16fsg9x";
|
|
106
|
-
const InfoAlert = "E_i173wxzw";
|
|
107
|
-
const Description = /*#__PURE__*/react.styled('div')({
|
|
108
|
-
name: "Description",
|
|
109
|
-
class: "E_dld369h",
|
|
110
|
-
propsAsIs: false
|
|
111
|
-
});
|
|
112
|
-
const SelectOptionDisabledText = /*#__PURE__*/react.styled('div')({
|
|
113
|
-
name: "SelectOptionDisabledText",
|
|
114
|
-
class: "E_s1epv22q",
|
|
115
|
-
propsAsIs: false
|
|
116
|
-
});
|
|
117
|
-
const OperationWraper = /*#__PURE__*/react.styled('div')({
|
|
118
|
-
name: "OperationWraper",
|
|
119
|
-
class: "E_okus5hk",
|
|
120
|
-
propsAsIs: false
|
|
121
|
-
});
|
|
122
15
|
const TertiaryText = /*#__PURE__*/react.styled('div')({
|
|
123
16
|
name: "TertiaryText",
|
|
124
17
|
class: "E_t1auuzri",
|
|
@@ -126,10 +19,6 @@ const TertiaryText = /*#__PURE__*/react.styled('div')({
|
|
|
126
19
|
});
|
|
127
20
|
const InputStyle = "E_i74cfyt";
|
|
128
21
|
const KitInputStyle = "E_k1ci6977";
|
|
129
|
-
const LeftEndInputStyle = "E_l1f7td1d";
|
|
130
|
-
const RightEndInputStyle = "E_rf8rlle";
|
|
131
|
-
const LeftEndSelectStyle = "E_llt2k48";
|
|
132
|
-
const RightEndSelectStyle = "E_rdwz7eh";
|
|
133
22
|
const ContentWrapper = /*#__PURE__*/react.styled('div')({
|
|
134
23
|
name: "ContentWrapper",
|
|
135
24
|
class: "E_c3ni091",
|
|
@@ -156,41 +45,13 @@ const radioStyle = "E_r1skkc3l";
|
|
|
156
45
|
const CannotOperationInfo = "E_c3cobmo";
|
|
157
46
|
|
|
158
47
|
exports.CannotOperationInfo = CannotOperationInfo;
|
|
159
|
-
exports.CommonContent = CommonContent;
|
|
160
48
|
exports.ContentWrapper = ContentWrapper;
|
|
161
49
|
exports.Desc = Desc;
|
|
162
|
-
exports.Description = Description;
|
|
163
|
-
exports.Divider = Divider;
|
|
164
|
-
exports.Dot = Dot;
|
|
165
|
-
exports.ErrorSpan = ErrorSpan;
|
|
166
|
-
exports.ExpandArrow = ExpandArrow;
|
|
167
|
-
exports.FieldTitle = FieldTitle;
|
|
168
|
-
exports.FormField = FormField;
|
|
169
|
-
exports.FormItemDiv = FormItemDiv;
|
|
170
|
-
exports.FormSectionTitle = FormSectionTitle;
|
|
171
|
-
exports.FormWrapper = FormWrapper;
|
|
172
50
|
exports.FullView = FullView;
|
|
173
|
-
exports.HorizontalWizardModalCompactStyle = HorizontalWizardModalCompactStyle;
|
|
174
|
-
exports.HorizontalWizardModalLooseStyle = HorizontalWizardModalLooseStyle;
|
|
175
|
-
exports.InfoAlert = InfoAlert;
|
|
176
51
|
exports.InputStyle = InputStyle;
|
|
177
52
|
exports.KitInputStyle = KitInputStyle;
|
|
178
|
-
exports.LeftEndInputStyle = LeftEndInputStyle;
|
|
179
|
-
exports.LeftEndSelectStyle = LeftEndSelectStyle;
|
|
180
53
|
exports.LightDesc = LightDesc;
|
|
181
|
-
exports.LoadingWrapper = LoadingWrapper;
|
|
182
|
-
exports.ModalBody = ModalBody;
|
|
183
|
-
exports.ModalWrapper = ModalWrapper;
|
|
184
|
-
exports.NameTag = NameTag;
|
|
185
|
-
exports.NormalAlert = NormalAlert;
|
|
186
|
-
exports.NoticeAlert = NoticeAlert;
|
|
187
|
-
exports.OperationWraper = OperationWraper;
|
|
188
54
|
exports.RadioDesc = RadioDesc;
|
|
189
|
-
exports.RightEndInputStyle = RightEndInputStyle;
|
|
190
|
-
exports.RightEndSelectStyle = RightEndSelectStyle;
|
|
191
|
-
exports.SelectOptionDisabledText = SelectOptionDisabledText;
|
|
192
|
-
exports.TagSpan = TagSpan;
|
|
193
55
|
exports.TertiaryText = TertiaryText;
|
|
194
|
-
exports.WarningAlert = WarningAlert;
|
|
195
56
|
exports.WizardBody = WizardBody;
|
|
196
57
|
exports.radioStyle = radioStyle;
|
|
@@ -35,7 +35,7 @@ const TableLoading = () => {
|
|
|
35
35
|
className: "td-loading"
|
|
36
36
|
}))));
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
React.createContext({});
|
|
39
39
|
const ColumnTitle = props => {
|
|
40
40
|
const {
|
|
41
41
|
title,
|
|
@@ -47,11 +47,6 @@ const ColumnTitle = props => {
|
|
|
47
47
|
src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
|
|
48
48
|
}));
|
|
49
49
|
};
|
|
50
|
-
const EmptyRowMenu = () => {
|
|
51
|
-
return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null);
|
|
52
|
-
};
|
|
53
50
|
|
|
54
51
|
exports.ColumnTitle = ColumnTitle;
|
|
55
|
-
exports.EmptyRowMenu = EmptyRowMenu;
|
|
56
|
-
exports.KitTableContext = KitTableContext;
|
|
57
52
|
exports.TableLoading = TableLoading;
|
|
@@ -109,12 +109,9 @@ const Table = props => {
|
|
|
109
109
|
showSorterTooltip: false
|
|
110
110
|
}));
|
|
111
111
|
};
|
|
112
|
-
var Table$1 = Table;
|
|
113
112
|
|
|
114
113
|
exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
|
|
115
114
|
exports.ColumnTitle = TableWidget.ColumnTitle;
|
|
116
|
-
exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
|
|
117
|
-
exports.KitTableContext = TableWidget.KitTableContext;
|
|
118
115
|
exports.TableLoading = TableWidget.TableLoading;
|
|
119
|
-
exports.default = Table
|
|
116
|
+
exports.default = Table;
|
|
120
117
|
exports.tableStyleCover = tableStyleCover;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var AddRowButton = require('./AddRowButton.js');
|
|
6
4
|
var style = require('./style.js');
|
|
7
5
|
var TableFormBodyRows = require('./TableFormBodyRows.js');
|
|
@@ -190,4 +188,4 @@ const TableForm = React__default.default.forwardRef(
|
|
|
190
188
|
);
|
|
191
189
|
var TableForm$1 = TableForm;
|
|
192
190
|
|
|
193
|
-
exports
|
|
191
|
+
module.exports = TableForm$1;
|
|
@@ -54,11 +54,11 @@ const SplitTag = _a => {
|
|
|
54
54
|
props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
|
|
55
55
|
return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
|
|
56
56
|
className: cs__default.default(className, style.TagStyle, style.Size[size], WrapperStyle, index.Typo.Label.l4_regular, {
|
|
57
|
-
[`ant-tag-${color}`]: _const.
|
|
57
|
+
[`ant-tag-${color}`]: _const.PresetColors.includes(color)
|
|
58
58
|
}, "outside-tag")
|
|
59
59
|
}), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
|
|
60
60
|
className: cs__default.default(style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
|
|
61
|
-
[`ant-tag-${color}`]: _const.
|
|
61
|
+
[`ant-tag-${color}`]: _const.PresetColors.includes(color)
|
|
62
62
|
}, "inside-tag")
|
|
63
63
|
}, icon && /* @__PURE__ */React__default.default.createElement("span", {
|
|
64
64
|
className: cs__default.default("ui-kit-tag-icon", style.IconStyle)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const PresetColors = [
|
|
4
4
|
"blue",
|
|
5
5
|
"red",
|
|
6
6
|
"yellow",
|
|
@@ -9,4 +9,4 @@ const TagBasePresetColors = [
|
|
|
9
9
|
"purple"
|
|
10
10
|
];
|
|
11
11
|
|
|
12
|
-
exports.
|
|
12
|
+
exports.PresetColors = PresetColors;
|
|
@@ -46,8 +46,8 @@ var __objRest = (source, exclude) => {
|
|
|
46
46
|
}
|
|
47
47
|
return target;
|
|
48
48
|
};
|
|
49
|
-
const
|
|
50
|
-
..._const.
|
|
49
|
+
const PresetColors = [
|
|
50
|
+
..._const.PresetColors,
|
|
51
51
|
"red-ontint",
|
|
52
52
|
"green-ontint"
|
|
53
53
|
];
|
|
@@ -79,7 +79,7 @@ const Tag = (_a) => {
|
|
|
79
79
|
antd.Tag,
|
|
80
80
|
__spreadProps(__spreadValues({}, props), {
|
|
81
81
|
className: cs__default.default(className, style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
|
|
82
|
-
[`ant-tag-${computedColor}`]:
|
|
82
|
+
[`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
|
|
83
83
|
"tag-hover": hoverable
|
|
84
84
|
}),
|
|
85
85
|
closable: false,
|
|
@@ -97,5 +97,5 @@ Tag.SplitTag = SplitTag;
|
|
|
97
97
|
Tag.NameTag = NameTag;
|
|
98
98
|
var Tag$1 = Tag;
|
|
99
99
|
|
|
100
|
-
exports.
|
|
100
|
+
exports.PresetColors = PresetColors;
|
|
101
101
|
exports.default = Tag$1;
|