@cloudtower/eagle 0.31.28 → 0.32.1
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 +16 -2
- package/dist/cjs/core/ConfigProvider/index.js +1 -37
- package/dist/cjs/core/Fields/FieldsEnum/index.js +1 -1
- package/dist/cjs/core/Select/index.js +117 -106
- package/dist/cjs/core/TableForm/TableFormBodyCell.js +3 -6
- package/dist/cjs/core/TableForm/TableFormBodyRows.js +2 -7
- package/dist/cjs/core/TableForm/index.js +1 -12
- package/dist/cjs/core/TimeZoneSelect/index.js +1 -1
- package/dist/cjs/core/Tooltip/index.js +1 -4
- package/dist/cjs/core/index.js +12 -15
- package/dist/cjs/coreX/ChartWithTooltip/index.js +12 -14
- package/dist/cjs/coreX/DateRangePicker/Calendar.js +3 -4
- package/dist/cjs/coreX/DateRangePicker/index.js +2 -2
- package/dist/cjs/coreX/SummaryTable/index.js +3 -6
- package/dist/cjs/coreX/UnitWithChart/index.js +12 -14
- package/dist/cjs/index.js +239 -245
- package/dist/cjs/legacy-antd.js +133 -137
- package/dist/cjs/stats1.html +1 -1
- package/dist/cjs/utils/tower.js +0 -17
- package/dist/components.css +3150 -3348
- package/dist/esm/UIKitProvider/index.js +12 -2
- package/dist/esm/core/ConfigProvider/index.js +2 -32
- package/dist/esm/core/Fields/FieldsEnum/index.js +4 -4
- package/dist/esm/core/Select/index.js +116 -104
- package/dist/esm/core/TableForm/TableFormBodyCell.js +3 -6
- package/dist/esm/core/TableForm/TableFormBodyRows.js +2 -7
- package/dist/esm/core/TableForm/index.js +2 -13
- package/dist/esm/core/TimeZoneSelect/index.js +2 -2
- package/dist/esm/core/Tooltip/index.js +1 -4
- package/dist/esm/core/index.js +1 -3
- package/dist/esm/coreX/ChartWithTooltip/index.js +0 -2
- package/dist/esm/coreX/DateRangePicker/Calendar.js +3 -4
- package/dist/esm/coreX/DateRangePicker/index.js +3 -3
- package/dist/esm/coreX/SummaryTable/index.js +3 -6
- package/dist/esm/coreX/UnitWithChart/index.js +0 -2
- package/dist/esm/index.js +3 -6
- package/dist/esm/legacy-antd.js +0 -4
- package/dist/esm/stats1.html +1 -1
- package/dist/esm/utils/tower.js +1 -17
- package/dist/src/UIKitProvider/UIKitProvider.stories.d.ts +2 -1
- package/dist/src/antd.d.ts +0 -1
- package/dist/src/core/ConfigProvider/index.d.ts +0 -2
- package/dist/src/core/Select/index.d.ts +0 -1
- package/dist/src/core/Select/select.type.d.ts +31 -6
- package/dist/src/core/TableForm/types.d.ts +0 -3
- package/dist/src/core/Tooltip/EllipsisTooltipContent.d.ts +1 -1
- package/dist/src/core/Tooltip/index.d.ts +1 -7
- package/dist/src/core/Tooltip/tooltip.widget.d.ts +5 -0
- package/dist/src/core/index.d.ts +2 -7
- package/dist/src/coreX/SummaryTable/index.d.ts +0 -1
- package/dist/src/coreX/UnitWithChart/index.d.ts +0 -1
- package/dist/src/spec/base.d.ts +1 -3
- package/dist/src/utils/tower.d.ts +0 -1
- package/dist/stories/docs/core/EllipsisTooltipContent.stories.d.ts +1 -1
- package/dist/stories/docs/core/{LegacySelect.Simple.stories.d.ts → Select.Simple.stories.d.ts} +3 -3
- package/dist/stories/docs/core/Tooltip.stories.d.ts +1 -3
- package/dist/style.css +3146 -3312
- package/package.json +4 -6
- package/dist/cjs/core/BytePerSecond/index.js +0 -45
- package/dist/cjs/core/LegacySelect/index.js +0 -185
- package/dist/cjs/core/LegacySelect/select.style.js +0 -5
- package/dist/cjs/core/Select/select.style.js +0 -11
- package/dist/cjs/core/Select/select.widgets.js +0 -63
- package/dist/cjs/core/Tooltip/EllipsisTooltipContent.js +0 -55
- package/dist/esm/core/BytePerSecond/index.js +0 -39
- package/dist/esm/core/LegacySelect/index.js +0 -177
- package/dist/esm/core/LegacySelect/select.style.js +0 -3
- package/dist/esm/core/Select/select.style.js +0 -6
- package/dist/esm/core/Select/select.widgets.js +0 -57
- package/dist/esm/core/Tooltip/EllipsisTooltipContent.js +0 -49
- package/dist/src/core/BytePerSecond/index.d.ts +0 -3
- package/dist/src/core/LegacySelect/index.d.ts +0 -4
- package/dist/src/core/LegacySelect/select.style.d.ts +0 -1
- package/dist/src/core/LegacySelect/select.type.d.ts +0 -31
- package/dist/src/core/Select/select.style.d.ts +0 -4
- package/dist/src/core/Select/select.widgets.d.ts +0 -7
- package/dist/stories/docs/core/BytePerSecond.stories.d.ts +0 -17
- package/dist/stories/docs/core/LegacySelect.stories.d.ts +0 -16
- package/dist/stories/docs/coreX/Calendar.stories.d.ts +0 -11
|
@@ -5,12 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var parrot = require('@cloudtower/parrot');
|
|
6
6
|
var index = require('../core/message/index.js');
|
|
7
7
|
var legacyAntd = require('../legacy-antd.js');
|
|
8
|
+
var enUS = require('antd/lib/locale/en_US');
|
|
9
|
+
var zhCN = require('antd/lib/locale/zh_CN');
|
|
10
|
+
var antd5enUS = require('antd5/lib/locale/en_US');
|
|
11
|
+
var antd5zhCN = require('antd5/lib/locale/zh_CN');
|
|
8
12
|
var React = require('react');
|
|
9
13
|
var index$2 = require('../core/ConfigProvider/index.js');
|
|
10
14
|
var index$1 = require('../core/message-group/index.js');
|
|
11
15
|
|
|
12
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
17
|
|
|
18
|
+
var enUS__default = /*#__PURE__*/_interopDefault(enUS);
|
|
19
|
+
var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
|
|
20
|
+
var antd5enUS__default = /*#__PURE__*/_interopDefault(antd5enUS);
|
|
21
|
+
var antd5zhCN__default = /*#__PURE__*/_interopDefault(antd5zhCN);
|
|
14
22
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
23
|
|
|
16
24
|
var __defProp = Object.defineProperty;
|
|
@@ -59,8 +67,14 @@ const UIKitProvider = (props) => {
|
|
|
59
67
|
return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
|
|
60
68
|
index$2.ConfigProvider,
|
|
61
69
|
{
|
|
62
|
-
antd4Configs: __spreadValues({
|
|
63
|
-
|
|
70
|
+
antd4Configs: __spreadValues({
|
|
71
|
+
autoInsertSpaceInButton: false,
|
|
72
|
+
locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default
|
|
73
|
+
}, config == null ? void 0 : config.antd4Configs),
|
|
74
|
+
antd5Configs: __spreadValues({
|
|
75
|
+
autoInsertSpaceInButton: false,
|
|
76
|
+
locale: lng === "zh-CN" ? antd5zhCN__default.default : antd5enUS__default.default
|
|
77
|
+
}, config == null ? void 0 : config.antd5Configs)
|
|
64
78
|
},
|
|
65
79
|
children
|
|
66
80
|
)));
|
|
@@ -1,25 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
4
3
|
var antd = require('antd');
|
|
5
4
|
var antd5 = require('antd5');
|
|
6
5
|
var React = require('react');
|
|
7
|
-
var enUS = require('antd/lib/locale/en_US');
|
|
8
|
-
var zhCN = require('antd/lib/locale/zh_CN');
|
|
9
|
-
var antd5enUS = require('antd5/lib/locale/en_US');
|
|
10
|
-
var antd5zhCN = require('antd5/lib/locale/zh_CN');
|
|
11
|
-
var moment = require('moment');
|
|
12
|
-
var dayjs = require('dayjs');
|
|
13
6
|
|
|
14
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
8
|
|
|
16
9
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
|
-
var enUS__default = /*#__PURE__*/_interopDefault(enUS);
|
|
18
|
-
var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
|
|
19
|
-
var antd5enUS__default = /*#__PURE__*/_interopDefault(antd5enUS);
|
|
20
|
-
var antd5zhCN__default = /*#__PURE__*/_interopDefault(antd5zhCN);
|
|
21
|
-
var moment__default = /*#__PURE__*/_interopDefault(moment);
|
|
22
|
-
var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
|
|
23
10
|
|
|
24
11
|
var __defProp = Object.defineProperty;
|
|
25
12
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -42,30 +29,7 @@ const ConfigProvider = ({
|
|
|
42
29
|
antd4Configs,
|
|
43
30
|
children
|
|
44
31
|
}) => {
|
|
45
|
-
|
|
46
|
-
React.useEffect(() => {
|
|
47
|
-
const adjustDateLocale = (lng) => {
|
|
48
|
-
moment__default.default.locale(lng === "zh-CN" ? "zh-cn" : "en");
|
|
49
|
-
dayjs__default.default.locale(lng === "zh-CN" ? "zh-cn" : "en");
|
|
50
|
-
};
|
|
51
|
-
i18n.on("languageChanged", adjustDateLocale);
|
|
52
|
-
adjustDateLocale(i18n.language);
|
|
53
|
-
}, []);
|
|
54
|
-
return /* @__PURE__ */ React__default.default.createElement(
|
|
55
|
-
antd5.ConfigProvider,
|
|
56
|
-
__spreadValues({
|
|
57
|
-
autoInsertSpaceInButton: false,
|
|
58
|
-
locale: i18n.language === "zh-CN" ? antd5zhCN__default.default : antd5enUS__default.default
|
|
59
|
-
}, antd5Configs),
|
|
60
|
-
/* @__PURE__ */ React__default.default.createElement(
|
|
61
|
-
antd.ConfigProvider,
|
|
62
|
-
__spreadValues({
|
|
63
|
-
autoInsertSpaceInButton: false,
|
|
64
|
-
locale: i18n.language === "zh-CN" ? zhCN__default.default : enUS__default.default
|
|
65
|
-
}, antd4Configs),
|
|
66
|
-
children
|
|
67
|
-
)
|
|
68
|
-
);
|
|
32
|
+
return /* @__PURE__ */ React__default.default.createElement(antd5.ConfigProvider, __spreadValues({}, antd5Configs), /* @__PURE__ */ React__default.default.createElement(antd.ConfigProvider, __spreadValues({}, antd4Configs), children));
|
|
69
33
|
};
|
|
70
34
|
|
|
71
35
|
exports.ConfigProvider = ConfigProvider;
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var iconsReact = require('@cloudtower/icons-react');
|
|
6
|
-
var index$2 = require('../Icon/index.js');
|
|
7
|
-
var index$1 = require('../LegacySelect/index.js');
|
|
3
|
+
var index$1 = require('../Loading/index.js');
|
|
8
4
|
var index = require('../Typo/index.js');
|
|
9
|
-
var
|
|
5
|
+
var antd = require('antd');
|
|
10
6
|
var cs = require('classnames');
|
|
7
|
+
var _ = require('lodash');
|
|
11
8
|
var React = require('react');
|
|
12
|
-
var
|
|
9
|
+
var reactDom = require('react-dom');
|
|
10
|
+
var reactIs = require('react-is');
|
|
13
11
|
|
|
14
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
13
|
|
|
16
14
|
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
15
|
+
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
17
16
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
18
17
|
|
|
19
18
|
var __defProp = Object.defineProperty;
|
|
@@ -22,114 +21,126 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
|
22
21
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
23
22
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
24
23
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
25
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
24
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
configurable: true,
|
|
27
|
+
writable: true,
|
|
28
|
+
value
|
|
29
|
+
}) : obj[key] = value;
|
|
26
30
|
var __spreadValues = (a, b) => {
|
|
27
|
-
for (var prop in b || (b = {}))
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
32
|
-
if (__propIsEnum.call(b, prop))
|
|
33
|
-
__defNormalProp(a, prop, b[prop]);
|
|
34
|
-
}
|
|
31
|
+
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
32
|
+
if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
|
|
33
|
+
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
34
|
+
}
|
|
35
35
|
return a;
|
|
36
36
|
};
|
|
37
37
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
var __objRest = (source, exclude) => {
|
|
39
|
+
var target = {};
|
|
40
|
+
for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
|
|
41
|
+
if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
|
|
42
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
|
|
43
|
+
}
|
|
44
|
+
return target;
|
|
45
|
+
};
|
|
46
|
+
const SelectStyle = "E_s177mls5";
|
|
47
|
+
const Select = _a => {
|
|
48
|
+
var _b = _a,
|
|
49
|
+
{
|
|
50
|
+
input,
|
|
51
|
+
multiple,
|
|
52
|
+
className,
|
|
53
|
+
scrollBottomBuffer = 0,
|
|
54
|
+
onScrollBottom,
|
|
55
|
+
onPopupScroll,
|
|
56
|
+
onSearch,
|
|
57
|
+
showSearch,
|
|
58
|
+
filterOption,
|
|
59
|
+
loading,
|
|
60
|
+
notFoundContent,
|
|
61
|
+
children,
|
|
62
|
+
error,
|
|
63
|
+
selectLimit,
|
|
64
|
+
dropdownClassName,
|
|
65
|
+
danger,
|
|
66
|
+
size = "middle",
|
|
67
|
+
meta,
|
|
68
|
+
placeholder
|
|
69
|
+
} = _b,
|
|
70
|
+
restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
|
|
71
|
+
var _a2;
|
|
72
|
+
const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
|
|
41
73
|
const typo = {
|
|
42
74
|
large: index.Typo.Label.l2_regular,
|
|
43
75
|
middle: index.Typo.Label.l3_regular,
|
|
44
76
|
small: index.Typo.Label.l4_regular
|
|
45
77
|
}[size];
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
), /* @__PURE__ */ React__default.default.createElement(
|
|
112
|
-
index$2,
|
|
113
|
-
{
|
|
114
|
-
className: "select-error-expanded-suffix",
|
|
115
|
-
src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
|
|
116
|
-
}
|
|
117
|
-
), /* @__PURE__ */ React__default.default.createElement(
|
|
118
|
-
index$2,
|
|
119
|
-
{
|
|
120
|
-
className: "select-error-expanded-search-suffix",
|
|
121
|
-
src: iconsReact.Search16SecondaryIcon
|
|
122
|
-
}
|
|
123
|
-
), /* @__PURE__ */ React__default.default.createElement(
|
|
124
|
-
index$2,
|
|
125
|
-
{
|
|
126
|
-
className: "select-error-focus-suffix",
|
|
127
|
-
src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
|
|
128
|
-
}
|
|
129
|
-
)))
|
|
130
|
-
})
|
|
131
|
-
);
|
|
78
|
+
const _danger = React.useMemo(() => {
|
|
79
|
+
if (danger !== void 0) {
|
|
80
|
+
return danger;
|
|
81
|
+
}
|
|
82
|
+
return (meta == null ? void 0 : meta.touched) && meta.invalid;
|
|
83
|
+
}, [danger, meta]);
|
|
84
|
+
const selectRef = React.useRef(null);
|
|
85
|
+
React.useEffect(() => {
|
|
86
|
+
if (!selectRef.current) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
const realDom = reactDom.findDOMNode(selectRef.current);
|
|
90
|
+
if (realDom) {
|
|
91
|
+
const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
|
|
92
|
+
const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
|
|
93
|
+
inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
|
|
94
|
+
}
|
|
95
|
+
}, [selectRef, placeholder]);
|
|
96
|
+
return /* @__PURE__ */React__default.default.createElement(antd.Select, __spreadValues(__spreadProps(__spreadValues({}, input), {
|
|
97
|
+
ref: selectRef,
|
|
98
|
+
size,
|
|
99
|
+
value: multiple ? input.value || [] : input.value || void 0,
|
|
100
|
+
onChange: (e, option) => {
|
|
101
|
+
var _a3, _b2;
|
|
102
|
+
if (Array.isArray(e) && e.some(v => v === "")) {
|
|
103
|
+
(_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
|
|
104
|
+
} else {
|
|
105
|
+
(_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
onBlur: () => {
|
|
109
|
+
var _a3;
|
|
110
|
+
return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
|
|
111
|
+
},
|
|
112
|
+
mode: multiple ? "multiple" : void 0,
|
|
113
|
+
className: cs__default.default(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
|
|
114
|
+
"data-size": size,
|
|
115
|
+
dropdownClassName: cs__default.default(dropdownClassName, limitExceeded && "display-none"),
|
|
116
|
+
showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
|
|
117
|
+
filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
|
|
118
|
+
const label = option == null ? void 0 : option.label;
|
|
119
|
+
if (!label || typeof label !== "string") {
|
|
120
|
+
return false;
|
|
121
|
+
}
|
|
122
|
+
return label.toLowerCase().includes(input2.toLowerCase());
|
|
123
|
+
} : filterOption : false,
|
|
124
|
+
onSearch: onSearch && ___default.default.debounce(onSearch, 100),
|
|
125
|
+
onPopupScroll: e => {
|
|
126
|
+
onPopupScroll == null ? void 0 : onPopupScroll(e);
|
|
127
|
+
const el = e.currentTarget;
|
|
128
|
+
if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
|
|
129
|
+
onScrollBottom == null ? void 0 : onScrollBottom();
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
notFoundContent: loading ? /* @__PURE__ */React__default.default.createElement(index$1, null) : notFoundContent,
|
|
133
|
+
dropdownRender: menu => /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, error || menu),
|
|
134
|
+
loading,
|
|
135
|
+
placeholder
|
|
136
|
+
}), restProps), React__default.default.Children.map(children, child => {
|
|
137
|
+
return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
|
|
138
|
+
props: __spreadProps(__spreadValues({}, child.props), {
|
|
139
|
+
"data-test": child.props.value
|
|
140
|
+
})
|
|
141
|
+
}) : child;
|
|
142
|
+
}));
|
|
132
143
|
};
|
|
133
144
|
var Select$1 = Select;
|
|
134
145
|
|
|
135
|
-
exports
|
|
146
|
+
module.exports = Select$1;
|
|
@@ -43,22 +43,20 @@ const TableFormBodyCell = (props) => {
|
|
|
43
43
|
onChange,
|
|
44
44
|
onBlur,
|
|
45
45
|
validateAll,
|
|
46
|
-
error
|
|
47
|
-
onValidate
|
|
46
|
+
error
|
|
48
47
|
} = props;
|
|
49
48
|
const [validateResult, setValidateResult] = React.useState();
|
|
50
49
|
const [isTouched, setIsTouched] = React.useState(false);
|
|
51
50
|
const width = typeof column.width === "number" ? column.width + "px" : column.width;
|
|
52
51
|
const isCellErrorStyle = Boolean((validateResult == null ? void 0 : validateResult.isError) || isRowError);
|
|
53
52
|
React.useEffect(() => {
|
|
54
|
-
if (isTouched)
|
|
53
|
+
if (isTouched)
|
|
55
54
|
setValidateResult(
|
|
56
55
|
error ? {
|
|
57
56
|
msg: error,
|
|
58
57
|
isError: true
|
|
59
58
|
} : void 0
|
|
60
59
|
);
|
|
61
|
-
}
|
|
62
60
|
}, [error, isTouched]);
|
|
63
61
|
const triggerValidate = React.useCallback(
|
|
64
62
|
(currentValue) => {
|
|
@@ -77,11 +75,10 @@ const TableFormBodyCell = (props) => {
|
|
|
77
75
|
});
|
|
78
76
|
const isError = result ? typeof result === "string" : false;
|
|
79
77
|
setValidateResult({ msg: result || "", isError });
|
|
80
|
-
onValidate == null ? void 0 : onValidate(`${column.key}${rowIndex}`, !isError);
|
|
81
78
|
return;
|
|
82
79
|
}
|
|
83
80
|
},
|
|
84
|
-
[data, rowIndex, column, getRowValidateResult
|
|
81
|
+
[data, rowIndex, column, getRowValidateResult]
|
|
85
82
|
);
|
|
86
83
|
React.useEffect(() => {
|
|
87
84
|
if (validateAll) {
|
|
@@ -84,8 +84,7 @@ const TableFormRow = (props) => {
|
|
|
84
84
|
updateData,
|
|
85
85
|
onBodyBlur,
|
|
86
86
|
renderRowDescription,
|
|
87
|
-
validateAll
|
|
88
|
-
onValidate
|
|
87
|
+
validateAll
|
|
89
88
|
} = props;
|
|
90
89
|
const rowData = data[rowIndex];
|
|
91
90
|
const errorFromProps = errors[rowIndex];
|
|
@@ -96,9 +95,6 @@ const TableFormRow = (props) => {
|
|
|
96
95
|
React.useEffect(() => {
|
|
97
96
|
setRowError(rowLevelError);
|
|
98
97
|
}, [rowLevelError]);
|
|
99
|
-
React.useEffect(() => {
|
|
100
|
-
onValidate == null ? void 0 : onValidate(`table_row_${rowIndex}`, !rowError);
|
|
101
|
-
}, [onValidate, rowError, rowIndex]);
|
|
102
98
|
const rowDeletable = typeof (row == null ? void 0 : row.deletable) === "boolean" ? row.deletable : (_a = typeof (row == null ? void 0 : row.deletable) === "function" || (deleteConfig == null ? void 0 : deleteConfig.deletable)) != null ? _a : false;
|
|
103
99
|
const getRowValidateResult = React.useCallback(
|
|
104
100
|
(rowData2) => {
|
|
@@ -128,8 +124,7 @@ const TableFormRow = (props) => {
|
|
|
128
124
|
isRowError: !!rowError,
|
|
129
125
|
getRowValidateResult,
|
|
130
126
|
validateAll,
|
|
131
|
-
error: cellError
|
|
132
|
-
onValidate
|
|
127
|
+
error: cellError
|
|
133
128
|
}
|
|
134
129
|
);
|
|
135
130
|
});
|
|
@@ -63,7 +63,6 @@ const TableForm = React__default.default.forwardRef(
|
|
|
63
63
|
const [validateAll, setValidateAll] = React.useState(false);
|
|
64
64
|
const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
|
|
65
65
|
const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
|
|
66
|
-
const formValidMapRef = React.useRef({});
|
|
67
66
|
const updateData = React.useCallback(
|
|
68
67
|
(value, rowIndex, columnKey) => {
|
|
69
68
|
setLatestData(value);
|
|
@@ -108,20 +107,11 @@ const TableForm = React__default.default.forwardRef(
|
|
|
108
107
|
updateData(data2);
|
|
109
108
|
},
|
|
110
109
|
validateWholeFields() {
|
|
111
|
-
formValidMapRef.current = {};
|
|
112
110
|
setValidateAll(true);
|
|
113
|
-
},
|
|
114
|
-
isValid() {
|
|
115
|
-
return Object.values(formValidMapRef.current).every(
|
|
116
|
-
(v) => v === true
|
|
117
|
-
);
|
|
118
111
|
}
|
|
119
112
|
}),
|
|
120
113
|
[updateData]
|
|
121
114
|
);
|
|
122
|
-
const onValidate = (id, isValid) => {
|
|
123
|
-
formValidMapRef.current[id] = isValid;
|
|
124
|
-
};
|
|
125
115
|
const headerCells = columns.map((col) => {
|
|
126
116
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
127
117
|
TableFormHeaderCell.BatchInputListHeaderCell,
|
|
@@ -177,8 +167,7 @@ const TableForm = React__default.default.forwardRef(
|
|
|
177
167
|
renderRowDescription,
|
|
178
168
|
rowValidator,
|
|
179
169
|
validateAll,
|
|
180
|
-
errors
|
|
181
|
-
onValidate
|
|
170
|
+
errors
|
|
182
171
|
}
|
|
183
172
|
))
|
|
184
173
|
), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.default.createElement(
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var iconsReact = require('@cloudtower/icons-react');
|
|
4
4
|
var core = require('@linaria/core');
|
|
5
5
|
var index$2 = require('../Icon/index.js');
|
|
6
|
-
var index$1 = require('../
|
|
6
|
+
var index$1 = require('../Select/index.js');
|
|
7
7
|
var index = require('../Typo/index.js');
|
|
8
8
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
9
9
|
var antd = require('antd');
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var antd = require('antd');
|
|
4
4
|
var cs = require('classnames');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var EllipsisTooltipContent = require('./EllipsisTooltipContent.js');
|
|
7
6
|
|
|
8
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
8
|
|
|
@@ -40,7 +39,7 @@ var __objRest = (source, exclude) => {
|
|
|
40
39
|
};
|
|
41
40
|
let componentId = 0;
|
|
42
41
|
const TooltipDefaultClass = "E_t1m2x205";
|
|
43
|
-
const
|
|
42
|
+
const Tooltip = props => {
|
|
44
43
|
const _a = props,
|
|
45
44
|
{
|
|
46
45
|
followMouse,
|
|
@@ -88,8 +87,6 @@ const InternalTooltip = props => {
|
|
|
88
87
|
}, overlayStyle) : overlayStyle
|
|
89
88
|
}));
|
|
90
89
|
};
|
|
91
|
-
const Tooltip = InternalTooltip;
|
|
92
|
-
Tooltip.EllipsisContent = EllipsisTooltipContent;
|
|
93
90
|
var Tooltip$1 = Tooltip;
|
|
94
91
|
|
|
95
92
|
module.exports = Tooltip$1;
|
package/dist/cjs/core/index.js
CHANGED
|
@@ -4,32 +4,29 @@ var index$7 = require('./Bit/index.js');
|
|
|
4
4
|
var index$8 = require('./BitPerSecond/index.js');
|
|
5
5
|
var index$9 = require('./Bps/index.js');
|
|
6
6
|
var index$d = require('./Byte/index.js');
|
|
7
|
-
var index$
|
|
8
|
-
var index$
|
|
9
|
-
var index$
|
|
10
|
-
var index$
|
|
11
|
-
var index$T = require('./Speed/index.js');
|
|
7
|
+
var index$s = require('./Frequency/index.js');
|
|
8
|
+
var index$K = require('./Percent/index.js');
|
|
9
|
+
var index$N = require('./Second/index.js');
|
|
10
|
+
var index$R = require('./Speed/index.js');
|
|
12
11
|
|
|
13
12
|
const units = {
|
|
14
|
-
Percent: index$
|
|
13
|
+
Percent: index$K,
|
|
15
14
|
Byte: index$d,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
Speed: index$T,
|
|
15
|
+
Frequency: index$s,
|
|
16
|
+
Speed: index$R,
|
|
19
17
|
Bps: index$9,
|
|
20
18
|
BitPerSecond: index$8,
|
|
21
19
|
Bit: index$7,
|
|
22
|
-
Second: index$
|
|
20
|
+
Second: index$N
|
|
23
21
|
};
|
|
24
22
|
|
|
25
23
|
exports.Bit = index$7;
|
|
26
24
|
exports.BitPerSecond = index$8;
|
|
27
25
|
exports.Bps = index$9;
|
|
28
26
|
exports.Byte = index$d;
|
|
29
|
-
exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.
|
|
33
|
-
exports.Speed = index$T;
|
|
27
|
+
exports.Frequency = index$s;
|
|
28
|
+
exports.Percent = index$K;
|
|
29
|
+
exports.Second = index$N;
|
|
30
|
+
exports.Speed = index$R;
|
|
34
31
|
exports.Units = units;
|
|
35
32
|
exports.units = units;
|
|
@@ -3,15 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var react = require('@linaria/react');
|
|
6
|
-
var index$
|
|
7
|
-
var index$
|
|
8
|
-
var index$
|
|
6
|
+
var index$9 = require('../../core/Bit/index.js');
|
|
7
|
+
var index$8 = require('../../core/BitPerSecond/index.js');
|
|
8
|
+
var index$7 = require('../../core/Bps/index.js');
|
|
9
9
|
var index$4 = require('../../core/Byte/index.js');
|
|
10
|
-
var index$5 = require('../../core/
|
|
11
|
-
var index$6 = require('../../core/Frequency/index.js');
|
|
10
|
+
var index$5 = require('../../core/Frequency/index.js');
|
|
12
11
|
var index$3 = require('../../core/Percent/index.js');
|
|
13
|
-
var index$
|
|
14
|
-
var index$
|
|
12
|
+
var index$a = require('../../core/Second/index.js');
|
|
13
|
+
var index$6 = require('../../core/Speed/index.js');
|
|
15
14
|
var index$2 = require('../../core/Styled/index.js');
|
|
16
15
|
var index$1 = require('../../core/Tooltip/index.js');
|
|
17
16
|
var index = require('../UnitWithChart/index.js');
|
|
@@ -27,13 +26,12 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
27
26
|
const units = {
|
|
28
27
|
Percent: index$3,
|
|
29
28
|
Byte: index$4,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
Second: index$b
|
|
29
|
+
Frequency: index$5,
|
|
30
|
+
Speed: index$6,
|
|
31
|
+
Bps: index$7,
|
|
32
|
+
BitPerSecond: index$8,
|
|
33
|
+
Bit: index$9,
|
|
34
|
+
Second: index$a
|
|
37
35
|
};
|
|
38
36
|
const ChartContent = /*#__PURE__*/react.styled('div')({
|
|
39
37
|
name: "ChartContent",
|
|
@@ -12,8 +12,6 @@ var dayjs = require('dayjs');
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var common = require('./common.js');
|
|
14
14
|
var DateRangePicker_style = require('./DateRangePicker.style.js');
|
|
15
|
-
var parrot = require('@cloudtower/parrot');
|
|
16
|
-
var getCalendarTitle = require('../common/getCalendarTitle.js');
|
|
17
15
|
|
|
18
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
17
|
|
|
@@ -87,7 +85,7 @@ const MonthItem = (props) => {
|
|
|
87
85
|
onRangeChange,
|
|
88
86
|
onMouseEnter
|
|
89
87
|
} = props;
|
|
90
|
-
useParrotTranslation();
|
|
88
|
+
const { t } = useParrotTranslation();
|
|
91
89
|
const containerRef = React.useRef(null);
|
|
92
90
|
const datesContainerRef = React.useRef(null);
|
|
93
91
|
const headerRef = React.useRef(null);
|
|
@@ -138,7 +136,8 @@ const MonthItem = (props) => {
|
|
|
138
136
|
className: core.cx(index.Typo.Label.l1_bold, isPinned && "pinned"),
|
|
139
137
|
ref: headerRef
|
|
140
138
|
},
|
|
141
|
-
|
|
139
|
+
initMonth.month,
|
|
140
|
+
t("common.month")
|
|
142
141
|
), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
|
|
143
142
|
const _date = common.getTime(initYear, initMonth.month, date);
|
|
144
143
|
const dateNotIncludeInRange = common.checkDateNotInRange(
|
|
@@ -256,7 +256,7 @@ const DateRangePicker = (props) => {
|
|
|
256
256
|
className: "default-calendar-icon",
|
|
257
257
|
iconWidth: 16,
|
|
258
258
|
iconHeight: 16,
|
|
259
|
-
src: iconsReact.
|
|
259
|
+
src: iconsReact.CalendarClockDateTime24GradientGrayIcon
|
|
260
260
|
}
|
|
261
261
|
),
|
|
262
262
|
/* @__PURE__ */ React__default.default.createElement(
|
|
@@ -265,7 +265,7 @@ const DateRangePicker = (props) => {
|
|
|
265
265
|
className: "hover-calendar-icon",
|
|
266
266
|
iconWidth: 16,
|
|
267
267
|
iconHeight: 16,
|
|
268
|
-
src: iconsReact.
|
|
268
|
+
src: iconsReact.CalendarClockDateTime24GradientBlueIcon
|
|
269
269
|
}
|
|
270
270
|
),
|
|
271
271
|
/* @__PURE__ */ React__default.default.createElement(
|