@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
|
@@ -48,21 +48,16 @@ const UIKitProvider = (props) => {
|
|
|
48
48
|
});
|
|
49
49
|
}, [batchMessage, kit]);
|
|
50
50
|
React.useEffect(() => {
|
|
51
|
-
message.default.config(_.omit(message$1, "batch"))
|
|
52
|
-
|
|
51
|
+
message.default.config(__spreadProps(__spreadValues({}, _.omit(message$1, "batch")), {
|
|
52
|
+
configProviderProps: config
|
|
53
|
+
}));
|
|
54
|
+
}, [message$1, config]);
|
|
53
55
|
React.useEffect(() => {
|
|
54
56
|
if (parrot.parrotI18n.language !== lng) {
|
|
55
57
|
parrot.parrotI18n.changeLanguage(lng);
|
|
56
58
|
}
|
|
57
59
|
}, [lng]);
|
|
58
|
-
return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default },
|
|
59
|
-
index$1.ConfigProvider,
|
|
60
|
-
{
|
|
61
|
-
antd4Configs: __spreadValues({}, config == null ? void 0 : config.antd4Configs),
|
|
62
|
-
antd5Configs: __spreadValues({}, config == null ? void 0 : config.antd5Configs)
|
|
63
|
-
},
|
|
64
|
-
children
|
|
65
|
-
)));
|
|
60
|
+
return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(index$1.ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, children)));
|
|
66
61
|
};
|
|
67
62
|
var UIKitProvider$1 = UIKitProvider;
|
|
68
63
|
const useUIKit = () => {
|
package/dist/cjs/antd.js
CHANGED
|
@@ -14,6 +14,10 @@ const AntdOption = antd.Select.Option;
|
|
|
14
14
|
const AntdSelectOptGroup = antd.Select.OptGroup;
|
|
15
15
|
const AntdModal = antd.Modal;
|
|
16
16
|
|
|
17
|
+
Object.defineProperty(exports, 'AntdAutoComplete', {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return antd.AutoComplete; }
|
|
20
|
+
});
|
|
17
21
|
Object.defineProperty(exports, 'AntdBadge', {
|
|
18
22
|
enumerable: true,
|
|
19
23
|
get: function () { return antd.Badge; }
|
|
@@ -86,10 +90,6 @@ Object.defineProperty(exports, 'AntdTreeSelect', {
|
|
|
86
90
|
enumerable: true,
|
|
87
91
|
get: function () { return antd.TreeSelect; }
|
|
88
92
|
});
|
|
89
|
-
Object.defineProperty(exports, 'AutoComplete', {
|
|
90
|
-
enumerable: true,
|
|
91
|
-
get: function () { return antd.AutoComplete; }
|
|
92
|
-
});
|
|
93
93
|
Object.defineProperty(exports, 'Col', {
|
|
94
94
|
enumerable: true,
|
|
95
95
|
get: function () { return antd.Col; }
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var antd5 = require('antd5');
|
|
4
|
+
var cs = require('classnames');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var select_style = require('../LegacySelect/select.style.js');
|
|
7
|
+
var select_style$1 = require('../Select/select.style.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
14
|
+
var __defProp = Object.defineProperty;
|
|
15
|
+
var __defProps = Object.defineProperties;
|
|
16
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
17
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
18
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
19
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
20
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
21
|
+
var __spreadValues = (a, b) => {
|
|
22
|
+
for (var prop in b || (b = {}))
|
|
23
|
+
if (__hasOwnProp.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
if (__getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
27
|
+
if (__propIsEnum.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
}
|
|
30
|
+
return a;
|
|
31
|
+
};
|
|
32
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
33
|
+
const AutoComplete = (props) => {
|
|
34
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
35
|
+
antd5.AutoComplete,
|
|
36
|
+
__spreadProps(__spreadValues({}, props), {
|
|
37
|
+
className: cs__default.default(select_style.SelectStyle, select_style$1.SelectStyle, props.className)
|
|
38
|
+
})
|
|
39
|
+
);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.AutoComplete = AutoComplete;
|
|
@@ -10,6 +10,7 @@ var antd5zhCN = require('antd5/lib/locale/zh_CN');
|
|
|
10
10
|
var dayjs = require('dayjs');
|
|
11
11
|
var moment = require('moment');
|
|
12
12
|
var React = require('react');
|
|
13
|
+
var useAntdPatchEnLocales = require('../../hooks/useAntdPatchEnLocales.js');
|
|
13
14
|
|
|
14
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
16
|
|
|
@@ -56,6 +57,7 @@ const ConfigProvider = ({
|
|
|
56
57
|
i18n.on("languageChanged", adjustDateLocale);
|
|
57
58
|
adjustDateLocale(i18n.language);
|
|
58
59
|
}, [i18n]);
|
|
60
|
+
const patchEnLocale = useAntdPatchEnLocales.useAntdPatchEnLocales(enUS__default.default);
|
|
59
61
|
return /* @__PURE__ */ React__default.default.createElement(ConfigProviderContext.Provider, { value: config }, /* @__PURE__ */ React__default.default.createElement(
|
|
60
62
|
antd5.ConfigProvider,
|
|
61
63
|
__spreadValues({
|
|
@@ -66,7 +68,7 @@ const ConfigProvider = ({
|
|
|
66
68
|
antd.ConfigProvider,
|
|
67
69
|
__spreadValues({
|
|
68
70
|
autoInsertSpaceInButton: false,
|
|
69
|
-
locale: i18n.language === "zh-CN" ? zhCN__default.default :
|
|
71
|
+
locale: i18n.language === "zh-CN" ? zhCN__default.default : patchEnLocale
|
|
70
72
|
}, antd4Configs),
|
|
71
73
|
children
|
|
72
74
|
)
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var index = require('../../TimePicker/index.js');
|
|
4
|
+
var index$1 = require('../../TimePicker/index.js');
|
|
5
|
+
var index = require('../../ConfigProvider/index.js');
|
|
5
6
|
|
|
6
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
8
|
|
|
@@ -46,8 +47,8 @@ const FieldsTimePicker = (_a) => {
|
|
|
46
47
|
"input",
|
|
47
48
|
"meta"
|
|
48
49
|
]);
|
|
49
|
-
return /* @__PURE__ */ React__default.default.createElement(
|
|
50
|
-
index,
|
|
50
|
+
return /* @__PURE__ */ React__default.default.createElement(index.ConfigProvider, null, /* @__PURE__ */ React__default.default.createElement(
|
|
51
|
+
index$1,
|
|
51
52
|
__spreadValues(__spreadProps(__spreadValues({}, input), {
|
|
52
53
|
error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
|
|
53
54
|
}), props)
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var iconsReact = require('@cloudtower/icons-react');
|
|
4
4
|
var core = require('@linaria/core');
|
|
5
5
|
var index$3 = require('../Button/index.js');
|
|
6
|
+
var index$4 = require('../Icon/index.js');
|
|
6
7
|
var index = require('../KitStoreProvider/index.js');
|
|
7
8
|
var index$1 = require('../Typo/index.js');
|
|
8
|
-
var index$4 = require('../Icon/index.js');
|
|
9
9
|
var index$2 = require('../../coreX/OverflowTooltip/index.js');
|
|
10
10
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
11
11
|
var antd = require('antd');
|
|
@@ -61,12 +61,13 @@ function ImmersiveDialog(props) {
|
|
|
61
61
|
footer,
|
|
62
62
|
showCancel = true,
|
|
63
63
|
showOk = true,
|
|
64
|
-
|
|
64
|
+
confirmLoading,
|
|
65
65
|
okButtonProps,
|
|
66
66
|
cancelButtonProps,
|
|
67
67
|
okText,
|
|
68
68
|
cancelText,
|
|
69
69
|
error,
|
|
70
|
+
hideFooter = false,
|
|
70
71
|
showFooterErrorIcon = true,
|
|
71
72
|
visible = true,
|
|
72
73
|
isContentFull,
|
|
@@ -87,12 +88,13 @@ function ImmersiveDialog(props) {
|
|
|
87
88
|
"footer",
|
|
88
89
|
"showCancel",
|
|
89
90
|
"showOk",
|
|
90
|
-
"
|
|
91
|
+
"confirmLoading",
|
|
91
92
|
"okButtonProps",
|
|
92
93
|
"cancelButtonProps",
|
|
93
94
|
"okText",
|
|
94
95
|
"cancelText",
|
|
95
96
|
"error",
|
|
97
|
+
"hideFooter",
|
|
96
98
|
"showFooterErrorIcon",
|
|
97
99
|
"visible",
|
|
98
100
|
"isContentFull",
|
|
@@ -118,6 +120,8 @@ function ImmersiveDialog(props) {
|
|
|
118
120
|
if (initializing) {
|
|
119
121
|
return null;
|
|
120
122
|
}
|
|
123
|
+
if (hideFooter)
|
|
124
|
+
return /* @__PURE__ */ React__default.default.createElement("div", null);
|
|
121
125
|
return footer || /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(styles.ErrorStyle, index$1.Typo.Label.l2_regular) }, showFooterErrorIcon && /* @__PURE__ */ React__default.default.createElement(
|
|
122
126
|
iconsReact.ExclamationErrorCircleFill16RedIcon,
|
|
123
127
|
{
|
|
@@ -154,25 +158,27 @@ function ImmersiveDialog(props) {
|
|
|
154
158
|
onOk == null ? void 0 : onOk(e);
|
|
155
159
|
},
|
|
156
160
|
type: "primary",
|
|
157
|
-
loading:
|
|
161
|
+
loading: confirmLoading
|
|
158
162
|
}, okButtonProps),
|
|
159
163
|
_confirmText
|
|
160
164
|
) : null));
|
|
161
165
|
}, [
|
|
166
|
+
initializing,
|
|
167
|
+
hideFooter,
|
|
168
|
+
footer,
|
|
162
169
|
footerLeftAction,
|
|
163
|
-
|
|
170
|
+
error,
|
|
171
|
+
showFooterErrorIcon,
|
|
172
|
+
showCancel,
|
|
164
173
|
cancelButtonProps,
|
|
165
174
|
_cancelText,
|
|
166
|
-
|
|
167
|
-
|
|
175
|
+
showOk,
|
|
176
|
+
confirmLoading,
|
|
168
177
|
okButtonProps,
|
|
169
|
-
|
|
170
|
-
onCancel,
|
|
171
|
-
onOk,
|
|
178
|
+
_confirmText,
|
|
172
179
|
popModal,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
initializing
|
|
180
|
+
onCancel,
|
|
181
|
+
onOk
|
|
176
182
|
]);
|
|
177
183
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
178
184
|
antd.Modal,
|
|
@@ -184,7 +190,8 @@ function ImmersiveDialog(props) {
|
|
|
184
190
|
isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
|
|
185
191
|
className,
|
|
186
192
|
{
|
|
187
|
-
"initializing-error": initializingError
|
|
193
|
+
"initializing-error": initializingError,
|
|
194
|
+
"no-footer": hideFooter
|
|
188
195
|
}
|
|
189
196
|
),
|
|
190
197
|
closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
|
|
@@ -5,6 +5,7 @@ var index$1 = require('../Button/index.js');
|
|
|
5
5
|
var index = require('../KitStoreProvider/index.js');
|
|
6
6
|
var index$3 = require('../Steps/index.js');
|
|
7
7
|
var index$2 = require('../Styled/index.js');
|
|
8
|
+
var useLegacyComponentWarning = require('../../hooks/useLegacyComponentWarning.js');
|
|
8
9
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
9
10
|
var antd = require('antd');
|
|
10
11
|
var cs = require('classnames');
|
|
@@ -47,9 +48,12 @@ var __objRest = (source, exclude) => {
|
|
|
47
48
|
}
|
|
48
49
|
return target;
|
|
49
50
|
};
|
|
50
|
-
const
|
|
51
|
+
const LegacyModal = (props) => {
|
|
51
52
|
var _b;
|
|
52
53
|
const { t } = useParrotTranslation();
|
|
54
|
+
useLegacyComponentWarning(
|
|
55
|
+
"Warning: LegacyModal is deprecated and will be removed in future versions. Please use Dialog/MediumDialog/SmallDialog/ImmersiveDialog/WizardDialog instead."
|
|
56
|
+
);
|
|
53
57
|
const _a = props, {
|
|
54
58
|
error,
|
|
55
59
|
okText = t("common.confirm"),
|
|
@@ -231,6 +235,6 @@ const Modal = (props) => {
|
|
|
231
235
|
))), wizard.right && /* @__PURE__ */ React__default.default.createElement("div", { className: "right" }, wizard.right)) : restProps.children
|
|
232
236
|
);
|
|
233
237
|
};
|
|
234
|
-
var
|
|
238
|
+
var LegacyModal$1 = LegacyModal;
|
|
235
239
|
|
|
236
|
-
module.exports =
|
|
240
|
+
module.exports = LegacyModal$1;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index$1 = require('../Loading/index.js');
|
|
4
4
|
var index = require('../Typo/index.js');
|
|
5
|
+
var useLegacyComponentWarning = require('../../hooks/useLegacyComponentWarning.js');
|
|
5
6
|
var antd = require('antd');
|
|
6
7
|
var cs = require('classnames');
|
|
7
8
|
var _ = require('lodash');
|
|
@@ -121,6 +122,9 @@ const LegacySelect = (_a) => {
|
|
|
121
122
|
);
|
|
122
123
|
}
|
|
123
124
|
}, [selectRef, placeholder]);
|
|
125
|
+
useLegacyComponentWarning(
|
|
126
|
+
"Warning: LegacySelect is deprecated and will be removed in future versions. Please use Select instead."
|
|
127
|
+
);
|
|
124
128
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
125
129
|
antd.Select,
|
|
126
130
|
__spreadValues(__spreadProps(__spreadValues({}, input), {
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
const useFileValidation = ({
|
|
6
|
+
fileList,
|
|
7
|
+
setFileList,
|
|
8
|
+
validate,
|
|
9
|
+
createNewFile = false
|
|
10
|
+
}) => {
|
|
11
|
+
React.useEffect(() => {
|
|
12
|
+
if (!validate)
|
|
13
|
+
return;
|
|
14
|
+
const updateFile = (fileId, file) => {
|
|
15
|
+
const index = fileList.findIndex((f) => f.uid === fileId);
|
|
16
|
+
if (index !== -1) {
|
|
17
|
+
const newList = [...fileList];
|
|
18
|
+
const fileToUpdate = createNewFile ? (() => {
|
|
19
|
+
const newFile = new File([file], file.name, { type: file.type });
|
|
20
|
+
Object.assign(newFile, file);
|
|
21
|
+
return newFile;
|
|
22
|
+
})() : file;
|
|
23
|
+
newList.splice(index, 1, fileToUpdate);
|
|
24
|
+
setFileList(newList);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
for (const _file of fileList) {
|
|
28
|
+
if (_file.fileStatus !== "need-validate") {
|
|
29
|
+
continue;
|
|
30
|
+
}
|
|
31
|
+
_file.fileStatus = "validating";
|
|
32
|
+
updateFile(_file.uid, _file);
|
|
33
|
+
validate(_file, fileList).then((result) => {
|
|
34
|
+
if (result.error) {
|
|
35
|
+
_file.error = result.error;
|
|
36
|
+
_file.fileStatus = "error";
|
|
37
|
+
} else {
|
|
38
|
+
_file.error = void 0;
|
|
39
|
+
_file.fileStatus = "success";
|
|
40
|
+
_file.data = result.data;
|
|
41
|
+
}
|
|
42
|
+
updateFile(_file.uid, _file);
|
|
43
|
+
return;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}, [fileList, setFileList, validate, createNewFile]);
|
|
47
|
+
};
|
|
48
|
+
const useFileCountErrorClear = ({
|
|
49
|
+
fileList,
|
|
50
|
+
maxCount,
|
|
51
|
+
setError
|
|
52
|
+
}) => {
|
|
53
|
+
const fileCountRef = React.useRef(fileList.length);
|
|
54
|
+
React.useEffect(() => {
|
|
55
|
+
if (fileList.length === fileCountRef.current) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
fileCountRef.current = fileList.length;
|
|
59
|
+
if (fileCountRef.current <= maxCount) {
|
|
60
|
+
setError("");
|
|
61
|
+
}
|
|
62
|
+
}, [fileList.length, maxCount, setError]);
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
exports.useFileCountErrorClear = useFileCountErrorClear;
|
|
66
|
+
exports.useFileValidation = useFileValidation;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var LocalUpload_style = require('./LocalUpload.style.js');
|
|
6
|
+
var LocalUpload_widget = require('./LocalUpload.widget.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
14
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
15
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
16
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
17
|
+
var __spreadValues = (a, b) => {
|
|
18
|
+
for (var prop in b || (b = {}))
|
|
19
|
+
if (__hasOwnProp.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
if (__getOwnPropSymbols)
|
|
22
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
23
|
+
if (__propIsEnum.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
}
|
|
26
|
+
return a;
|
|
27
|
+
};
|
|
28
|
+
const UploadComp = React__default.default.forwardRef(
|
|
29
|
+
({
|
|
30
|
+
className,
|
|
31
|
+
label,
|
|
32
|
+
description,
|
|
33
|
+
type = "dragger",
|
|
34
|
+
multiple = false,
|
|
35
|
+
accept,
|
|
36
|
+
disabled,
|
|
37
|
+
maxCount,
|
|
38
|
+
info,
|
|
39
|
+
fileList,
|
|
40
|
+
setFileList,
|
|
41
|
+
validate,
|
|
42
|
+
buttonProps,
|
|
43
|
+
listType = "list",
|
|
44
|
+
disableRemoveList = false,
|
|
45
|
+
onRemove
|
|
46
|
+
}, ref) => {
|
|
47
|
+
const { t } = useParrotTranslation();
|
|
48
|
+
const removeFile = (id) => {
|
|
49
|
+
const index = fileList.findIndex((f) => f.uid === id);
|
|
50
|
+
if (index !== -1) {
|
|
51
|
+
const file = fileList[index];
|
|
52
|
+
fileList.splice(index, 1);
|
|
53
|
+
setFileList([...fileList]);
|
|
54
|
+
onRemove == null ? void 0 : onRemove(file);
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
const _maxCount = multiple ? maxCount || Infinity : 1;
|
|
58
|
+
const isSingleSelect = _maxCount === 1;
|
|
59
|
+
return /* @__PURE__ */ React__default.default.createElement(UploadComp.Wrapper, { className, ref }, label ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Label, null, label) : null, description ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Description, null, description) : null, type === "button" ? /* @__PURE__ */ React__default.default.createElement(
|
|
60
|
+
UploadComp.Button,
|
|
61
|
+
__spreadValues({}, __spreadValues({
|
|
62
|
+
accept,
|
|
63
|
+
multiple,
|
|
64
|
+
disabled,
|
|
65
|
+
maxCount,
|
|
66
|
+
fileList,
|
|
67
|
+
setFileList,
|
|
68
|
+
validate
|
|
69
|
+
}, buttonProps)),
|
|
70
|
+
t("components.select_file")
|
|
71
|
+
) : /* @__PURE__ */ React__default.default.createElement(
|
|
72
|
+
UploadComp.Dragger,
|
|
73
|
+
__spreadValues({}, {
|
|
74
|
+
accept,
|
|
75
|
+
multiple,
|
|
76
|
+
disabled,
|
|
77
|
+
maxCount,
|
|
78
|
+
fileList,
|
|
79
|
+
setFileList,
|
|
80
|
+
validate
|
|
81
|
+
})
|
|
82
|
+
), info != null ? info : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.default.createElement(
|
|
83
|
+
UploadComp.FileList,
|
|
84
|
+
{
|
|
85
|
+
fileList,
|
|
86
|
+
removeFile,
|
|
87
|
+
type: listType,
|
|
88
|
+
disableRemove: disableRemoveList,
|
|
89
|
+
onRemove
|
|
90
|
+
}
|
|
91
|
+
) : null);
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
UploadComp.Wrapper = LocalUpload_style.UploadWrapper;
|
|
95
|
+
UploadComp.Label = LocalUpload_widget.UploadLabel;
|
|
96
|
+
UploadComp.Description = LocalUpload_widget.UploadDescription;
|
|
97
|
+
UploadComp.Button = LocalUpload_widget.UploadButton;
|
|
98
|
+
UploadComp.Dragger = LocalUpload_widget.UploadDragger;
|
|
99
|
+
UploadComp.FileList = LocalUpload_widget.UploadFileList;
|
|
100
|
+
UploadComp.FileInfo = LocalUpload_widget.UploadFileInfo;
|
|
101
|
+
const LocalUpload = UploadComp;
|
|
102
|
+
|
|
103
|
+
exports.LocalUpload = LocalUpload;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('@linaria/react');
|
|
4
|
+
|
|
5
|
+
const UploadWrapper = /*#__PURE__*/react.styled('div')({
|
|
6
|
+
name: "UploadWrapper",
|
|
7
|
+
class: "E_u3l9ivi",
|
|
8
|
+
propsAsIs: false
|
|
9
|
+
});
|
|
10
|
+
const FileInfoWrapperStyle = "E_ftdwz1g";
|
|
11
|
+
|
|
12
|
+
exports.FileInfoWrapperStyle = FileInfoWrapperStyle;
|
|
13
|
+
exports.UploadWrapper = UploadWrapper;
|