x-ui-design 0.1.82 → 0.1.83
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/index.esm.js +230 -1438
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +332 -1540
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, Fragment, createElement, createContext, forwardRef, useImperativeHandle, cloneElement, useCallback } from 'react';
|
|
2
3
|
import { createPortal } from 'react-dom';
|
|
3
4
|
|
|
4
5
|
function styleInject(css, ref) {
|
|
@@ -29,1215 +30,6 @@ function styleInject(css, ref) {
|
|
|
29
30
|
var css_248z$l = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
30
31
|
styleInject(css_248z$l);
|
|
31
32
|
|
|
32
|
-
var jsxRuntime = {exports: {}};
|
|
33
|
-
|
|
34
|
-
var reactJsxRuntime_production_min = {};
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* @license React
|
|
38
|
-
* react-jsx-runtime.production.min.js
|
|
39
|
-
*
|
|
40
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
41
|
-
*
|
|
42
|
-
* This source code is licensed under the MIT license found in the
|
|
43
|
-
* LICENSE file in the root directory of this source tree.
|
|
44
|
-
*/
|
|
45
|
-
var hasRequiredReactJsxRuntime_production_min;
|
|
46
|
-
function requireReactJsxRuntime_production_min() {
|
|
47
|
-
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
48
|
-
hasRequiredReactJsxRuntime_production_min = 1;
|
|
49
|
-
var f = require$$0,
|
|
50
|
-
k = Symbol.for("react.element"),
|
|
51
|
-
l = Symbol.for("react.fragment"),
|
|
52
|
-
m = Object.prototype.hasOwnProperty,
|
|
53
|
-
n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
54
|
-
p = {
|
|
55
|
-
key: !0,
|
|
56
|
-
ref: !0,
|
|
57
|
-
__self: !0,
|
|
58
|
-
__source: !0
|
|
59
|
-
};
|
|
60
|
-
function q(c, a, g) {
|
|
61
|
-
var b,
|
|
62
|
-
d = {},
|
|
63
|
-
e = null,
|
|
64
|
-
h = null;
|
|
65
|
-
void 0 !== g && (e = "" + g);
|
|
66
|
-
void 0 !== a.key && (e = "" + a.key);
|
|
67
|
-
void 0 !== a.ref && (h = a.ref);
|
|
68
|
-
for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
|
|
69
|
-
if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
|
|
70
|
-
return {
|
|
71
|
-
$$typeof: k,
|
|
72
|
-
type: c,
|
|
73
|
-
key: e,
|
|
74
|
-
ref: h,
|
|
75
|
-
props: d,
|
|
76
|
-
_owner: n.current
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
reactJsxRuntime_production_min.Fragment = l;
|
|
80
|
-
reactJsxRuntime_production_min.jsx = q;
|
|
81
|
-
reactJsxRuntime_production_min.jsxs = q;
|
|
82
|
-
return reactJsxRuntime_production_min;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
var reactJsxRuntime_development = {};
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* @license React
|
|
89
|
-
* react-jsx-runtime.development.js
|
|
90
|
-
*
|
|
91
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
92
|
-
*
|
|
93
|
-
* This source code is licensed under the MIT license found in the
|
|
94
|
-
* LICENSE file in the root directory of this source tree.
|
|
95
|
-
*/
|
|
96
|
-
var hasRequiredReactJsxRuntime_development;
|
|
97
|
-
function requireReactJsxRuntime_development() {
|
|
98
|
-
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
99
|
-
hasRequiredReactJsxRuntime_development = 1;
|
|
100
|
-
if (process.env.NODE_ENV !== "production") {
|
|
101
|
-
(function () {
|
|
102
|
-
|
|
103
|
-
var React = require$$0;
|
|
104
|
-
|
|
105
|
-
// ATTENTION
|
|
106
|
-
// When adding new symbols to this file,
|
|
107
|
-
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
|
108
|
-
// The Symbol used to tag the ReactElement-like types.
|
|
109
|
-
var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
|
110
|
-
var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
|
111
|
-
var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
|
112
|
-
var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
|
113
|
-
var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
|
114
|
-
var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
|
115
|
-
var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
|
116
|
-
var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
|
117
|
-
var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
|
118
|
-
var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
|
119
|
-
var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
|
120
|
-
var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
|
121
|
-
var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
|
|
122
|
-
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
|
123
|
-
var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
|
124
|
-
function getIteratorFn(maybeIterable) {
|
|
125
|
-
if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
|
126
|
-
return null;
|
|
127
|
-
}
|
|
128
|
-
var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
|
|
129
|
-
if (typeof maybeIterator === 'function') {
|
|
130
|
-
return maybeIterator;
|
|
131
|
-
}
|
|
132
|
-
return null;
|
|
133
|
-
}
|
|
134
|
-
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
135
|
-
function error(format) {
|
|
136
|
-
{
|
|
137
|
-
{
|
|
138
|
-
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
139
|
-
args[_key2 - 1] = arguments[_key2];
|
|
140
|
-
}
|
|
141
|
-
printWarning('error', format, args);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
function printWarning(level, format, args) {
|
|
146
|
-
// When changing this logic, you might want to also
|
|
147
|
-
// update consoleWithStackDev.www.js as well.
|
|
148
|
-
{
|
|
149
|
-
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
150
|
-
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
|
151
|
-
if (stack !== '') {
|
|
152
|
-
format += '%s';
|
|
153
|
-
args = args.concat([stack]);
|
|
154
|
-
} // eslint-disable-next-line react-internal/safe-string-coercion
|
|
155
|
-
|
|
156
|
-
var argsWithFormat = args.map(function (item) {
|
|
157
|
-
return String(item);
|
|
158
|
-
}); // Careful: RN currently depends on this prefix
|
|
159
|
-
|
|
160
|
-
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
|
161
|
-
// breaks IE9: https://github.com/facebook/react/issues/13610
|
|
162
|
-
// eslint-disable-next-line react-internal/no-production-logging
|
|
163
|
-
|
|
164
|
-
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
// -----------------------------------------------------------------------------
|
|
169
|
-
|
|
170
|
-
var enableScopeAPI = false; // Experimental Create Event Handle API.
|
|
171
|
-
var enableCacheElement = false;
|
|
172
|
-
var enableTransitionTracing = false; // No known bugs, but needs performance testing
|
|
173
|
-
|
|
174
|
-
var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
|
|
175
|
-
// stuff. Intended to enable React core members to more easily debug scheduling
|
|
176
|
-
// issues in DEV builds.
|
|
177
|
-
|
|
178
|
-
var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
|
|
179
|
-
|
|
180
|
-
var REACT_MODULE_REFERENCE;
|
|
181
|
-
{
|
|
182
|
-
REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
|
|
183
|
-
}
|
|
184
|
-
function isValidElementType(type) {
|
|
185
|
-
if (typeof type === 'string' || typeof type === 'function') {
|
|
186
|
-
return true;
|
|
187
|
-
} // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
|
|
188
|
-
|
|
189
|
-
if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
|
|
190
|
-
return true;
|
|
191
|
-
}
|
|
192
|
-
if (typeof type === 'object' && type !== null) {
|
|
193
|
-
if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE ||
|
|
194
|
-
// This needs to include all possible module reference object
|
|
195
|
-
// types supported by any Flight configuration anywhere since
|
|
196
|
-
// we don't know which Flight build this will end up being used
|
|
197
|
-
// with.
|
|
198
|
-
type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
|
|
199
|
-
return true;
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
return false;
|
|
203
|
-
}
|
|
204
|
-
function getWrappedName(outerType, innerType, wrapperName) {
|
|
205
|
-
var displayName = outerType.displayName;
|
|
206
|
-
if (displayName) {
|
|
207
|
-
return displayName;
|
|
208
|
-
}
|
|
209
|
-
var functionName = innerType.displayName || innerType.name || '';
|
|
210
|
-
return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
|
211
|
-
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
212
|
-
|
|
213
|
-
function getContextName(type) {
|
|
214
|
-
return type.displayName || 'Context';
|
|
215
|
-
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
216
|
-
|
|
217
|
-
function getComponentNameFromType(type) {
|
|
218
|
-
if (type == null) {
|
|
219
|
-
// Host root, text node or just invalid type.
|
|
220
|
-
return null;
|
|
221
|
-
}
|
|
222
|
-
{
|
|
223
|
-
if (typeof type.tag === 'number') {
|
|
224
|
-
error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
if (typeof type === 'function') {
|
|
228
|
-
return type.displayName || type.name || null;
|
|
229
|
-
}
|
|
230
|
-
if (typeof type === 'string') {
|
|
231
|
-
return type;
|
|
232
|
-
}
|
|
233
|
-
switch (type) {
|
|
234
|
-
case REACT_FRAGMENT_TYPE:
|
|
235
|
-
return 'Fragment';
|
|
236
|
-
case REACT_PORTAL_TYPE:
|
|
237
|
-
return 'Portal';
|
|
238
|
-
case REACT_PROFILER_TYPE:
|
|
239
|
-
return 'Profiler';
|
|
240
|
-
case REACT_STRICT_MODE_TYPE:
|
|
241
|
-
return 'StrictMode';
|
|
242
|
-
case REACT_SUSPENSE_TYPE:
|
|
243
|
-
return 'Suspense';
|
|
244
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
245
|
-
return 'SuspenseList';
|
|
246
|
-
}
|
|
247
|
-
if (typeof type === 'object') {
|
|
248
|
-
switch (type.$$typeof) {
|
|
249
|
-
case REACT_CONTEXT_TYPE:
|
|
250
|
-
var context = type;
|
|
251
|
-
return getContextName(context) + '.Consumer';
|
|
252
|
-
case REACT_PROVIDER_TYPE:
|
|
253
|
-
var provider = type;
|
|
254
|
-
return getContextName(provider._context) + '.Provider';
|
|
255
|
-
case REACT_FORWARD_REF_TYPE:
|
|
256
|
-
return getWrappedName(type, type.render, 'ForwardRef');
|
|
257
|
-
case REACT_MEMO_TYPE:
|
|
258
|
-
var outerName = type.displayName || null;
|
|
259
|
-
if (outerName !== null) {
|
|
260
|
-
return outerName;
|
|
261
|
-
}
|
|
262
|
-
return getComponentNameFromType(type.type) || 'Memo';
|
|
263
|
-
case REACT_LAZY_TYPE:
|
|
264
|
-
{
|
|
265
|
-
var lazyComponent = type;
|
|
266
|
-
var payload = lazyComponent._payload;
|
|
267
|
-
var init = lazyComponent._init;
|
|
268
|
-
try {
|
|
269
|
-
return getComponentNameFromType(init(payload));
|
|
270
|
-
} catch (x) {
|
|
271
|
-
return null;
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
// eslint-disable-next-line no-fallthrough
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
return null;
|
|
279
|
-
}
|
|
280
|
-
var assign = Object.assign;
|
|
281
|
-
|
|
282
|
-
// Helpers to patch console.logs to avoid logging during side-effect free
|
|
283
|
-
// replaying on render function. This currently only patches the object
|
|
284
|
-
// lazily which won't cover if the log function was extracted eagerly.
|
|
285
|
-
// We could also eagerly patch the method.
|
|
286
|
-
var disabledDepth = 0;
|
|
287
|
-
var prevLog;
|
|
288
|
-
var prevInfo;
|
|
289
|
-
var prevWarn;
|
|
290
|
-
var prevError;
|
|
291
|
-
var prevGroup;
|
|
292
|
-
var prevGroupCollapsed;
|
|
293
|
-
var prevGroupEnd;
|
|
294
|
-
function disabledLog() {}
|
|
295
|
-
disabledLog.__reactDisabledLog = true;
|
|
296
|
-
function disableLogs() {
|
|
297
|
-
{
|
|
298
|
-
if (disabledDepth === 0) {
|
|
299
|
-
/* eslint-disable react-internal/no-production-logging */
|
|
300
|
-
prevLog = console.log;
|
|
301
|
-
prevInfo = console.info;
|
|
302
|
-
prevWarn = console.warn;
|
|
303
|
-
prevError = console.error;
|
|
304
|
-
prevGroup = console.group;
|
|
305
|
-
prevGroupCollapsed = console.groupCollapsed;
|
|
306
|
-
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
|
307
|
-
|
|
308
|
-
var props = {
|
|
309
|
-
configurable: true,
|
|
310
|
-
enumerable: true,
|
|
311
|
-
value: disabledLog,
|
|
312
|
-
writable: true
|
|
313
|
-
}; // $FlowFixMe Flow thinks console is immutable.
|
|
314
|
-
|
|
315
|
-
Object.defineProperties(console, {
|
|
316
|
-
info: props,
|
|
317
|
-
log: props,
|
|
318
|
-
warn: props,
|
|
319
|
-
error: props,
|
|
320
|
-
group: props,
|
|
321
|
-
groupCollapsed: props,
|
|
322
|
-
groupEnd: props
|
|
323
|
-
});
|
|
324
|
-
/* eslint-enable react-internal/no-production-logging */
|
|
325
|
-
}
|
|
326
|
-
disabledDepth++;
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
function reenableLogs() {
|
|
330
|
-
{
|
|
331
|
-
disabledDepth--;
|
|
332
|
-
if (disabledDepth === 0) {
|
|
333
|
-
/* eslint-disable react-internal/no-production-logging */
|
|
334
|
-
var props = {
|
|
335
|
-
configurable: true,
|
|
336
|
-
enumerable: true,
|
|
337
|
-
writable: true
|
|
338
|
-
}; // $FlowFixMe Flow thinks console is immutable.
|
|
339
|
-
|
|
340
|
-
Object.defineProperties(console, {
|
|
341
|
-
log: assign({}, props, {
|
|
342
|
-
value: prevLog
|
|
343
|
-
}),
|
|
344
|
-
info: assign({}, props, {
|
|
345
|
-
value: prevInfo
|
|
346
|
-
}),
|
|
347
|
-
warn: assign({}, props, {
|
|
348
|
-
value: prevWarn
|
|
349
|
-
}),
|
|
350
|
-
error: assign({}, props, {
|
|
351
|
-
value: prevError
|
|
352
|
-
}),
|
|
353
|
-
group: assign({}, props, {
|
|
354
|
-
value: prevGroup
|
|
355
|
-
}),
|
|
356
|
-
groupCollapsed: assign({}, props, {
|
|
357
|
-
value: prevGroupCollapsed
|
|
358
|
-
}),
|
|
359
|
-
groupEnd: assign({}, props, {
|
|
360
|
-
value: prevGroupEnd
|
|
361
|
-
})
|
|
362
|
-
});
|
|
363
|
-
/* eslint-enable react-internal/no-production-logging */
|
|
364
|
-
}
|
|
365
|
-
if (disabledDepth < 0) {
|
|
366
|
-
error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
|
|
367
|
-
}
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
|
|
371
|
-
var prefix;
|
|
372
|
-
function describeBuiltInComponentFrame(name, source, ownerFn) {
|
|
373
|
-
{
|
|
374
|
-
if (prefix === undefined) {
|
|
375
|
-
// Extract the VM specific prefix used by each line.
|
|
376
|
-
try {
|
|
377
|
-
throw Error();
|
|
378
|
-
} catch (x) {
|
|
379
|
-
var match = x.stack.trim().match(/\n( *(at )?)/);
|
|
380
|
-
prefix = match && match[1] || '';
|
|
381
|
-
}
|
|
382
|
-
} // We use the prefix to ensure our stacks line up with native stack frames.
|
|
383
|
-
|
|
384
|
-
return '\n' + prefix + name;
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
var reentry = false;
|
|
388
|
-
var componentFrameCache;
|
|
389
|
-
{
|
|
390
|
-
var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
|
|
391
|
-
componentFrameCache = new PossiblyWeakMap();
|
|
392
|
-
}
|
|
393
|
-
function describeNativeComponentFrame(fn, construct) {
|
|
394
|
-
// If something asked for a stack inside a fake render, it should get ignored.
|
|
395
|
-
if (!fn || reentry) {
|
|
396
|
-
return '';
|
|
397
|
-
}
|
|
398
|
-
{
|
|
399
|
-
var frame = componentFrameCache.get(fn);
|
|
400
|
-
if (frame !== undefined) {
|
|
401
|
-
return frame;
|
|
402
|
-
}
|
|
403
|
-
}
|
|
404
|
-
var control;
|
|
405
|
-
reentry = true;
|
|
406
|
-
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
|
|
407
|
-
|
|
408
|
-
Error.prepareStackTrace = undefined;
|
|
409
|
-
var previousDispatcher;
|
|
410
|
-
{
|
|
411
|
-
previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
|
|
412
|
-
// for warnings.
|
|
413
|
-
|
|
414
|
-
ReactCurrentDispatcher.current = null;
|
|
415
|
-
disableLogs();
|
|
416
|
-
}
|
|
417
|
-
try {
|
|
418
|
-
// This should throw.
|
|
419
|
-
if (construct) {
|
|
420
|
-
// Something should be setting the props in the constructor.
|
|
421
|
-
var Fake = function () {
|
|
422
|
-
throw Error();
|
|
423
|
-
}; // $FlowFixMe
|
|
424
|
-
|
|
425
|
-
Object.defineProperty(Fake.prototype, 'props', {
|
|
426
|
-
set: function () {
|
|
427
|
-
// We use a throwing setter instead of frozen or non-writable props
|
|
428
|
-
// because that won't throw in a non-strict mode function.
|
|
429
|
-
throw Error();
|
|
430
|
-
}
|
|
431
|
-
});
|
|
432
|
-
if (typeof Reflect === 'object' && Reflect.construct) {
|
|
433
|
-
// We construct a different control for this case to include any extra
|
|
434
|
-
// frames added by the construct call.
|
|
435
|
-
try {
|
|
436
|
-
Reflect.construct(Fake, []);
|
|
437
|
-
} catch (x) {
|
|
438
|
-
control = x;
|
|
439
|
-
}
|
|
440
|
-
Reflect.construct(fn, [], Fake);
|
|
441
|
-
} else {
|
|
442
|
-
try {
|
|
443
|
-
Fake.call();
|
|
444
|
-
} catch (x) {
|
|
445
|
-
control = x;
|
|
446
|
-
}
|
|
447
|
-
fn.call(Fake.prototype);
|
|
448
|
-
}
|
|
449
|
-
} else {
|
|
450
|
-
try {
|
|
451
|
-
throw Error();
|
|
452
|
-
} catch (x) {
|
|
453
|
-
control = x;
|
|
454
|
-
}
|
|
455
|
-
fn();
|
|
456
|
-
}
|
|
457
|
-
} catch (sample) {
|
|
458
|
-
// This is inlined manually because closure doesn't do it for us.
|
|
459
|
-
if (sample && control && typeof sample.stack === 'string') {
|
|
460
|
-
// This extracts the first frame from the sample that isn't also in the control.
|
|
461
|
-
// Skipping one frame that we assume is the frame that calls the two.
|
|
462
|
-
var sampleLines = sample.stack.split('\n');
|
|
463
|
-
var controlLines = control.stack.split('\n');
|
|
464
|
-
var s = sampleLines.length - 1;
|
|
465
|
-
var c = controlLines.length - 1;
|
|
466
|
-
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
|
467
|
-
// We expect at least one stack frame to be shared.
|
|
468
|
-
// Typically this will be the root most one. However, stack frames may be
|
|
469
|
-
// cut off due to maximum stack limits. In this case, one maybe cut off
|
|
470
|
-
// earlier than the other. We assume that the sample is longer or the same
|
|
471
|
-
// and there for cut off earlier. So we should find the root most frame in
|
|
472
|
-
// the sample somewhere in the control.
|
|
473
|
-
c--;
|
|
474
|
-
}
|
|
475
|
-
for (; s >= 1 && c >= 0; s--, c--) {
|
|
476
|
-
// Next we find the first one that isn't the same which should be the
|
|
477
|
-
// frame that called our sample function and the control.
|
|
478
|
-
if (sampleLines[s] !== controlLines[c]) {
|
|
479
|
-
// In V8, the first line is describing the message but other VMs don't.
|
|
480
|
-
// If we're about to return the first line, and the control is also on the same
|
|
481
|
-
// line, that's a pretty good indicator that our sample threw at same line as
|
|
482
|
-
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
|
483
|
-
// This can happen if you passed a class to function component, or non-function.
|
|
484
|
-
if (s !== 1 || c !== 1) {
|
|
485
|
-
do {
|
|
486
|
-
s--;
|
|
487
|
-
c--; // We may still have similar intermediate frames from the construct call.
|
|
488
|
-
// The next one that isn't the same should be our match though.
|
|
489
|
-
|
|
490
|
-
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
|
491
|
-
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
|
492
|
-
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
|
493
|
-
// but we have a user-provided "displayName"
|
|
494
|
-
// splice it in to make the stack more readable.
|
|
495
|
-
|
|
496
|
-
if (fn.displayName && _frame.includes('<anonymous>')) {
|
|
497
|
-
_frame = _frame.replace('<anonymous>', fn.displayName);
|
|
498
|
-
}
|
|
499
|
-
{
|
|
500
|
-
if (typeof fn === 'function') {
|
|
501
|
-
componentFrameCache.set(fn, _frame);
|
|
502
|
-
}
|
|
503
|
-
} // Return the line we found.
|
|
504
|
-
|
|
505
|
-
return _frame;
|
|
506
|
-
}
|
|
507
|
-
} while (s >= 1 && c >= 0);
|
|
508
|
-
}
|
|
509
|
-
break;
|
|
510
|
-
}
|
|
511
|
-
}
|
|
512
|
-
}
|
|
513
|
-
} finally {
|
|
514
|
-
reentry = false;
|
|
515
|
-
{
|
|
516
|
-
ReactCurrentDispatcher.current = previousDispatcher;
|
|
517
|
-
reenableLogs();
|
|
518
|
-
}
|
|
519
|
-
Error.prepareStackTrace = previousPrepareStackTrace;
|
|
520
|
-
} // Fallback to just using the name if we couldn't make it throw.
|
|
521
|
-
|
|
522
|
-
var name = fn ? fn.displayName || fn.name : '';
|
|
523
|
-
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
|
|
524
|
-
{
|
|
525
|
-
if (typeof fn === 'function') {
|
|
526
|
-
componentFrameCache.set(fn, syntheticFrame);
|
|
527
|
-
}
|
|
528
|
-
}
|
|
529
|
-
return syntheticFrame;
|
|
530
|
-
}
|
|
531
|
-
function describeFunctionComponentFrame(fn, source, ownerFn) {
|
|
532
|
-
{
|
|
533
|
-
return describeNativeComponentFrame(fn, false);
|
|
534
|
-
}
|
|
535
|
-
}
|
|
536
|
-
function shouldConstruct(Component) {
|
|
537
|
-
var prototype = Component.prototype;
|
|
538
|
-
return !!(prototype && prototype.isReactComponent);
|
|
539
|
-
}
|
|
540
|
-
function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
|
541
|
-
if (type == null) {
|
|
542
|
-
return '';
|
|
543
|
-
}
|
|
544
|
-
if (typeof type === 'function') {
|
|
545
|
-
{
|
|
546
|
-
return describeNativeComponentFrame(type, shouldConstruct(type));
|
|
547
|
-
}
|
|
548
|
-
}
|
|
549
|
-
if (typeof type === 'string') {
|
|
550
|
-
return describeBuiltInComponentFrame(type);
|
|
551
|
-
}
|
|
552
|
-
switch (type) {
|
|
553
|
-
case REACT_SUSPENSE_TYPE:
|
|
554
|
-
return describeBuiltInComponentFrame('Suspense');
|
|
555
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
556
|
-
return describeBuiltInComponentFrame('SuspenseList');
|
|
557
|
-
}
|
|
558
|
-
if (typeof type === 'object') {
|
|
559
|
-
switch (type.$$typeof) {
|
|
560
|
-
case REACT_FORWARD_REF_TYPE:
|
|
561
|
-
return describeFunctionComponentFrame(type.render);
|
|
562
|
-
case REACT_MEMO_TYPE:
|
|
563
|
-
// Memo may contain any component type so we recursively resolve it.
|
|
564
|
-
return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
|
565
|
-
case REACT_LAZY_TYPE:
|
|
566
|
-
{
|
|
567
|
-
var lazyComponent = type;
|
|
568
|
-
var payload = lazyComponent._payload;
|
|
569
|
-
var init = lazyComponent._init;
|
|
570
|
-
try {
|
|
571
|
-
// Lazy may contain any component type so we recursively resolve it.
|
|
572
|
-
return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
|
|
573
|
-
} catch (x) {}
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
}
|
|
577
|
-
return '';
|
|
578
|
-
}
|
|
579
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
580
|
-
var loggedTypeFailures = {};
|
|
581
|
-
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
582
|
-
function setCurrentlyValidatingElement(element) {
|
|
583
|
-
{
|
|
584
|
-
if (element) {
|
|
585
|
-
var owner = element._owner;
|
|
586
|
-
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
587
|
-
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
|
588
|
-
} else {
|
|
589
|
-
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
|
590
|
-
}
|
|
591
|
-
}
|
|
592
|
-
}
|
|
593
|
-
function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
|
594
|
-
{
|
|
595
|
-
// $FlowFixMe This is okay but Flow doesn't know it.
|
|
596
|
-
var has = Function.call.bind(hasOwnProperty);
|
|
597
|
-
for (var typeSpecName in typeSpecs) {
|
|
598
|
-
if (has(typeSpecs, typeSpecName)) {
|
|
599
|
-
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
|
600
|
-
// fail the render phase where it didn't fail before. So we log it.
|
|
601
|
-
// After these have been cleaned up, we'll let them throw.
|
|
602
|
-
|
|
603
|
-
try {
|
|
604
|
-
// This is intentionally an invariant that gets caught. It's the same
|
|
605
|
-
// behavior as without this statement except with a better message.
|
|
606
|
-
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
607
|
-
// eslint-disable-next-line react-internal/prod-error-codes
|
|
608
|
-
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
|
|
609
|
-
err.name = 'Invariant Violation';
|
|
610
|
-
throw err;
|
|
611
|
-
}
|
|
612
|
-
error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
|
|
613
|
-
} catch (ex) {
|
|
614
|
-
error$1 = ex;
|
|
615
|
-
}
|
|
616
|
-
if (error$1 && !(error$1 instanceof Error)) {
|
|
617
|
-
setCurrentlyValidatingElement(element);
|
|
618
|
-
error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
|
|
619
|
-
setCurrentlyValidatingElement(null);
|
|
620
|
-
}
|
|
621
|
-
if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
|
|
622
|
-
// Only monitor this failure once because there tends to be a lot of the
|
|
623
|
-
// same error.
|
|
624
|
-
loggedTypeFailures[error$1.message] = true;
|
|
625
|
-
setCurrentlyValidatingElement(element);
|
|
626
|
-
error('Failed %s type: %s', location, error$1.message);
|
|
627
|
-
setCurrentlyValidatingElement(null);
|
|
628
|
-
}
|
|
629
|
-
}
|
|
630
|
-
}
|
|
631
|
-
}
|
|
632
|
-
}
|
|
633
|
-
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
|
634
|
-
|
|
635
|
-
function isArray(a) {
|
|
636
|
-
return isArrayImpl(a);
|
|
637
|
-
}
|
|
638
|
-
|
|
639
|
-
/*
|
|
640
|
-
* The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
|
641
|
-
* and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
|
642
|
-
*
|
|
643
|
-
* The functions in this module will throw an easier-to-understand,
|
|
644
|
-
* easier-to-debug exception with a clear errors message message explaining the
|
|
645
|
-
* problem. (Instead of a confusing exception thrown inside the implementation
|
|
646
|
-
* of the `value` object).
|
|
647
|
-
*/
|
|
648
|
-
// $FlowFixMe only called in DEV, so void return is not possible.
|
|
649
|
-
function typeName(value) {
|
|
650
|
-
{
|
|
651
|
-
// toStringTag is needed for namespaced types like Temporal.Instant
|
|
652
|
-
var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
|
653
|
-
var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
|
654
|
-
return type;
|
|
655
|
-
}
|
|
656
|
-
} // $FlowFixMe only called in DEV, so void return is not possible.
|
|
657
|
-
|
|
658
|
-
function willCoercionThrow(value) {
|
|
659
|
-
{
|
|
660
|
-
try {
|
|
661
|
-
testStringCoercion(value);
|
|
662
|
-
return false;
|
|
663
|
-
} catch (e) {
|
|
664
|
-
return true;
|
|
665
|
-
}
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
function testStringCoercion(value) {
|
|
669
|
-
// If you ended up here by following an exception call stack, here's what's
|
|
670
|
-
// happened: you supplied an object or symbol value to React (as a prop, key,
|
|
671
|
-
// DOM attribute, CSS property, string ref, etc.) and when React tried to
|
|
672
|
-
// coerce it to a string using `'' + value`, an exception was thrown.
|
|
673
|
-
//
|
|
674
|
-
// The most common types that will cause this exception are `Symbol` instances
|
|
675
|
-
// and Temporal objects like `Temporal.Instant`. But any object that has a
|
|
676
|
-
// `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
|
677
|
-
// exception. (Library authors do this to prevent users from using built-in
|
|
678
|
-
// numeric operators like `+` or comparison operators like `>=` because custom
|
|
679
|
-
// methods are needed to perform accurate arithmetic or comparison.)
|
|
680
|
-
//
|
|
681
|
-
// To fix the problem, coerce this object or symbol value to a string before
|
|
682
|
-
// passing it to React. The most reliable way is usually `String(value)`.
|
|
683
|
-
//
|
|
684
|
-
// To find which value is throwing, check the browser or debugger console.
|
|
685
|
-
// Before this exception was thrown, there should be `console.error` output
|
|
686
|
-
// that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
|
687
|
-
// problem and how that type was used: key, atrribute, input value prop, etc.
|
|
688
|
-
// In most cases, this console output also shows the component and its
|
|
689
|
-
// ancestor components where the exception happened.
|
|
690
|
-
//
|
|
691
|
-
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
692
|
-
return '' + value;
|
|
693
|
-
}
|
|
694
|
-
function checkKeyStringCoercion(value) {
|
|
695
|
-
{
|
|
696
|
-
if (willCoercionThrow(value)) {
|
|
697
|
-
error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
|
698
|
-
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
|
699
|
-
}
|
|
700
|
-
}
|
|
701
|
-
}
|
|
702
|
-
var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
|
|
703
|
-
var RESERVED_PROPS = {
|
|
704
|
-
key: true,
|
|
705
|
-
ref: true,
|
|
706
|
-
__self: true,
|
|
707
|
-
__source: true
|
|
708
|
-
};
|
|
709
|
-
var specialPropKeyWarningShown;
|
|
710
|
-
var specialPropRefWarningShown;
|
|
711
|
-
var didWarnAboutStringRefs;
|
|
712
|
-
{
|
|
713
|
-
didWarnAboutStringRefs = {};
|
|
714
|
-
}
|
|
715
|
-
function hasValidRef(config) {
|
|
716
|
-
{
|
|
717
|
-
if (hasOwnProperty.call(config, 'ref')) {
|
|
718
|
-
var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
|
|
719
|
-
if (getter && getter.isReactWarning) {
|
|
720
|
-
return false;
|
|
721
|
-
}
|
|
722
|
-
}
|
|
723
|
-
}
|
|
724
|
-
return config.ref !== undefined;
|
|
725
|
-
}
|
|
726
|
-
function hasValidKey(config) {
|
|
727
|
-
{
|
|
728
|
-
if (hasOwnProperty.call(config, 'key')) {
|
|
729
|
-
var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
|
|
730
|
-
if (getter && getter.isReactWarning) {
|
|
731
|
-
return false;
|
|
732
|
-
}
|
|
733
|
-
}
|
|
734
|
-
}
|
|
735
|
-
return config.key !== undefined;
|
|
736
|
-
}
|
|
737
|
-
function warnIfStringRefCannotBeAutoConverted(config, self) {
|
|
738
|
-
{
|
|
739
|
-
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
|
|
740
|
-
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
741
|
-
if (!didWarnAboutStringRefs[componentName]) {
|
|
742
|
-
error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
|
|
743
|
-
didWarnAboutStringRefs[componentName] = true;
|
|
744
|
-
}
|
|
745
|
-
}
|
|
746
|
-
}
|
|
747
|
-
}
|
|
748
|
-
function defineKeyPropWarningGetter(props, displayName) {
|
|
749
|
-
{
|
|
750
|
-
var warnAboutAccessingKey = function () {
|
|
751
|
-
if (!specialPropKeyWarningShown) {
|
|
752
|
-
specialPropKeyWarningShown = true;
|
|
753
|
-
error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
|
|
754
|
-
}
|
|
755
|
-
};
|
|
756
|
-
warnAboutAccessingKey.isReactWarning = true;
|
|
757
|
-
Object.defineProperty(props, 'key', {
|
|
758
|
-
get: warnAboutAccessingKey,
|
|
759
|
-
configurable: true
|
|
760
|
-
});
|
|
761
|
-
}
|
|
762
|
-
}
|
|
763
|
-
function defineRefPropWarningGetter(props, displayName) {
|
|
764
|
-
{
|
|
765
|
-
var warnAboutAccessingRef = function () {
|
|
766
|
-
if (!specialPropRefWarningShown) {
|
|
767
|
-
specialPropRefWarningShown = true;
|
|
768
|
-
error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
|
|
769
|
-
}
|
|
770
|
-
};
|
|
771
|
-
warnAboutAccessingRef.isReactWarning = true;
|
|
772
|
-
Object.defineProperty(props, 'ref', {
|
|
773
|
-
get: warnAboutAccessingRef,
|
|
774
|
-
configurable: true
|
|
775
|
-
});
|
|
776
|
-
}
|
|
777
|
-
}
|
|
778
|
-
/**
|
|
779
|
-
* Factory method to create a new React element. This no longer adheres to
|
|
780
|
-
* the class pattern, so do not use new to call it. Also, instanceof check
|
|
781
|
-
* will not work. Instead test $$typeof field against Symbol.for('react.element') to check
|
|
782
|
-
* if something is a React Element.
|
|
783
|
-
*
|
|
784
|
-
* @param {*} type
|
|
785
|
-
* @param {*} props
|
|
786
|
-
* @param {*} key
|
|
787
|
-
* @param {string|object} ref
|
|
788
|
-
* @param {*} owner
|
|
789
|
-
* @param {*} self A *temporary* helper to detect places where `this` is
|
|
790
|
-
* different from the `owner` when React.createElement is called, so that we
|
|
791
|
-
* can warn. We want to get rid of owner and replace string `ref`s with arrow
|
|
792
|
-
* functions, and as long as `this` and owner are the same, there will be no
|
|
793
|
-
* change in behavior.
|
|
794
|
-
* @param {*} source An annotation object (added by a transpiler or otherwise)
|
|
795
|
-
* indicating filename, line number, and/or other information.
|
|
796
|
-
* @internal
|
|
797
|
-
*/
|
|
798
|
-
|
|
799
|
-
var ReactElement = function (type, key, ref, self, source, owner, props) {
|
|
800
|
-
var element = {
|
|
801
|
-
// This tag allows us to uniquely identify this as a React Element
|
|
802
|
-
$$typeof: REACT_ELEMENT_TYPE,
|
|
803
|
-
// Built-in properties that belong on the element
|
|
804
|
-
type: type,
|
|
805
|
-
key: key,
|
|
806
|
-
ref: ref,
|
|
807
|
-
props: props,
|
|
808
|
-
// Record the component responsible for creating this element.
|
|
809
|
-
_owner: owner
|
|
810
|
-
};
|
|
811
|
-
{
|
|
812
|
-
// The validation flag is currently mutative. We put it on
|
|
813
|
-
// an external backing store so that we can freeze the whole object.
|
|
814
|
-
// This can be replaced with a WeakMap once they are implemented in
|
|
815
|
-
// commonly used development environments.
|
|
816
|
-
element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
|
|
817
|
-
// the validation flag non-enumerable (where possible, which should
|
|
818
|
-
// include every environment we run tests in), so the test framework
|
|
819
|
-
// ignores it.
|
|
820
|
-
|
|
821
|
-
Object.defineProperty(element._store, 'validated', {
|
|
822
|
-
configurable: false,
|
|
823
|
-
enumerable: false,
|
|
824
|
-
writable: true,
|
|
825
|
-
value: false
|
|
826
|
-
}); // self and source are DEV only properties.
|
|
827
|
-
|
|
828
|
-
Object.defineProperty(element, '_self', {
|
|
829
|
-
configurable: false,
|
|
830
|
-
enumerable: false,
|
|
831
|
-
writable: false,
|
|
832
|
-
value: self
|
|
833
|
-
}); // Two elements created in two different places should be considered
|
|
834
|
-
// equal for testing purposes and therefore we hide it from enumeration.
|
|
835
|
-
|
|
836
|
-
Object.defineProperty(element, '_source', {
|
|
837
|
-
configurable: false,
|
|
838
|
-
enumerable: false,
|
|
839
|
-
writable: false,
|
|
840
|
-
value: source
|
|
841
|
-
});
|
|
842
|
-
if (Object.freeze) {
|
|
843
|
-
Object.freeze(element.props);
|
|
844
|
-
Object.freeze(element);
|
|
845
|
-
}
|
|
846
|
-
}
|
|
847
|
-
return element;
|
|
848
|
-
};
|
|
849
|
-
/**
|
|
850
|
-
* https://github.com/reactjs/rfcs/pull/107
|
|
851
|
-
* @param {*} type
|
|
852
|
-
* @param {object} props
|
|
853
|
-
* @param {string} key
|
|
854
|
-
*/
|
|
855
|
-
|
|
856
|
-
function jsxDEV(type, config, maybeKey, source, self) {
|
|
857
|
-
{
|
|
858
|
-
var propName; // Reserved names are extracted
|
|
859
|
-
|
|
860
|
-
var props = {};
|
|
861
|
-
var key = null;
|
|
862
|
-
var ref = null; // Currently, key can be spread in as a prop. This causes a potential
|
|
863
|
-
// issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
|
|
864
|
-
// or <div key="Hi" {...props} /> ). We want to deprecate key spread,
|
|
865
|
-
// but as an intermediary step, we will use jsxDEV for everything except
|
|
866
|
-
// <div {...props} key="Hi" />, because we aren't currently able to tell if
|
|
867
|
-
// key is explicitly declared to be undefined or not.
|
|
868
|
-
|
|
869
|
-
if (maybeKey !== undefined) {
|
|
870
|
-
{
|
|
871
|
-
checkKeyStringCoercion(maybeKey);
|
|
872
|
-
}
|
|
873
|
-
key = '' + maybeKey;
|
|
874
|
-
}
|
|
875
|
-
if (hasValidKey(config)) {
|
|
876
|
-
{
|
|
877
|
-
checkKeyStringCoercion(config.key);
|
|
878
|
-
}
|
|
879
|
-
key = '' + config.key;
|
|
880
|
-
}
|
|
881
|
-
if (hasValidRef(config)) {
|
|
882
|
-
ref = config.ref;
|
|
883
|
-
warnIfStringRefCannotBeAutoConverted(config, self);
|
|
884
|
-
} // Remaining properties are added to a new props object
|
|
885
|
-
|
|
886
|
-
for (propName in config) {
|
|
887
|
-
if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
|
|
888
|
-
props[propName] = config[propName];
|
|
889
|
-
}
|
|
890
|
-
} // Resolve default props
|
|
891
|
-
|
|
892
|
-
if (type && type.defaultProps) {
|
|
893
|
-
var defaultProps = type.defaultProps;
|
|
894
|
-
for (propName in defaultProps) {
|
|
895
|
-
if (props[propName] === undefined) {
|
|
896
|
-
props[propName] = defaultProps[propName];
|
|
897
|
-
}
|
|
898
|
-
}
|
|
899
|
-
}
|
|
900
|
-
if (key || ref) {
|
|
901
|
-
var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
|
|
902
|
-
if (key) {
|
|
903
|
-
defineKeyPropWarningGetter(props, displayName);
|
|
904
|
-
}
|
|
905
|
-
if (ref) {
|
|
906
|
-
defineRefPropWarningGetter(props, displayName);
|
|
907
|
-
}
|
|
908
|
-
}
|
|
909
|
-
return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
|
|
910
|
-
}
|
|
911
|
-
}
|
|
912
|
-
var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
|
|
913
|
-
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
914
|
-
function setCurrentlyValidatingElement$1(element) {
|
|
915
|
-
{
|
|
916
|
-
if (element) {
|
|
917
|
-
var owner = element._owner;
|
|
918
|
-
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
919
|
-
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
|
920
|
-
} else {
|
|
921
|
-
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
|
922
|
-
}
|
|
923
|
-
}
|
|
924
|
-
}
|
|
925
|
-
var propTypesMisspellWarningShown;
|
|
926
|
-
{
|
|
927
|
-
propTypesMisspellWarningShown = false;
|
|
928
|
-
}
|
|
929
|
-
/**
|
|
930
|
-
* Verifies the object is a ReactElement.
|
|
931
|
-
* See https://reactjs.org/docs/react-api.html#isvalidelement
|
|
932
|
-
* @param {?object} object
|
|
933
|
-
* @return {boolean} True if `object` is a ReactElement.
|
|
934
|
-
* @final
|
|
935
|
-
*/
|
|
936
|
-
|
|
937
|
-
function isValidElement(object) {
|
|
938
|
-
{
|
|
939
|
-
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
940
|
-
}
|
|
941
|
-
}
|
|
942
|
-
function getDeclarationErrorAddendum() {
|
|
943
|
-
{
|
|
944
|
-
if (ReactCurrentOwner$1.current) {
|
|
945
|
-
var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
|
|
946
|
-
if (name) {
|
|
947
|
-
return '\n\nCheck the render method of `' + name + '`.';
|
|
948
|
-
}
|
|
949
|
-
}
|
|
950
|
-
return '';
|
|
951
|
-
}
|
|
952
|
-
}
|
|
953
|
-
function getSourceInfoErrorAddendum(source) {
|
|
954
|
-
{
|
|
955
|
-
if (source !== undefined) {
|
|
956
|
-
var fileName = source.fileName.replace(/^.*[\\\/]/, '');
|
|
957
|
-
var lineNumber = source.lineNumber;
|
|
958
|
-
return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
|
|
959
|
-
}
|
|
960
|
-
return '';
|
|
961
|
-
}
|
|
962
|
-
}
|
|
963
|
-
/**
|
|
964
|
-
* Warn if there's no key explicitly set on dynamic arrays of children or
|
|
965
|
-
* object keys are not valid. This allows us to keep track of children between
|
|
966
|
-
* updates.
|
|
967
|
-
*/
|
|
968
|
-
|
|
969
|
-
var ownerHasKeyUseWarning = {};
|
|
970
|
-
function getCurrentComponentErrorInfo(parentType) {
|
|
971
|
-
{
|
|
972
|
-
var info = getDeclarationErrorAddendum();
|
|
973
|
-
if (!info) {
|
|
974
|
-
var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
|
|
975
|
-
if (parentName) {
|
|
976
|
-
info = "\n\nCheck the top-level render call using <" + parentName + ">.";
|
|
977
|
-
}
|
|
978
|
-
}
|
|
979
|
-
return info;
|
|
980
|
-
}
|
|
981
|
-
}
|
|
982
|
-
/**
|
|
983
|
-
* Warn if the element doesn't have an explicit key assigned to it.
|
|
984
|
-
* This element is in an array. The array could grow and shrink or be
|
|
985
|
-
* reordered. All children that haven't already been validated are required to
|
|
986
|
-
* have a "key" property assigned to it. Error statuses are cached so a warning
|
|
987
|
-
* will only be shown once.
|
|
988
|
-
*
|
|
989
|
-
* @internal
|
|
990
|
-
* @param {ReactElement} element Element that requires a key.
|
|
991
|
-
* @param {*} parentType element's parent's type.
|
|
992
|
-
*/
|
|
993
|
-
|
|
994
|
-
function validateExplicitKey(element, parentType) {
|
|
995
|
-
{
|
|
996
|
-
if (!element._store || element._store.validated || element.key != null) {
|
|
997
|
-
return;
|
|
998
|
-
}
|
|
999
|
-
element._store.validated = true;
|
|
1000
|
-
var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
|
|
1001
|
-
if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
|
|
1002
|
-
return;
|
|
1003
|
-
}
|
|
1004
|
-
ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
|
|
1005
|
-
// property, it may be the creator of the child that's responsible for
|
|
1006
|
-
// assigning it a key.
|
|
1007
|
-
|
|
1008
|
-
var childOwner = '';
|
|
1009
|
-
if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
|
|
1010
|
-
// Give the component that originally created this child.
|
|
1011
|
-
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
1012
|
-
}
|
|
1013
|
-
setCurrentlyValidatingElement$1(element);
|
|
1014
|
-
error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
|
|
1015
|
-
setCurrentlyValidatingElement$1(null);
|
|
1016
|
-
}
|
|
1017
|
-
}
|
|
1018
|
-
/**
|
|
1019
|
-
* Ensure that every element either is passed in a static location, in an
|
|
1020
|
-
* array with an explicit keys property defined, or in an object literal
|
|
1021
|
-
* with valid key property.
|
|
1022
|
-
*
|
|
1023
|
-
* @internal
|
|
1024
|
-
* @param {ReactNode} node Statically passed child of any type.
|
|
1025
|
-
* @param {*} parentType node's parent's type.
|
|
1026
|
-
*/
|
|
1027
|
-
|
|
1028
|
-
function validateChildKeys(node, parentType) {
|
|
1029
|
-
{
|
|
1030
|
-
if (typeof node !== 'object') {
|
|
1031
|
-
return;
|
|
1032
|
-
}
|
|
1033
|
-
if (isArray(node)) {
|
|
1034
|
-
for (var i = 0; i < node.length; i++) {
|
|
1035
|
-
var child = node[i];
|
|
1036
|
-
if (isValidElement(child)) {
|
|
1037
|
-
validateExplicitKey(child, parentType);
|
|
1038
|
-
}
|
|
1039
|
-
}
|
|
1040
|
-
} else if (isValidElement(node)) {
|
|
1041
|
-
// This element was passed in a valid location.
|
|
1042
|
-
if (node._store) {
|
|
1043
|
-
node._store.validated = true;
|
|
1044
|
-
}
|
|
1045
|
-
} else if (node) {
|
|
1046
|
-
var iteratorFn = getIteratorFn(node);
|
|
1047
|
-
if (typeof iteratorFn === 'function') {
|
|
1048
|
-
// Entry iterators used to provide implicit keys,
|
|
1049
|
-
// but now we print a separate warning for them later.
|
|
1050
|
-
if (iteratorFn !== node.entries) {
|
|
1051
|
-
var iterator = iteratorFn.call(node);
|
|
1052
|
-
var step;
|
|
1053
|
-
while (!(step = iterator.next()).done) {
|
|
1054
|
-
if (isValidElement(step.value)) {
|
|
1055
|
-
validateExplicitKey(step.value, parentType);
|
|
1056
|
-
}
|
|
1057
|
-
}
|
|
1058
|
-
}
|
|
1059
|
-
}
|
|
1060
|
-
}
|
|
1061
|
-
}
|
|
1062
|
-
}
|
|
1063
|
-
/**
|
|
1064
|
-
* Given an element, validate that its props follow the propTypes definition,
|
|
1065
|
-
* provided by the type.
|
|
1066
|
-
*
|
|
1067
|
-
* @param {ReactElement} element
|
|
1068
|
-
*/
|
|
1069
|
-
|
|
1070
|
-
function validatePropTypes(element) {
|
|
1071
|
-
{
|
|
1072
|
-
var type = element.type;
|
|
1073
|
-
if (type === null || type === undefined || typeof type === 'string') {
|
|
1074
|
-
return;
|
|
1075
|
-
}
|
|
1076
|
-
var propTypes;
|
|
1077
|
-
if (typeof type === 'function') {
|
|
1078
|
-
propTypes = type.propTypes;
|
|
1079
|
-
} else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE ||
|
|
1080
|
-
// Note: Memo only checks outer props here.
|
|
1081
|
-
// Inner props are checked in the reconciler.
|
|
1082
|
-
type.$$typeof === REACT_MEMO_TYPE)) {
|
|
1083
|
-
propTypes = type.propTypes;
|
|
1084
|
-
} else {
|
|
1085
|
-
return;
|
|
1086
|
-
}
|
|
1087
|
-
if (propTypes) {
|
|
1088
|
-
// Intentionally inside to avoid triggering lazy initializers:
|
|
1089
|
-
var name = getComponentNameFromType(type);
|
|
1090
|
-
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
1091
|
-
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
1092
|
-
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
1093
|
-
|
|
1094
|
-
var _name = getComponentNameFromType(type);
|
|
1095
|
-
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
1096
|
-
}
|
|
1097
|
-
if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
|
|
1098
|
-
error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
|
|
1099
|
-
}
|
|
1100
|
-
}
|
|
1101
|
-
}
|
|
1102
|
-
/**
|
|
1103
|
-
* Given a fragment, validate that it can only be provided with fragment props
|
|
1104
|
-
* @param {ReactElement} fragment
|
|
1105
|
-
*/
|
|
1106
|
-
|
|
1107
|
-
function validateFragmentProps(fragment) {
|
|
1108
|
-
{
|
|
1109
|
-
var keys = Object.keys(fragment.props);
|
|
1110
|
-
for (var i = 0; i < keys.length; i++) {
|
|
1111
|
-
var key = keys[i];
|
|
1112
|
-
if (key !== 'children' && key !== 'key') {
|
|
1113
|
-
setCurrentlyValidatingElement$1(fragment);
|
|
1114
|
-
error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
|
|
1115
|
-
setCurrentlyValidatingElement$1(null);
|
|
1116
|
-
break;
|
|
1117
|
-
}
|
|
1118
|
-
}
|
|
1119
|
-
if (fragment.ref !== null) {
|
|
1120
|
-
setCurrentlyValidatingElement$1(fragment);
|
|
1121
|
-
error('Invalid attribute `ref` supplied to `React.Fragment`.');
|
|
1122
|
-
setCurrentlyValidatingElement$1(null);
|
|
1123
|
-
}
|
|
1124
|
-
}
|
|
1125
|
-
}
|
|
1126
|
-
var didWarnAboutKeySpread = {};
|
|
1127
|
-
function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
|
|
1128
|
-
{
|
|
1129
|
-
var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
|
|
1130
|
-
// succeed and there will likely be errors in render.
|
|
1131
|
-
|
|
1132
|
-
if (!validType) {
|
|
1133
|
-
var info = '';
|
|
1134
|
-
if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
|
|
1135
|
-
info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
|
|
1136
|
-
}
|
|
1137
|
-
var sourceInfo = getSourceInfoErrorAddendum(source);
|
|
1138
|
-
if (sourceInfo) {
|
|
1139
|
-
info += sourceInfo;
|
|
1140
|
-
} else {
|
|
1141
|
-
info += getDeclarationErrorAddendum();
|
|
1142
|
-
}
|
|
1143
|
-
var typeString;
|
|
1144
|
-
if (type === null) {
|
|
1145
|
-
typeString = 'null';
|
|
1146
|
-
} else if (isArray(type)) {
|
|
1147
|
-
typeString = 'array';
|
|
1148
|
-
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
1149
|
-
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
1150
|
-
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
1151
|
-
} else {
|
|
1152
|
-
typeString = typeof type;
|
|
1153
|
-
}
|
|
1154
|
-
error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
|
|
1155
|
-
}
|
|
1156
|
-
var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
|
|
1157
|
-
// TODO: Drop this when these are no longer allowed as the type argument.
|
|
1158
|
-
|
|
1159
|
-
if (element == null) {
|
|
1160
|
-
return element;
|
|
1161
|
-
} // Skip key warning if the type isn't valid since our key validation logic
|
|
1162
|
-
// doesn't expect a non-string/function type and can throw confusing errors.
|
|
1163
|
-
// We don't want exception behavior to differ between dev and prod.
|
|
1164
|
-
// (Rendering will throw with a helpful message and as soon as the type is
|
|
1165
|
-
// fixed, the key warnings will appear.)
|
|
1166
|
-
|
|
1167
|
-
if (validType) {
|
|
1168
|
-
var children = props.children;
|
|
1169
|
-
if (children !== undefined) {
|
|
1170
|
-
if (isStaticChildren) {
|
|
1171
|
-
if (isArray(children)) {
|
|
1172
|
-
for (var i = 0; i < children.length; i++) {
|
|
1173
|
-
validateChildKeys(children[i], type);
|
|
1174
|
-
}
|
|
1175
|
-
if (Object.freeze) {
|
|
1176
|
-
Object.freeze(children);
|
|
1177
|
-
}
|
|
1178
|
-
} else {
|
|
1179
|
-
error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
|
|
1180
|
-
}
|
|
1181
|
-
} else {
|
|
1182
|
-
validateChildKeys(children, type);
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
{
|
|
1187
|
-
if (hasOwnProperty.call(props, 'key')) {
|
|
1188
|
-
var componentName = getComponentNameFromType(type);
|
|
1189
|
-
var keys = Object.keys(props).filter(function (k) {
|
|
1190
|
-
return k !== 'key';
|
|
1191
|
-
});
|
|
1192
|
-
var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
|
|
1193
|
-
if (!didWarnAboutKeySpread[componentName + beforeExample]) {
|
|
1194
|
-
var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
|
|
1195
|
-
error('A props object containing a "key" prop is being spread into JSX:\n' + ' let props = %s;\n' + ' <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + ' let props = %s;\n' + ' <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
|
|
1196
|
-
didWarnAboutKeySpread[componentName + beforeExample] = true;
|
|
1197
|
-
}
|
|
1198
|
-
}
|
|
1199
|
-
}
|
|
1200
|
-
if (type === REACT_FRAGMENT_TYPE) {
|
|
1201
|
-
validateFragmentProps(element);
|
|
1202
|
-
} else {
|
|
1203
|
-
validatePropTypes(element);
|
|
1204
|
-
}
|
|
1205
|
-
return element;
|
|
1206
|
-
}
|
|
1207
|
-
} // These two functions exist to still get child warnings in dev
|
|
1208
|
-
// even with the prod transform. This means that jsxDEV is purely
|
|
1209
|
-
// opt-in behavior for better messages but that we won't stop
|
|
1210
|
-
// giving you warnings if you use production apis.
|
|
1211
|
-
|
|
1212
|
-
function jsxWithValidationStatic(type, props, key) {
|
|
1213
|
-
{
|
|
1214
|
-
return jsxWithValidation(type, props, key, true);
|
|
1215
|
-
}
|
|
1216
|
-
}
|
|
1217
|
-
function jsxWithValidationDynamic(type, props, key) {
|
|
1218
|
-
{
|
|
1219
|
-
return jsxWithValidation(type, props, key, false);
|
|
1220
|
-
}
|
|
1221
|
-
}
|
|
1222
|
-
var jsx = jsxWithValidationDynamic; // we may want to special case jsxs internally to take advantage of static children.
|
|
1223
|
-
// for now we can ship identical prod functions
|
|
1224
|
-
|
|
1225
|
-
var jsxs = jsxWithValidationStatic;
|
|
1226
|
-
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
1227
|
-
reactJsxRuntime_development.jsx = jsx;
|
|
1228
|
-
reactJsxRuntime_development.jsxs = jsxs;
|
|
1229
|
-
})();
|
|
1230
|
-
}
|
|
1231
|
-
return reactJsxRuntime_development;
|
|
1232
|
-
}
|
|
1233
|
-
|
|
1234
|
-
if (process.env.NODE_ENV === 'production') {
|
|
1235
|
-
jsxRuntime.exports = requireReactJsxRuntime_production_min();
|
|
1236
|
-
} else {
|
|
1237
|
-
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
1238
|
-
}
|
|
1239
|
-
var jsxRuntimeExports = jsxRuntime.exports;
|
|
1240
|
-
|
|
1241
33
|
const useForm = (initialValues = {}, onFieldsChange, onValuesChange) => {
|
|
1242
34
|
const touchedFieldsRef = useRef(new Set());
|
|
1243
35
|
const rulesRef = useRef({});
|
|
@@ -1570,17 +362,17 @@ const FormItem = ({
|
|
|
1570
362
|
}, [errorRef.current]);
|
|
1571
363
|
const isRequired = useMemo(() => rules.some(rule => rule.required), [rules]);
|
|
1572
364
|
const errorMessage = getFieldError(valuePropName || name)?.[0];
|
|
1573
|
-
return
|
|
365
|
+
return jsxs("div", {
|
|
1574
366
|
style: style,
|
|
1575
367
|
className: clsx([`${prefixCls}`, {
|
|
1576
368
|
[layout]: layout,
|
|
1577
369
|
[className]: className,
|
|
1578
370
|
noStyle: props.noStyle
|
|
1579
371
|
}]),
|
|
1580
|
-
children: [!props.noStyle && (label || name) &&
|
|
372
|
+
children: [!props.noStyle && (label || name) && jsxs("label", {
|
|
1581
373
|
className: `${prefixCls}-label`,
|
|
1582
374
|
htmlFor: name,
|
|
1583
|
-
children: [label || name, ":", isRequired &&
|
|
375
|
+
children: [label || name, ":", isRequired && jsx("span", {
|
|
1584
376
|
className: `${prefixCls}-required`,
|
|
1585
377
|
children: "*"
|
|
1586
378
|
})]
|
|
@@ -1610,7 +402,7 @@ const FormItem = ({
|
|
|
1610
402
|
});
|
|
1611
403
|
}
|
|
1612
404
|
return child;
|
|
1613
|
-
}), !props.noStyle && errorMessage &&
|
|
405
|
+
}), !props.noStyle && errorMessage && jsx("span", {
|
|
1614
406
|
ref: errorRef,
|
|
1615
407
|
className: `${prefixCls}-error`,
|
|
1616
408
|
children: errorMessage
|
|
@@ -1704,9 +496,9 @@ const Form = ({
|
|
|
1704
496
|
formInstance.onValuesChange = onValuesChange;
|
|
1705
497
|
}
|
|
1706
498
|
}, [formInstance, onFieldsChange, onValuesChange]);
|
|
1707
|
-
return
|
|
499
|
+
return jsx(FormContext.Provider, {
|
|
1708
500
|
value: formInstance,
|
|
1709
|
-
children:
|
|
501
|
+
children: jsx("form", {
|
|
1710
502
|
style: style,
|
|
1711
503
|
ref: formRef,
|
|
1712
504
|
onSubmit: handleSubmit,
|
|
@@ -1718,7 +510,7 @@ const Form = ({
|
|
|
1718
510
|
const {
|
|
1719
511
|
...childProps
|
|
1720
512
|
} = child.props;
|
|
1721
|
-
return
|
|
513
|
+
return jsx(child.type, {
|
|
1722
514
|
...childProps,
|
|
1723
515
|
child: child,
|
|
1724
516
|
size: childProps.size || rest.size,
|
|
@@ -1735,13 +527,13 @@ Form.Item = FormItem;
|
|
|
1735
527
|
var css_248z$j = ".xUi-rangepicker-range-container{font-size:14px;position:relative;user-select:none}.xUi-rangepicker-range-input-wrapper{background-color:#fff;border-radius:6px;display:flex;transition:all .3s;width:100%}.xUi-rangepicker-range-input-wrapper:hover{border-color:#4096ff}.xUi-rangepicker-range-input{align-items:center;border-right:1px solid var(--xui-border-color);cursor:pointer;display:flex;flex:1;padding:4px 11px}.xUi-rangepicker-range-input:last-child{border-right:none}.xUi-rangepicker-range-input input{background:transparent;border:none;color:#000;cursor:pointer;font-size:14px;outline:none;width:100%}.xUi-rangepicker-range-input input::placeholder{color:#bfbfbf}.xUi-rangepicker-range-clear,.xUi-rangepicker-range-icon{align-items:center;display:flex;margin-left:8px;transition:color .3s}.xUi-rangepicker-range-icon{color:rgba(0,0,0,.25)}.xUi-rangepicker-range-clear{color:rgba(0,0,0,.45);cursor:pointer}.xUi-rangepicker-range-clear:hover{color:#000}.xUi-rangepicker-range-dropdown-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;left:0;margin-top:4px;min-width:560px;opacity:1;padding:8px;position:absolute;top:100%;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;z-index:1050}.xUi-rangepicker-range-dropdown-wrapper.show{display:flex}.xUi-rangepicker-dropdown-range,.xUi-rangepicker-range-dropdown{background-color:#fff;border:1px solid var(--xui-border-color);border-radius:6px;display:flex;margin-top:2px;overflow:hidden}.xUi-rangepicker-calendar{background:#fff;border-radius:6px;margin:12px}.xUi-rangepicker-calendar.month,.xUi-rangepicker-calendar.year{width:280px}.xUi-rangepicker-calendar-header{align-items:center;display:flex;font-weight:500;justify-content:space-between}.xUi-rangepicker-month,.xUi-rangepicker-year{background:none;border:none;border-radius:4px;color:var(--xui-text-color);cursor:pointer;height:30px;line-height:30px;margin:7px;min-width:30px;text-align:center;transition:all .2s}.xUi-rangepicker-day:disabled,.xUi-rangepicker-month:disabled,.xUi-rangepicker-select:disabled,.xUi-rangepicker-year:disabled{background-color:var(--xui-color-disabled);cursor:not-allowed;opacity:.5}.xUi-rangepicker-day:not(:disabled):hover,.xUi-rangepicker-month:not(:disabled):hover,.xUi-rangepicker-year:not(:disabled):hover{background:var(--xui-primary-color-light);color:#fff}.xUi-rangepicker-calendar-header button,.xUi-rangepicker-dropdown-selects button,.xUi-rangepicker-nav-buttons button{background:transparent;border:none;color:#595959;cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:0 6px;transition:color .2s ease}.xUi-rangepicker-nav-buttons button{font-size:20px;font-weight:400}.xUi-rangepicker-calendar-header button:hover,.xUi-rangepicker-dropdown-selects button:hover,.xUi-rangepicker-nav-buttons button:hover{color:var(--xui-primary-color)}.xUi-rangepicker-input{align-items:center;background-color:transparent;border:1px solid var(--xui-border-color);border-radius:6px;color:var(--xui-text-color);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:3px 7px;transition:all .3s}.xUi-rangepicker-input.noBordered{border:none!important}.xUi-rangepicker-input input{border:none;color:var(--xui-text-color);font-size:var(--xui-font-size-sm);outline:none;padding:0}.xUi-rangepicker-input:placeholder-shown{text-overflow:ellipsis}.xUi-rangepicker-input:hover{border-color:var(--xui-primary-color)}.xUi-rangepicker-weekday-row{background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);display:grid;gap:4px;grid-template-columns:repeat(7,1fr);position:sticky;top:0;z-index:1}.xUi-rangepicker-weekday{align-items:center;color:var(--xui-text-color);display:flex;font-size:12px;font-weight:500;font-weight:600;height:30px;justify-content:center;text-align:center}.xUi-rangepicker-days-grid,.xUi-rangepicker-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr)}.xUi-rangepicker-days-grid.day{grid-template-columns:repeat(7,0fr)}.xUi-rangepicker-day{background-color:transparent;border:none;border-radius:4px;cursor:pointer;height:30px;line-height:30px;text-align:center;transition:background-color .3s,color .3s;width:30px}.xUi-rangepicker-day:hover{background-color:var(--xui-primary-color);border-radius:4px;color:#fff}.xUi-rangepicker-day.xUi-rangepicker-other-month:hover{background-color:var(--xui-color-disabled)!important;color:var(--xui-text-color)}.xUi-rangepicker-range-end:not(.xUi-rangepicker-other-month),.xUi-rangepicker-range-start:not(.xUi-rangepicker-other-month),.xUi-rangepicker-selected:not(.xUi-rangepicker-other-month){background-color:var(--xui-primary-color);color:#fff;font-weight:600}.xUi-rangepicker-in-range:not(.xUi-rangepicker-other-month){background-color:#f0f5ff}.xUi-rangepicker-hover-end{background-color:var(--xui-primary-color)!important}.xUi-rangepicker-disabled,.xUi-rangepicker-other-month{color:#ccc}.xUi-rangepicker-disabled{cursor:not-allowed}.xUi-rangepicker-footer{display:flex;grid-column:span 7;justify-content:center;padding-top:6px}.xUi-rangepicker-select{background:none;border:none;color:var(--xui-primary-color);cursor:pointer}.xUi-rangepicker-input.sm{font-size:var(--xui-font-size-sm);padding:4px 8px}.xUi-rangepicker-input.md{font-size:var(--xui-font-size-md);padding:8px 12px}.xUi-rangepicker-input.lg{font-size:var(--xui-font-size-lg);padding:10px 16px}.xUi-rangepicker-dropdown-wrapper{opacity:0;pointer-events:none;position:absolute;transform:scale(.95);transition:opacity .2s ease,transform .2s ease;z-index:1000}.xUi-rangepicker-dropdown-wrapper.bottomLeft{left:0;margin-top:4px;top:100%}.xUi-rangepicker-dropdown-wrapper.bottomRight{margin-top:4px;right:0;top:100%}.xUi-rangepicker-dropdown-wrapper.topLeft{bottom:100%;left:0;margin-bottom:4px}.xUi-rangepicker-dropdown-wrapper.topRight{bottom:100%;margin-bottom:4px;right:0}.xUi-rangepicker-dropdown-wrapper.show{opacity:1;pointer-events:auto;transform:scale(1)}.xUi-rangepicker-large .xUi-rangepicker-selected-date{font-size:16px}.xUi-rangepicker-large .xUi-rangepicker-input{padding:11px}.xUi-rangepicker-middle .xUi-rangepicker-input{padding:6px 11px}.xUi-rangepicker-dropdown-trigger{background-color:#fff;border:1px solid var(--xui-border-color);border-radius:2px;cursor:pointer;line-height:32px;padding:0 8px}.xUi-rangepicker-dropdown-menu{background:#fff;border:1px solid var(--xui-border-color);box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;position:absolute;z-index:1000}.xUi-rangepicker-dropdown-item{cursor:pointer;padding:4px 12px}.xUi-rangepicker-dropdown-item:hover{background:#f5f5f5}.xUi-rangepicker-dropdown-item.active{background-color:#e6f7ff;font-weight:700}.xUi-rangepicker-header{align-items:center;border-bottom:1px solid var(--xui-border-color);display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:12px;width:100%}";
|
|
1736
528
|
styleInject(css_248z$j);
|
|
1737
529
|
|
|
1738
|
-
const ClearIcon = () =>
|
|
530
|
+
const ClearIcon = () => jsx("svg", {
|
|
1739
531
|
width: "10",
|
|
1740
532
|
height: "10",
|
|
1741
533
|
viewBox: "0 0 14 14",
|
|
1742
534
|
fill: "none",
|
|
1743
535
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1744
|
-
children:
|
|
536
|
+
children: jsx("path", {
|
|
1745
537
|
d: "M1 1L13 13M13 1L1 13",
|
|
1746
538
|
stroke: "currentColor",
|
|
1747
539
|
strokeWidth: "2",
|
|
@@ -1750,13 +542,13 @@ const ClearIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1750
542
|
});
|
|
1751
543
|
const ArrowIcon = ({
|
|
1752
544
|
isOpen
|
|
1753
|
-
}) =>
|
|
545
|
+
}) => jsx("svg", {
|
|
1754
546
|
width: "18",
|
|
1755
547
|
height: "18",
|
|
1756
548
|
viewBox: "0 0 24 24",
|
|
1757
549
|
fill: "none",
|
|
1758
550
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1759
|
-
children:
|
|
551
|
+
children: jsx("path", {
|
|
1760
552
|
d: "M7 10L12 15L17 10",
|
|
1761
553
|
stroke: "currentColor",
|
|
1762
554
|
strokeWidth: "2",
|
|
@@ -1765,7 +557,7 @@ const ArrowIcon = ({
|
|
|
1765
557
|
transform: isOpen ? 'rotate(180, 12, 12)' : ''
|
|
1766
558
|
})
|
|
1767
559
|
});
|
|
1768
|
-
const LoadingIcon = () =>
|
|
560
|
+
const LoadingIcon = () => jsx("svg", {
|
|
1769
561
|
viewBox: "0 0 1024 1024",
|
|
1770
562
|
focusable: "false",
|
|
1771
563
|
"data-icon": "loading",
|
|
@@ -1773,11 +565,11 @@ const LoadingIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1773
565
|
height: "12",
|
|
1774
566
|
fill: "currentColor",
|
|
1775
567
|
"aria-hidden": "true",
|
|
1776
|
-
children:
|
|
568
|
+
children: jsx("path", {
|
|
1777
569
|
d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
|
|
1778
570
|
})
|
|
1779
571
|
});
|
|
1780
|
-
const CheckIcon = () =>
|
|
572
|
+
const CheckIcon = () => jsx("svg", {
|
|
1781
573
|
viewBox: "64 64 896 896",
|
|
1782
574
|
focusable: "false",
|
|
1783
575
|
"data-icon": "check",
|
|
@@ -1785,11 +577,11 @@ const CheckIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1785
577
|
height: "12",
|
|
1786
578
|
fill: "currentColor",
|
|
1787
579
|
"aria-hidden": "true",
|
|
1788
|
-
children:
|
|
580
|
+
children: jsx("path", {
|
|
1789
581
|
d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
|
|
1790
582
|
})
|
|
1791
583
|
});
|
|
1792
|
-
const SearchIcon = () =>
|
|
584
|
+
const SearchIcon = () => jsx("svg", {
|
|
1793
585
|
viewBox: "64 64 896 896",
|
|
1794
586
|
focusable: "false",
|
|
1795
587
|
"data-icon": "search",
|
|
@@ -1797,11 +589,11 @@ const SearchIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1797
589
|
height: "1em",
|
|
1798
590
|
fill: "currentColor",
|
|
1799
591
|
"aria-hidden": "true",
|
|
1800
|
-
children:
|
|
592
|
+
children: jsx("path", {
|
|
1801
593
|
d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
1802
594
|
})
|
|
1803
595
|
});
|
|
1804
|
-
const CalendarIcon = () =>
|
|
596
|
+
const CalendarIcon = () => jsx("svg", {
|
|
1805
597
|
viewBox: "64 64 896 896",
|
|
1806
598
|
focusable: "false",
|
|
1807
599
|
"data-icon": "calendar",
|
|
@@ -1809,11 +601,11 @@ const CalendarIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1809
601
|
height: "1em",
|
|
1810
602
|
fill: "currentColor",
|
|
1811
603
|
"aria-hidden": "true",
|
|
1812
|
-
children:
|
|
604
|
+
children: jsx("path", {
|
|
1813
605
|
d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
|
|
1814
606
|
})
|
|
1815
607
|
});
|
|
1816
|
-
const SuccessIcon = () =>
|
|
608
|
+
const SuccessIcon = () => jsx("svg", {
|
|
1817
609
|
viewBox: "64 64 896 896",
|
|
1818
610
|
focusable: "false",
|
|
1819
611
|
"data-icon": "check-circle",
|
|
@@ -1821,11 +613,11 @@ const SuccessIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1821
613
|
height: "1em",
|
|
1822
614
|
fill: "currentColor",
|
|
1823
615
|
"aria-hidden": "true",
|
|
1824
|
-
children:
|
|
616
|
+
children: jsx("path", {
|
|
1825
617
|
d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
|
|
1826
618
|
})
|
|
1827
619
|
});
|
|
1828
|
-
const ErrorIcon = () =>
|
|
620
|
+
const ErrorIcon = () => jsx("svg", {
|
|
1829
621
|
className: "error-svg-icon",
|
|
1830
622
|
viewBox: "64 64 896 896",
|
|
1831
623
|
focusable: "false",
|
|
@@ -1834,11 +626,11 @@ const ErrorIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1834
626
|
height: "1em",
|
|
1835
627
|
fill: "currentColor",
|
|
1836
628
|
"aria-hidden": "true",
|
|
1837
|
-
children:
|
|
629
|
+
children: jsx("path", {
|
|
1838
630
|
d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
|
|
1839
631
|
})
|
|
1840
632
|
});
|
|
1841
|
-
const DateDistanceIcon = () =>
|
|
633
|
+
const DateDistanceIcon = () => jsx("svg", {
|
|
1842
634
|
viewBox: "0 0 1024 1024",
|
|
1843
635
|
focusable: "false",
|
|
1844
636
|
"data-icon": "swap-right",
|
|
@@ -1846,11 +638,11 @@ const DateDistanceIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1846
638
|
height: "1em",
|
|
1847
639
|
fill: "currentColor",
|
|
1848
640
|
"aria-hidden": "true",
|
|
1849
|
-
children:
|
|
641
|
+
children: jsx("path", {
|
|
1850
642
|
d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
|
|
1851
643
|
})
|
|
1852
644
|
});
|
|
1853
|
-
const TimeIcon = () =>
|
|
645
|
+
const TimeIcon = () => jsxs("svg", {
|
|
1854
646
|
viewBox: "64 64 896 896",
|
|
1855
647
|
focusable: "false",
|
|
1856
648
|
"data-icon": "clock-circle",
|
|
@@ -1858,13 +650,13 @@ const TimeIcon = () => jsxRuntimeExports.jsxs("svg", {
|
|
|
1858
650
|
height: "1em",
|
|
1859
651
|
fill: "currentColor",
|
|
1860
652
|
"aria-hidden": "true",
|
|
1861
|
-
children: [
|
|
653
|
+
children: [jsx("path", {
|
|
1862
654
|
d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
|
|
1863
|
-
}),
|
|
655
|
+
}), jsx("path", {
|
|
1864
656
|
d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
|
|
1865
657
|
})]
|
|
1866
658
|
});
|
|
1867
|
-
const StampleIcon = () =>
|
|
659
|
+
const StampleIcon = () => jsx("svg", {
|
|
1868
660
|
viewBox: "64 64 896 896",
|
|
1869
661
|
focusable: "false",
|
|
1870
662
|
"data-icon": "paper-clip",
|
|
@@ -1872,11 +664,11 @@ const StampleIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1872
664
|
height: "1em",
|
|
1873
665
|
fill: "currentColor",
|
|
1874
666
|
"aria-hidden": "true",
|
|
1875
|
-
children:
|
|
667
|
+
children: jsx("path", {
|
|
1876
668
|
d: "M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
|
|
1877
669
|
})
|
|
1878
670
|
});
|
|
1879
|
-
const TrashIcon = () =>
|
|
671
|
+
const TrashIcon = () => jsx("svg", {
|
|
1880
672
|
viewBox: "64 64 896 896",
|
|
1881
673
|
focusable: "false",
|
|
1882
674
|
"data-icon": "delete",
|
|
@@ -1884,11 +676,11 @@ const TrashIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1884
676
|
height: "1em",
|
|
1885
677
|
fill: "currentColor",
|
|
1886
678
|
"aria-hidden": "true",
|
|
1887
|
-
children:
|
|
679
|
+
children: jsx("path", {
|
|
1888
680
|
d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
1889
681
|
})
|
|
1890
682
|
});
|
|
1891
|
-
const SpinerIcon = () =>
|
|
683
|
+
const SpinerIcon = () => jsx("svg", {
|
|
1892
684
|
viewBox: "0 0 1024 1024",
|
|
1893
685
|
focusable: "false",
|
|
1894
686
|
"data-icon": "loading",
|
|
@@ -1896,7 +688,7 @@ const SpinerIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
|
1896
688
|
height: "1em",
|
|
1897
689
|
fill: "currentColor",
|
|
1898
690
|
"aria-hidden": "true",
|
|
1899
|
-
children:
|
|
691
|
+
children: jsx("path", {
|
|
1900
692
|
d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
|
|
1901
693
|
})
|
|
1902
694
|
});
|
|
@@ -1983,40 +775,40 @@ const RangePicker = ({
|
|
|
1983
775
|
const renderMonthYearSelector = (monthOffset = 0, all) => {
|
|
1984
776
|
const baseYear = currentYear;
|
|
1985
777
|
const baseMonth = currentMonth + monthOffset;
|
|
1986
|
-
return
|
|
778
|
+
return jsxs("div", {
|
|
1987
779
|
className: `${prefixCls}-header`,
|
|
1988
|
-
children: [all || !monthOffset ?
|
|
780
|
+
children: [all || !monthOffset ? jsxs("div", {
|
|
1989
781
|
className: `${prefixCls}-nav-buttons`,
|
|
1990
|
-
children: [
|
|
782
|
+
children: [jsx("button", {
|
|
1991
783
|
onClick: () => setCurrentYear(y => y - 1),
|
|
1992
784
|
children: "\u00AB"
|
|
1993
|
-
}),
|
|
785
|
+
}), jsx("button", {
|
|
1994
786
|
onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
|
|
1995
787
|
children: "\u2039"
|
|
1996
788
|
})]
|
|
1997
|
-
}) :
|
|
789
|
+
}) : jsx("span", {}), jsxs("div", {
|
|
1998
790
|
className: `${prefixCls}-dropdown-selects`,
|
|
1999
|
-
children: [
|
|
791
|
+
children: [jsx("button", {
|
|
2000
792
|
type: "button",
|
|
2001
793
|
className: `${prefixCls}-select`,
|
|
2002
794
|
onClick: () => setViewMode('year'),
|
|
2003
795
|
children: baseYear
|
|
2004
|
-
}),
|
|
796
|
+
}), jsx("button", {
|
|
2005
797
|
type: "button",
|
|
2006
798
|
className: `${prefixCls}-select`,
|
|
2007
799
|
onClick: () => setViewMode('month'),
|
|
2008
800
|
children: localeMonths[baseMonth]
|
|
2009
801
|
})]
|
|
2010
|
-
}), all || monthOffset ?
|
|
802
|
+
}), all || monthOffset ? jsxs("div", {
|
|
2011
803
|
className: `${prefixCls}-nav-buttons`,
|
|
2012
|
-
children: [
|
|
804
|
+
children: [jsx("button", {
|
|
2013
805
|
onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
|
|
2014
806
|
children: "\u203A"
|
|
2015
|
-
}),
|
|
807
|
+
}), jsx("button", {
|
|
2016
808
|
onClick: () => setCurrentYear(y => y + 1),
|
|
2017
809
|
children: "\u00BB"
|
|
2018
810
|
})]
|
|
2019
|
-
}) :
|
|
811
|
+
}) : jsx("span", {})]
|
|
2020
812
|
});
|
|
2021
813
|
};
|
|
2022
814
|
const renderCalendar = (monthOffset = 0, all) => {
|
|
@@ -2041,21 +833,21 @@ const RangePicker = ({
|
|
|
2041
833
|
length: remaining
|
|
2042
834
|
}, (_, i) => new Date(year, month + 1, i + 1));
|
|
2043
835
|
const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];
|
|
2044
|
-
return
|
|
836
|
+
return jsxs("div", {
|
|
2045
837
|
className: `${prefixCls}-calendar ${viewMode}`,
|
|
2046
|
-
children: [
|
|
838
|
+
children: [jsx("div", {
|
|
2047
839
|
className: `${prefixCls}-calendar-header`,
|
|
2048
840
|
children: renderMonthYearSelector(monthOffset, all)
|
|
2049
|
-
}), viewMode === 'day' &&
|
|
841
|
+
}), viewMode === 'day' && jsxs("div", {
|
|
2050
842
|
className: `${prefixCls}-days-grid day`,
|
|
2051
|
-
children: [localeWeekdays.map((day, i) =>
|
|
843
|
+
children: [localeWeekdays.map((day, i) => jsx("div", {
|
|
2052
844
|
className: `${prefixCls}-weekday`,
|
|
2053
845
|
children: day
|
|
2054
846
|
}, i)), days.map((day, i) => {
|
|
2055
847
|
const isSelected = day && selectedDates.some(d => d?.toDateString() === day.toDateString());
|
|
2056
848
|
const inRange = day && isInRange(day);
|
|
2057
849
|
const isSameMonth = day?.getMonth() === month;
|
|
2058
|
-
return
|
|
850
|
+
return jsx("button", {
|
|
2059
851
|
disabled: disabledDate?.(day, {
|
|
2060
852
|
from: undefined,
|
|
2061
853
|
to: undefined
|
|
@@ -2071,9 +863,9 @@ const RangePicker = ({
|
|
|
2071
863
|
children: day?.getDate()
|
|
2072
864
|
}, i);
|
|
2073
865
|
})]
|
|
2074
|
-
}), viewMode === 'month' &&
|
|
866
|
+
}), viewMode === 'month' && jsx("div", {
|
|
2075
867
|
className: `${prefixCls}-grid`,
|
|
2076
|
-
children: localeMonths.map((m, i) =>
|
|
868
|
+
children: localeMonths.map((m, i) => jsx("button", {
|
|
2077
869
|
className: `${prefixCls}-month`,
|
|
2078
870
|
onClick: () => {
|
|
2079
871
|
setCurrentMonth(i);
|
|
@@ -2082,13 +874,13 @@ const RangePicker = ({
|
|
|
2082
874
|
disabled: isMonthDisabled(i),
|
|
2083
875
|
children: m
|
|
2084
876
|
}, i))
|
|
2085
|
-
}), viewMode === 'year' &&
|
|
877
|
+
}), viewMode === 'year' && jsx("div", {
|
|
2086
878
|
className: `${prefixCls}-grid`,
|
|
2087
879
|
children: Array.from({
|
|
2088
880
|
length: 12
|
|
2089
881
|
}, (_, i) => {
|
|
2090
882
|
const year = currentYear - NUMBER_SIX + i;
|
|
2091
|
-
return
|
|
883
|
+
return jsx("button", {
|
|
2092
884
|
className: `${prefixCls}-year`,
|
|
2093
885
|
disabled: isYearDisabled(year),
|
|
2094
886
|
onClick: () => {
|
|
@@ -2105,16 +897,16 @@ const RangePicker = ({
|
|
|
2105
897
|
setSelectedDates([null, null]);
|
|
2106
898
|
onChange?.(null, ['', '']);
|
|
2107
899
|
};
|
|
2108
|
-
return
|
|
900
|
+
return jsxs("div", {
|
|
2109
901
|
ref: containerRef,
|
|
2110
902
|
style: style,
|
|
2111
903
|
className: clsx([`${prefixCls}-range-container`, {
|
|
2112
904
|
[`${prefixCls}-${size}`]: size,
|
|
2113
905
|
[className]: className
|
|
2114
906
|
}]),
|
|
2115
|
-
children: [
|
|
907
|
+
children: [jsx("div", {
|
|
2116
908
|
className: `${prefixCls}-range-input-wrapper`,
|
|
2117
|
-
children:
|
|
909
|
+
children: jsxs("button", {
|
|
2118
910
|
type: "button",
|
|
2119
911
|
className: clsx([`${prefixCls}-input`, {
|
|
2120
912
|
noBordered: !bordered,
|
|
@@ -2123,31 +915,31 @@ const RangePicker = ({
|
|
|
2123
915
|
}]),
|
|
2124
916
|
disabled: disabled,
|
|
2125
917
|
onClick: () => setIsOpen(!isOpen),
|
|
2126
|
-
children: [prefix,
|
|
918
|
+
children: [prefix, jsx("input", {
|
|
2127
919
|
readOnly: inputReadOnly,
|
|
2128
920
|
className: `${prefixCls}-selected-date`,
|
|
2129
921
|
placeholder: placeholder[0],
|
|
2130
922
|
value: selectedDates[0] ? formatDate(selectedDates[0]) : ''
|
|
2131
|
-
}),
|
|
923
|
+
}), jsx("span", {
|
|
2132
924
|
className: `${prefixCls}-range-separator`,
|
|
2133
|
-
children: separator ||
|
|
2134
|
-
}),
|
|
925
|
+
children: separator || jsx(DateDistanceIcon, {})
|
|
926
|
+
}), jsx("input", {
|
|
2135
927
|
readOnly: inputReadOnly,
|
|
2136
928
|
className: `${prefixCls}-selected-date`,
|
|
2137
929
|
placeholder: placeholder[1],
|
|
2138
930
|
value: selectedDates[1] ? formatDate(selectedDates[1]) : ''
|
|
2139
|
-
}),
|
|
931
|
+
}), jsx("span", {
|
|
2140
932
|
className: `${prefixCls}-icon`,
|
|
2141
|
-
children: allowClear && (selectedDates[0] || selectedDates[1]) ?
|
|
933
|
+
children: allowClear && (selectedDates[0] || selectedDates[1]) ? jsx("span", {
|
|
2142
934
|
className: `${prefixCls}-clear`,
|
|
2143
935
|
onClick: handleClear,
|
|
2144
|
-
children:
|
|
2145
|
-
}) :
|
|
936
|
+
children: jsx(ClearIcon, {})
|
|
937
|
+
}) : jsx(CalendarIcon, {})
|
|
2146
938
|
})]
|
|
2147
939
|
})
|
|
2148
|
-
}), isOpen &&
|
|
940
|
+
}), isOpen && jsx("div", {
|
|
2149
941
|
className: `${prefixCls}-dropdown-wrapper show`,
|
|
2150
|
-
children:
|
|
942
|
+
children: jsxs("div", {
|
|
2151
943
|
className: `${prefixCls}-dropdown-range`,
|
|
2152
944
|
children: [renderCalendar(0, viewMode !== 'day'), viewMode === 'day' && renderCalendar(1, viewMode !== 'day')]
|
|
2153
945
|
})
|
|
@@ -2327,15 +1119,15 @@ const DatePickerComponent = ({
|
|
|
2327
1119
|
month: nextMonth,
|
|
2328
1120
|
year: nextMonthYear
|
|
2329
1121
|
}))];
|
|
2330
|
-
return
|
|
1122
|
+
return jsxs("div", {
|
|
2331
1123
|
ref: containerRef,
|
|
2332
1124
|
className: clsx([`${prefixCls}-container`, {
|
|
2333
1125
|
noStyle,
|
|
2334
1126
|
[`${prefixCls}-${size}`]: size
|
|
2335
1127
|
}]),
|
|
2336
|
-
children: [
|
|
1128
|
+
children: [jsx("div", {
|
|
2337
1129
|
className: `${prefixCls}-input-wrapper`,
|
|
2338
|
-
children:
|
|
1130
|
+
children: jsxs("button", {
|
|
2339
1131
|
type: "button",
|
|
2340
1132
|
className: clsx([`${prefixCls}-input`, {
|
|
2341
1133
|
noBordered: !bordered,
|
|
@@ -2345,7 +1137,7 @@ const DatePickerComponent = ({
|
|
|
2345
1137
|
}]),
|
|
2346
1138
|
disabled: disabled,
|
|
2347
1139
|
onClick: () => setIsOpen(!isOpen),
|
|
2348
|
-
children: [prefix || null,
|
|
1140
|
+
children: [prefix || null, jsx("input", {
|
|
2349
1141
|
size: INPUT_SIZE$1,
|
|
2350
1142
|
disabled: disabled,
|
|
2351
1143
|
readOnly: inputReadOnly,
|
|
@@ -2355,62 +1147,62 @@ const DatePickerComponent = ({
|
|
|
2355
1147
|
opacity: isOpen ? '0.6' : 1
|
|
2356
1148
|
},
|
|
2357
1149
|
defaultValue: selectedDatePlaceholder
|
|
2358
|
-
}),
|
|
1150
|
+
}), jsxs("span", {
|
|
2359
1151
|
className: `${prefixCls}-icon`,
|
|
2360
|
-
children: [allowClear && selectedDate ?
|
|
1152
|
+
children: [allowClear && selectedDate ? jsx("span", {
|
|
2361
1153
|
className: `${prefixCls}-clear`,
|
|
2362
1154
|
onClick: clearSelection,
|
|
2363
|
-
children: typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon :
|
|
2364
|
-
}) : suffixIcon ||
|
|
1155
|
+
children: typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : jsx(ClearIcon, {})
|
|
1156
|
+
}) : suffixIcon || jsx(CalendarIcon, {}), error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2365
1157
|
})]
|
|
2366
1158
|
})
|
|
2367
|
-
}),
|
|
1159
|
+
}), jsx("div", {
|
|
2368
1160
|
style: popupContainerRef.current ? {
|
|
2369
1161
|
position: 'absolute'
|
|
2370
1162
|
} : {},
|
|
2371
1163
|
className: clsx([placement, `${prefixCls}-dropdown-wrapper`, {
|
|
2372
1164
|
show: isOpen
|
|
2373
1165
|
}]),
|
|
2374
|
-
children: isOpen &&
|
|
1166
|
+
children: isOpen && jsxs("div", {
|
|
2375
1167
|
className: `${prefixCls}-dropdown`,
|
|
2376
1168
|
style: placementPossition,
|
|
2377
|
-
children: [
|
|
1169
|
+
children: [jsxs("div", {
|
|
2378
1170
|
className: `${prefixCls}-header`,
|
|
2379
|
-
children: [
|
|
1171
|
+
children: [jsxs("div", {
|
|
2380
1172
|
className: `${prefixCls}-nav-buttons`,
|
|
2381
|
-
children: [
|
|
1173
|
+
children: [jsx("button", {
|
|
2382
1174
|
onClick: () => setCurrentYear(y => y - 1),
|
|
2383
1175
|
children: "\u00AB"
|
|
2384
|
-
}),
|
|
1176
|
+
}), jsx("button", {
|
|
2385
1177
|
onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
|
|
2386
1178
|
children: "\u2039"
|
|
2387
1179
|
})]
|
|
2388
|
-
}),
|
|
1180
|
+
}), jsxs("div", {
|
|
2389
1181
|
className: `${prefixCls}-dropdown-selects`,
|
|
2390
|
-
children: [
|
|
1182
|
+
children: [jsx("button", {
|
|
2391
1183
|
type: "button",
|
|
2392
1184
|
className: `${prefixCls}-select`,
|
|
2393
1185
|
onClick: () => setViewMode('year'),
|
|
2394
1186
|
children: currentYear
|
|
2395
|
-
}),
|
|
1187
|
+
}), jsx("button", {
|
|
2396
1188
|
type: "button",
|
|
2397
1189
|
className: `${prefixCls}-select`,
|
|
2398
1190
|
onClick: () => setViewMode('month'),
|
|
2399
1191
|
children: localeMonths[currentMonth]
|
|
2400
1192
|
})]
|
|
2401
|
-
}),
|
|
1193
|
+
}), jsxs("div", {
|
|
2402
1194
|
className: `${prefixCls}-nav-buttons`,
|
|
2403
|
-
children: [
|
|
1195
|
+
children: [jsx("button", {
|
|
2404
1196
|
onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
|
|
2405
1197
|
children: "\u203A"
|
|
2406
|
-
}),
|
|
1198
|
+
}), jsx("button", {
|
|
2407
1199
|
onClick: () => setCurrentYear(y => y + 1),
|
|
2408
1200
|
children: "\u00BB"
|
|
2409
1201
|
})]
|
|
2410
1202
|
})]
|
|
2411
|
-
}), viewMode === 'day' &&
|
|
1203
|
+
}), viewMode === 'day' && jsxs("div", {
|
|
2412
1204
|
className: `${prefixCls}-grid day`,
|
|
2413
|
-
children: [localeWeekdays.map(day =>
|
|
1205
|
+
children: [localeWeekdays.map(day => jsx("div", {
|
|
2414
1206
|
className: `${prefixCls}-day-header`,
|
|
2415
1207
|
children: day
|
|
2416
1208
|
}, day)), days.map(({
|
|
@@ -2420,7 +1212,7 @@ const DatePickerComponent = ({
|
|
|
2420
1212
|
year
|
|
2421
1213
|
}, idx) => {
|
|
2422
1214
|
const isSelected = selectedDate && selectedDate.getDate() === day && selectedDate.getMonth() === month && selectedDate.getFullYear() === year;
|
|
2423
|
-
return
|
|
1215
|
+
return jsx("button", {
|
|
2424
1216
|
className: clsx([`${prefixCls}-day`, {
|
|
2425
1217
|
[`${prefixCls}-selected`]: isSelected,
|
|
2426
1218
|
[`${prefixCls}-other-month`]: !current
|
|
@@ -2433,9 +1225,9 @@ const DatePickerComponent = ({
|
|
|
2433
1225
|
children: day
|
|
2434
1226
|
}, `${year}-${month}-${day}-${idx}`);
|
|
2435
1227
|
})]
|
|
2436
|
-
}), viewMode === 'month' &&
|
|
1228
|
+
}), viewMode === 'month' && jsx("div", {
|
|
2437
1229
|
className: `${prefixCls}-grid`,
|
|
2438
|
-
children: localeMonths.map((m, i) =>
|
|
1230
|
+
children: localeMonths.map((m, i) => jsx("button", {
|
|
2439
1231
|
className: `${prefixCls}-month`,
|
|
2440
1232
|
onClick: () => {
|
|
2441
1233
|
setCurrentMonth(i);
|
|
@@ -2444,13 +1236,13 @@ const DatePickerComponent = ({
|
|
|
2444
1236
|
disabled: isMonthDisabled(i),
|
|
2445
1237
|
children: m
|
|
2446
1238
|
}, i))
|
|
2447
|
-
}), viewMode === 'year' &&
|
|
1239
|
+
}), viewMode === 'year' && jsx("div", {
|
|
2448
1240
|
className: `${prefixCls}-grid`,
|
|
2449
1241
|
children: Array.from({
|
|
2450
1242
|
length: 12
|
|
2451
1243
|
}, (_, i) => {
|
|
2452
1244
|
const year = currentYear - NUMBER_SIX + i;
|
|
2453
|
-
return
|
|
1245
|
+
return jsx("button", {
|
|
2454
1246
|
className: `${prefixCls}-year`,
|
|
2455
1247
|
disabled: isYearDisabled(year),
|
|
2456
1248
|
onClick: () => {
|
|
@@ -2460,12 +1252,12 @@ const DatePickerComponent = ({
|
|
|
2460
1252
|
children: year
|
|
2461
1253
|
}, year);
|
|
2462
1254
|
})
|
|
2463
|
-
}), showToday &&
|
|
1255
|
+
}), showToday && jsx("div", {
|
|
2464
1256
|
className: `${prefixCls}-day-footer`,
|
|
2465
1257
|
style: {
|
|
2466
1258
|
gridColumn: 'span 7'
|
|
2467
1259
|
},
|
|
2468
|
-
children:
|
|
1260
|
+
children: jsx("button", {
|
|
2469
1261
|
className: `${prefixCls}-select`,
|
|
2470
1262
|
disabled: disabledDate?.(new Date(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear()), {
|
|
2471
1263
|
from: undefined,
|
|
@@ -2507,8 +1299,8 @@ const TimePicker = ({
|
|
|
2507
1299
|
onBlur,
|
|
2508
1300
|
onSelect,
|
|
2509
1301
|
showNow = true,
|
|
2510
|
-
clearIcon =
|
|
2511
|
-
suffixIcon =
|
|
1302
|
+
clearIcon = jsx(ClearIcon, {}),
|
|
1303
|
+
suffixIcon = jsx(TimeIcon, {}),
|
|
2512
1304
|
placeholder = 'Select time'
|
|
2513
1305
|
}) => {
|
|
2514
1306
|
const [open, setOpen] = useState(false);
|
|
@@ -2691,13 +1483,13 @@ const TimePicker = ({
|
|
|
2691
1483
|
} = getTimeParts(tempValue);
|
|
2692
1484
|
const currentHour = selectedHour ?? 0;
|
|
2693
1485
|
const currentMinute = selectedMinute ?? 0;
|
|
2694
|
-
return
|
|
2695
|
-
children: [
|
|
1486
|
+
return jsxs("div", {
|
|
1487
|
+
children: [jsxs("div", {
|
|
2696
1488
|
className: `${prefixCls}-panel`,
|
|
2697
|
-
children: [
|
|
1489
|
+
children: [jsx("div", {
|
|
2698
1490
|
ref: hourRef,
|
|
2699
1491
|
className: `${prefixCls}-column`,
|
|
2700
|
-
children: hours.map((h, index) => h === false ?
|
|
1492
|
+
children: hours.map((h, index) => h === false ? jsx("div", {
|
|
2701
1493
|
className: `${prefixCls}-cell`,
|
|
2702
1494
|
style: {
|
|
2703
1495
|
opacity: 0,
|
|
@@ -2705,7 +1497,7 @@ const TimePicker = ({
|
|
|
2705
1497
|
cursor: 'inherit'
|
|
2706
1498
|
},
|
|
2707
1499
|
children: "0"
|
|
2708
|
-
}, `${h}_${index}`) :
|
|
1500
|
+
}, `${h}_${index}`) : jsx("div", {
|
|
2709
1501
|
className: clsx([`${prefixCls}-cell`, {
|
|
2710
1502
|
[`${prefixCls}-cell-disabled`]: getDisabled('hour').includes(h),
|
|
2711
1503
|
[`${prefixCls}-cell-selected`]: selectedHour === h
|
|
@@ -2713,10 +1505,10 @@ const TimePicker = ({
|
|
|
2713
1505
|
onClick: () => !getDisabled('hour').includes(h) && onSelectHour(h),
|
|
2714
1506
|
children: pad(h)
|
|
2715
1507
|
}, h))
|
|
2716
|
-
}),
|
|
1508
|
+
}), jsx("div", {
|
|
2717
1509
|
ref: minuteRef,
|
|
2718
1510
|
className: `${prefixCls}-column`,
|
|
2719
|
-
children: minutesSeconds.map((m, index) => m === false ?
|
|
1511
|
+
children: minutesSeconds.map((m, index) => m === false ? jsx("div", {
|
|
2720
1512
|
className: `${prefixCls}-cell`,
|
|
2721
1513
|
style: {
|
|
2722
1514
|
opacity: 0,
|
|
@@ -2724,7 +1516,7 @@ const TimePicker = ({
|
|
|
2724
1516
|
cursor: 'inherit'
|
|
2725
1517
|
},
|
|
2726
1518
|
children: "0"
|
|
2727
|
-
}, `${m}_${index}`) :
|
|
1519
|
+
}, `${m}_${index}`) : jsx("div", {
|
|
2728
1520
|
className: clsx([`${prefixCls}-cell`, {
|
|
2729
1521
|
[`${prefixCls}-cell-disabled`]: getDisabled('minute', currentHour).includes(m),
|
|
2730
1522
|
[`${prefixCls}-cell-selected`]: selectedMinute === m
|
|
@@ -2732,10 +1524,10 @@ const TimePicker = ({
|
|
|
2732
1524
|
onClick: () => !getDisabled('minute', currentHour).includes(m) && onSelectMinute(m),
|
|
2733
1525
|
children: pad(m)
|
|
2734
1526
|
}, m))
|
|
2735
|
-
}),
|
|
1527
|
+
}), jsx("div", {
|
|
2736
1528
|
ref: secondRef,
|
|
2737
1529
|
className: `${prefixCls}-column`,
|
|
2738
|
-
children: minutesSeconds.map((s, index) => s === false ?
|
|
1530
|
+
children: minutesSeconds.map((s, index) => s === false ? jsx("div", {
|
|
2739
1531
|
className: `${prefixCls}-cell`,
|
|
2740
1532
|
style: {
|
|
2741
1533
|
opacity: 0,
|
|
@@ -2743,7 +1535,7 @@ const TimePicker = ({
|
|
|
2743
1535
|
cursor: 'inherit'
|
|
2744
1536
|
},
|
|
2745
1537
|
children: "0"
|
|
2746
|
-
}, `${s}_${index}`) :
|
|
1538
|
+
}, `${s}_${index}`) : jsx("div", {
|
|
2747
1539
|
className: clsx([`${prefixCls}-cell`, {
|
|
2748
1540
|
[`${prefixCls}-cell-disabled`]: getDisabled('second', currentHour, currentMinute).includes(s),
|
|
2749
1541
|
[`${prefixCls}-cell-selected`]: selectedSecond === s
|
|
@@ -2752,13 +1544,13 @@ const TimePicker = ({
|
|
|
2752
1544
|
children: pad(s)
|
|
2753
1545
|
}, s))
|
|
2754
1546
|
})]
|
|
2755
|
-
}),
|
|
1547
|
+
}), jsxs("div", {
|
|
2756
1548
|
className: `${prefixCls}-actions`,
|
|
2757
|
-
children: [showNow ?
|
|
1549
|
+
children: [showNow ? jsx("div", {
|
|
2758
1550
|
className: `${prefixCls}-now-btn`,
|
|
2759
1551
|
onClick: handleShowNow,
|
|
2760
1552
|
children: "Now"
|
|
2761
|
-
}) :
|
|
1553
|
+
}) : jsx("span", {}), jsx("button", {
|
|
2762
1554
|
className: `${prefixCls}-ok-btn`,
|
|
2763
1555
|
disabled: selectedHour === null || selectedMinute === null || selectedSecond === null,
|
|
2764
1556
|
onClick: handleOkButton,
|
|
@@ -2767,13 +1559,13 @@ const TimePicker = ({
|
|
|
2767
1559
|
})]
|
|
2768
1560
|
});
|
|
2769
1561
|
};
|
|
2770
|
-
return
|
|
1562
|
+
return jsxs("div", {
|
|
2771
1563
|
className: clsx([`${prefixCls}-wrapper`, className]),
|
|
2772
1564
|
style: style,
|
|
2773
|
-
children: [
|
|
1565
|
+
children: [jsxs("div", {
|
|
2774
1566
|
className: `${prefixCls}-input-wrapper`,
|
|
2775
1567
|
onClick: () => setOpen(true),
|
|
2776
|
-
children: [
|
|
1568
|
+
children: [jsx("input", {
|
|
2777
1569
|
ref: inputRef,
|
|
2778
1570
|
size: INPUT_SIZE,
|
|
2779
1571
|
placeholder: placeholder,
|
|
@@ -2788,13 +1580,13 @@ const TimePicker = ({
|
|
|
2788
1580
|
source: 'input'
|
|
2789
1581
|
});
|
|
2790
1582
|
}
|
|
2791
|
-
}),
|
|
1583
|
+
}), jsx("div", {
|
|
2792
1584
|
className: `${prefixCls}-icons`,
|
|
2793
|
-
children: clearIcon && innerValue ?
|
|
1585
|
+
children: clearIcon && innerValue ? jsx("span", {
|
|
2794
1586
|
className: `${prefixCls}-clear`,
|
|
2795
1587
|
onClick: handleClear,
|
|
2796
1588
|
children: clearIcon
|
|
2797
|
-
}) : suffixIcon &&
|
|
1589
|
+
}) : suffixIcon && jsx("span", {
|
|
2798
1590
|
className: `${prefixCls}-suffix`,
|
|
2799
1591
|
onClick: e => {
|
|
2800
1592
|
e.stopPropagation();
|
|
@@ -2803,7 +1595,7 @@ const TimePicker = ({
|
|
|
2803
1595
|
children: suffixIcon
|
|
2804
1596
|
})
|
|
2805
1597
|
})]
|
|
2806
|
-
}), open &&
|
|
1598
|
+
}), open && jsx("div", {
|
|
2807
1599
|
ref: popupRef,
|
|
2808
1600
|
className: `${prefixCls}-popup`,
|
|
2809
1601
|
children: renderOptions()
|
|
@@ -2871,9 +1663,9 @@ const Textarea = /*#__PURE__*/forwardRef(({
|
|
|
2871
1663
|
});
|
|
2872
1664
|
}
|
|
2873
1665
|
};
|
|
2874
|
-
return
|
|
1666
|
+
return jsxs("div", {
|
|
2875
1667
|
className: `${prefixCls}-wrapper ${rootClassName || ''}`,
|
|
2876
|
-
children: [
|
|
1668
|
+
children: [jsx("textarea", {
|
|
2877
1669
|
...props,
|
|
2878
1670
|
ref: ref || textareaRef,
|
|
2879
1671
|
value: inputValue,
|
|
@@ -2888,7 +1680,7 @@ const Textarea = /*#__PURE__*/forwardRef(({
|
|
|
2888
1680
|
[`${prefixCls}-success`]: status === 'success',
|
|
2889
1681
|
[`${prefixCls}-error`]: status === 'error' || error
|
|
2890
1682
|
}])
|
|
2891
|
-
}), allowClear && inputValue &&
|
|
1683
|
+
}), allowClear && inputValue && jsx("button", {
|
|
2892
1684
|
className: `${prefixCls}-clear`,
|
|
2893
1685
|
onClick: handleClear,
|
|
2894
1686
|
children: "\u2715"
|
|
@@ -2945,7 +1737,7 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
2945
1737
|
onPressEnter(e);
|
|
2946
1738
|
}
|
|
2947
1739
|
};
|
|
2948
|
-
return
|
|
1740
|
+
return jsxs("div", {
|
|
2949
1741
|
className: clsx([`${prefixCls}-container`, {
|
|
2950
1742
|
[`${prefixCls}-error`]: error,
|
|
2951
1743
|
[`${prefixCls}-disabled`]: disabled,
|
|
@@ -2953,15 +1745,15 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
2953
1745
|
noStyle: noStyle
|
|
2954
1746
|
}, className]),
|
|
2955
1747
|
style: props.style,
|
|
2956
|
-
children: [addonBefore &&
|
|
1748
|
+
children: [addonBefore && jsx("span", {
|
|
2957
1749
|
className: `${prefixCls}-addon ${prefixCls}-before`,
|
|
2958
1750
|
children: addonBefore
|
|
2959
|
-
}),
|
|
1751
|
+
}), jsxs("div", {
|
|
2960
1752
|
className: `${prefixCls}-wrapper`,
|
|
2961
|
-
children: [prefix &&
|
|
1753
|
+
children: [prefix && jsx("span", {
|
|
2962
1754
|
className: `${prefixCls}-prefix`,
|
|
2963
1755
|
children: prefix
|
|
2964
|
-
}),
|
|
1756
|
+
}), jsx("input", {
|
|
2965
1757
|
...props,
|
|
2966
1758
|
ref: inputRef,
|
|
2967
1759
|
...(props.type === 'password' && iconRender ? {
|
|
@@ -2972,18 +1764,18 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
2972
1764
|
onChange: handleChange,
|
|
2973
1765
|
onKeyDown: handleOnKeyDown,
|
|
2974
1766
|
className: clsx([prefixCls, className])
|
|
2975
|
-
}),
|
|
1767
|
+
}), jsx("span", {
|
|
2976
1768
|
className: `${prefixCls}-clear`,
|
|
2977
1769
|
onClick: handleClear,
|
|
2978
|
-
children: allowClear && internalValue ?
|
|
2979
|
-
}), (suffix || iconRender) &&
|
|
1770
|
+
children: allowClear && internalValue ? jsx(ErrorIcon, {}) : null
|
|
1771
|
+
}), (suffix || iconRender) && jsxs("span", {
|
|
2980
1772
|
className: `${prefixCls}-suffix`,
|
|
2981
1773
|
...(iconRender !== undefined ? {
|
|
2982
1774
|
onClick: () => setIconRenderVisible(icon => !icon)
|
|
2983
1775
|
} : {}),
|
|
2984
|
-
children: [suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ?
|
|
1776
|
+
children: [suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2985
1777
|
})]
|
|
2986
|
-
}), addonAfter ?
|
|
1778
|
+
}), addonAfter ? jsx("span", {
|
|
2987
1779
|
className: `${prefixCls}-addon ${prefixCls}-after`,
|
|
2988
1780
|
children: addonAfter
|
|
2989
1781
|
}) : null]
|
|
@@ -3005,7 +1797,7 @@ const RadioButton = ({
|
|
|
3005
1797
|
size = 'large',
|
|
3006
1798
|
...props
|
|
3007
1799
|
}) => {
|
|
3008
|
-
return
|
|
1800
|
+
return jsx(Radio, {
|
|
3009
1801
|
...props,
|
|
3010
1802
|
checked: checked,
|
|
3011
1803
|
disabled: disabled,
|
|
@@ -3015,7 +1807,7 @@ const RadioButton = ({
|
|
|
3015
1807
|
[`${prefixCls}-button-${size}`]: size,
|
|
3016
1808
|
[`${prefixCls}-button-checked`]: checked
|
|
3017
1809
|
}]),
|
|
3018
|
-
children:
|
|
1810
|
+
children: jsx("span", {
|
|
3019
1811
|
className: `${prefixCls}-button-content`,
|
|
3020
1812
|
children: children ?? props.value
|
|
3021
1813
|
})
|
|
@@ -3047,7 +1839,7 @@ const RadioGroup = ({
|
|
|
3047
1839
|
return options.map((option, key) => {
|
|
3048
1840
|
const optionValue = typeof option === 'object' ? option.value : option;
|
|
3049
1841
|
const optionLabel = typeof option === 'object' ? option.label : option;
|
|
3050
|
-
return
|
|
1842
|
+
return jsx(Radio, {
|
|
3051
1843
|
value: optionValue,
|
|
3052
1844
|
checked: selectedValue === optionValue,
|
|
3053
1845
|
disabled: disabled || typeof option === 'object' && option.disabled,
|
|
@@ -3075,7 +1867,7 @@ const RadioGroup = ({
|
|
|
3075
1867
|
return child;
|
|
3076
1868
|
});
|
|
3077
1869
|
};
|
|
3078
|
-
return
|
|
1870
|
+
return jsx("div", {
|
|
3079
1871
|
id: id,
|
|
3080
1872
|
style: style,
|
|
3081
1873
|
className: clsx([`${prefixCls}-group`, {
|
|
@@ -3120,7 +1912,7 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
3120
1912
|
onChange?.(parseValue(value));
|
|
3121
1913
|
}
|
|
3122
1914
|
}, [defaultChecked, checked]);
|
|
3123
|
-
return
|
|
1915
|
+
return jsxs("label", {
|
|
3124
1916
|
ref: ref,
|
|
3125
1917
|
title: title,
|
|
3126
1918
|
onMouseEnter: onMouseEnter,
|
|
@@ -3130,7 +1922,7 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
3130
1922
|
noStyle: noStyle,
|
|
3131
1923
|
[className]: className
|
|
3132
1924
|
}]),
|
|
3133
|
-
children: [
|
|
1925
|
+
children: [jsx("input", {
|
|
3134
1926
|
name: name,
|
|
3135
1927
|
type: "radio",
|
|
3136
1928
|
onClick: onClick,
|
|
@@ -3138,9 +1930,9 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
3138
1930
|
onChange: handleChange,
|
|
3139
1931
|
onBlur: e => onBlur?.(e),
|
|
3140
1932
|
onFocus: e => onFocus?.(e)
|
|
3141
|
-
}),
|
|
1933
|
+
}), jsx("span", {
|
|
3142
1934
|
className: clsx([`${prefixCls} ${prefixCls}-${disabled ? 'disabled' : 'enabled'}`])
|
|
3143
|
-
}),
|
|
1935
|
+
}), jsx("span", {
|
|
3144
1936
|
className: `${prefixCls}-title`,
|
|
3145
1937
|
children: children ?? title ?? value
|
|
3146
1938
|
})]
|
|
@@ -3173,7 +1965,7 @@ const Option = ({
|
|
|
3173
1965
|
}
|
|
3174
1966
|
onClick?.(e);
|
|
3175
1967
|
};
|
|
3176
|
-
return
|
|
1968
|
+
return jsx("div", {
|
|
3177
1969
|
className: clsx([`${prefixCls}-option ${className} `, {
|
|
3178
1970
|
selected: selected,
|
|
3179
1971
|
disabled: disabled
|
|
@@ -3206,18 +1998,18 @@ const Tag = ({
|
|
|
3206
1998
|
e.target.value = value;
|
|
3207
1999
|
onClose(e);
|
|
3208
2000
|
};
|
|
3209
|
-
return
|
|
2001
|
+
return jsxs("div", {
|
|
3210
2002
|
style: {
|
|
3211
2003
|
...style,
|
|
3212
2004
|
backgroundColor: color
|
|
3213
2005
|
},
|
|
3214
2006
|
className: `${prefixCls}-tag`,
|
|
3215
|
-
children: [
|
|
2007
|
+
children: [jsx("span", {
|
|
3216
2008
|
children: label !== undefined ? label : value
|
|
3217
|
-
}), closable &&
|
|
2009
|
+
}), closable && jsx("span", {
|
|
3218
2010
|
className: `${prefixCls}-tag-close-icon`,
|
|
3219
2011
|
onClick: handleOnClick,
|
|
3220
|
-
children: icon ||
|
|
2012
|
+
children: icon || jsx(Fragment$1, {
|
|
3221
2013
|
children: "\u2715"
|
|
3222
2014
|
})
|
|
3223
2015
|
})]
|
|
@@ -3234,39 +2026,39 @@ const EmptyContent = ({
|
|
|
3234
2026
|
title = 'No Data',
|
|
3235
2027
|
description = 'No data',
|
|
3236
2028
|
prefixCls = prefixClsEmpty
|
|
3237
|
-
}) =>
|
|
2029
|
+
}) => jsxs("div", {
|
|
3238
2030
|
style: style,
|
|
3239
2031
|
className: `${prefixCls} ${prefixCls}-normal ${prefixCls}-small ${className}`,
|
|
3240
|
-
children: [
|
|
2032
|
+
children: [jsx("div", {
|
|
3241
2033
|
className: `${prefixCls}-image`,
|
|
3242
|
-
children: icon ||
|
|
2034
|
+
children: icon || jsxs("svg", {
|
|
3243
2035
|
width: "64",
|
|
3244
2036
|
height: "41",
|
|
3245
2037
|
viewBox: "0 0 64 41",
|
|
3246
2038
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3247
|
-
children: [
|
|
2039
|
+
children: [jsx("title", {
|
|
3248
2040
|
children: title
|
|
3249
|
-
}),
|
|
2041
|
+
}), jsxs("g", {
|
|
3250
2042
|
transform: "translate(0 1)",
|
|
3251
2043
|
fill: "none",
|
|
3252
|
-
children: [
|
|
2044
|
+
children: [jsx("ellipse", {
|
|
3253
2045
|
fill: "#f5f5f5",
|
|
3254
2046
|
cx: "32",
|
|
3255
2047
|
cy: "33",
|
|
3256
2048
|
rx: "32",
|
|
3257
2049
|
ry: "7"
|
|
3258
|
-
}),
|
|
2050
|
+
}), jsxs("g", {
|
|
3259
2051
|
stroke: "#d9d9d9",
|
|
3260
|
-
children: [
|
|
2052
|
+
children: [jsx("path", {
|
|
3261
2053
|
d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
|
3262
|
-
}),
|
|
2054
|
+
}), jsx("path", {
|
|
3263
2055
|
d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
|
|
3264
2056
|
fill: "#fafafa"
|
|
3265
2057
|
})]
|
|
3266
2058
|
})]
|
|
3267
2059
|
})]
|
|
3268
2060
|
})
|
|
3269
|
-
}),
|
|
2061
|
+
}), jsx("div", {
|
|
3270
2062
|
className: `${prefixCls}-description`,
|
|
3271
2063
|
children: description
|
|
3272
2064
|
})]
|
|
@@ -3479,8 +2271,8 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3479
2271
|
if (!showArrow) {
|
|
3480
2272
|
return null;
|
|
3481
2273
|
}
|
|
3482
|
-
return showSearch && isOpen ?
|
|
3483
|
-
children: suffixIcon || showArrow &&
|
|
2274
|
+
return showSearch && isOpen ? jsx(SearchIcon, {}) : jsx("span", {
|
|
2275
|
+
children: suffixIcon || showArrow && jsx(ArrowIcon, {
|
|
3484
2276
|
isOpen: isOpen
|
|
3485
2277
|
})
|
|
3486
2278
|
});
|
|
@@ -3525,7 +2317,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3525
2317
|
...props
|
|
3526
2318
|
}) => {
|
|
3527
2319
|
const isSelected = hasMode ? selected.includes(props.value) : props.value === selected;
|
|
3528
|
-
return
|
|
2320
|
+
return jsxs(Option, {
|
|
3529
2321
|
...props,
|
|
3530
2322
|
selected: isSelected,
|
|
3531
2323
|
className: clsx([className, {
|
|
@@ -3543,15 +2335,15 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3543
2335
|
});
|
|
3544
2336
|
},
|
|
3545
2337
|
"data-value": props.value,
|
|
3546
|
-
children: [children || props.value, hasMode && isSelected &&
|
|
2338
|
+
children: [children || props.value, hasMode && isSelected && jsx("span", {
|
|
3547
2339
|
className: `${prefixCls}-selected-icon`,
|
|
3548
|
-
children: menuItemSelectedIcon === true ?
|
|
2340
|
+
children: menuItemSelectedIcon === true ? jsx(CheckIcon, {}) : menuItemSelectedIcon
|
|
3549
2341
|
})]
|
|
3550
2342
|
}, `${props.value}`);
|
|
3551
2343
|
});
|
|
3552
2344
|
return dropdownRender ? dropdownRender(options) : options;
|
|
3553
2345
|
})();
|
|
3554
|
-
const dropdownContent = !loading && isOpen &&
|
|
2346
|
+
const dropdownContent = !loading && isOpen && jsxs("div", {
|
|
3555
2347
|
className: clsx([`${prefixCls}-dropdown`, {
|
|
3556
2348
|
[placement]: placement,
|
|
3557
2349
|
[dropdownClassName]: dropdownClassName
|
|
@@ -3563,19 +2355,19 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3563
2355
|
top: -((selectRef.current?.querySelector(`.${prefixCls}-dropdown`)?.clientHeight || listHeight) + PADDING_PLACEMENT) + (selectRef.current?.clientHeight || 0)
|
|
3564
2356
|
} : {})
|
|
3565
2357
|
},
|
|
3566
|
-
children: [filterable &&
|
|
2358
|
+
children: [filterable && jsx("input", {
|
|
3567
2359
|
type: "text",
|
|
3568
2360
|
className: `${prefixCls}-search`,
|
|
3569
2361
|
value: searchQuery,
|
|
3570
2362
|
onChange: handleSearch,
|
|
3571
2363
|
placeholder: "Search..."
|
|
3572
|
-
}), !loading &&
|
|
2364
|
+
}), !loading && jsxs("div", {
|
|
3573
2365
|
className: `${prefixCls}-options globalEllipsis`,
|
|
3574
2366
|
style: {
|
|
3575
2367
|
maxHeight: listHeight,
|
|
3576
2368
|
overflowY: 'auto'
|
|
3577
2369
|
},
|
|
3578
|
-
children: [asTag && !!searchQuery &&
|
|
2370
|
+
children: [asTag && !!searchQuery && jsx(Option, {
|
|
3579
2371
|
value: searchQuery,
|
|
3580
2372
|
className: `${prefixCls}-focused`,
|
|
3581
2373
|
onClick: e => {
|
|
@@ -3583,10 +2375,10 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3583
2375
|
},
|
|
3584
2376
|
"data-value": searchQuery,
|
|
3585
2377
|
children: searchQuery
|
|
3586
|
-
}), filteredOptions.length ? dataRender : !asTag ? notFoundContent ||
|
|
2378
|
+
}), filteredOptions.length ? dataRender : !asTag ? notFoundContent || jsx(EmptyContent, {}) : null]
|
|
3587
2379
|
})]
|
|
3588
2380
|
});
|
|
3589
|
-
return
|
|
2381
|
+
return jsxs("div", {
|
|
3590
2382
|
id: id,
|
|
3591
2383
|
ref: selectRef,
|
|
3592
2384
|
style: style,
|
|
@@ -3598,12 +2390,12 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3598
2390
|
[`${prefixCls}-multi`]: hasMode,
|
|
3599
2391
|
[`${prefixCls}-disabled`]: disabled
|
|
3600
2392
|
}]),
|
|
3601
|
-
children: [
|
|
2393
|
+
children: [jsxs("div", {
|
|
3602
2394
|
onClick: handleTriggerClick,
|
|
3603
2395
|
onMouseEnter: handleMouseEnter,
|
|
3604
2396
|
onMouseLeave: handleMouseLeave,
|
|
3605
2397
|
className: `${prefixCls}-trigger`,
|
|
3606
|
-
children: [showSearch ?
|
|
2398
|
+
children: [showSearch ? jsxs("div", {
|
|
3607
2399
|
style: {
|
|
3608
2400
|
...style,
|
|
3609
2401
|
...(isOpen ? {
|
|
@@ -3612,21 +2404,21 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3612
2404
|
minWidth: `${searchInputWidth}px`
|
|
3613
2405
|
},
|
|
3614
2406
|
className: `${prefixCls}-tag-container`,
|
|
3615
|
-
children: [hasMode && selected.map((tag, index) => tagRender ?
|
|
2407
|
+
children: [hasMode && selected.map((tag, index) => tagRender ? jsx("div", {
|
|
3616
2408
|
children: tagRender?.({
|
|
3617
2409
|
label: extractedOptions.find(e => e.value === tag)?.children || tag,
|
|
3618
2410
|
value: tag,
|
|
3619
2411
|
onClose: handleRemoveTag,
|
|
3620
2412
|
closable: true
|
|
3621
2413
|
})
|
|
3622
|
-
}, `${index}_${tag}`) :
|
|
2414
|
+
}, `${index}_${tag}`) : jsx(Tag, {
|
|
3623
2415
|
closable: true,
|
|
3624
2416
|
value: tag,
|
|
3625
2417
|
label: tag === '' ? placeholder : extractedOptions.find(e => e.value === tag)?.children || tag,
|
|
3626
2418
|
onClose: handleRemoveTag
|
|
3627
|
-
}, `${index}_${tag}`)), isOpen ?
|
|
2419
|
+
}, `${index}_${tag}`)), isOpen ? jsx("div", {
|
|
3628
2420
|
className: `${prefixCls}-tag`,
|
|
3629
|
-
children:
|
|
2421
|
+
children: jsx("div", {
|
|
3630
2422
|
onClick: e => {
|
|
3631
2423
|
if (disabled) {
|
|
3632
2424
|
e.preventDefault();
|
|
@@ -3644,14 +2436,14 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3644
2436
|
id: `${prefixCls}-search-tag-input`,
|
|
3645
2437
|
className: `${prefixCls}-tag-input`
|
|
3646
2438
|
})
|
|
3647
|
-
}) : !hasMode ?
|
|
2439
|
+
}) : !hasMode ? jsx("div", {
|
|
3648
2440
|
className: `${prefixCls}-input`,
|
|
3649
2441
|
style: {
|
|
3650
2442
|
opacity: isOpen || selected === '' ? '0.6' : '1'
|
|
3651
2443
|
},
|
|
3652
2444
|
children: selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected
|
|
3653
2445
|
}) : null]
|
|
3654
|
-
}) : !hasMode ?
|
|
2446
|
+
}) : !hasMode ? jsx("div", {
|
|
3655
2447
|
className: `${prefixCls}-input`,
|
|
3656
2448
|
onClick: () => !disabled && setIsOpen(!isOpen || open),
|
|
3657
2449
|
style: {
|
|
@@ -3661,20 +2453,20 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
3661
2453
|
const option = extractedOptions.find(e => e.value === selected);
|
|
3662
2454
|
return option?.children || option?.value || null;
|
|
3663
2455
|
})()
|
|
3664
|
-
}) : null, isHover && !loading ? allowClear && selected ?
|
|
2456
|
+
}) : null, isHover && !loading ? allowClear && selected ? jsx("button", {
|
|
3665
2457
|
className: `${prefixCls}-clear-btn`,
|
|
3666
2458
|
onClick: handleClear,
|
|
3667
|
-
children: removeIcon ||
|
|
3668
|
-
}) :
|
|
2459
|
+
children: removeIcon || jsx(ClearIcon, {})
|
|
2460
|
+
}) : jsxs("span", {
|
|
3669
2461
|
className: `${prefixCls}-arrow`,
|
|
3670
|
-
children: [ArrowContainer, error && feedbackIcons ?
|
|
3671
|
-
}) :
|
|
3672
|
-
children: [!loading &&
|
|
2462
|
+
children: [ArrowContainer, error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2463
|
+
}) : jsxs(Fragment$1, {
|
|
2464
|
+
children: [!loading && jsxs("span", {
|
|
3673
2465
|
className: `${prefixCls}-arrow`,
|
|
3674
|
-
children: [ArrowContainer, error && feedbackIcons ?
|
|
3675
|
-
}), loading &&
|
|
2466
|
+
children: [ArrowContainer, error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2467
|
+
}), loading && jsx("span", {
|
|
3676
2468
|
className: `${prefixCls}-loading`,
|
|
3677
|
-
children:
|
|
2469
|
+
children: jsx(LoadingIcon, {})
|
|
3678
2470
|
})]
|
|
3679
2471
|
})]
|
|
3680
2472
|
}), popupContainer ? /*#__PURE__*/createPortal(dropdownContent, popupContainer) : dropdownContent]
|
|
@@ -3701,12 +2493,12 @@ const SkeletonButton = ({
|
|
|
3701
2493
|
size = 'default',
|
|
3702
2494
|
applyElementStyle = true
|
|
3703
2495
|
}) => {
|
|
3704
|
-
return
|
|
2496
|
+
return jsx("div", {
|
|
3705
2497
|
className: clsx([`${prefixCls}`, {
|
|
3706
2498
|
[`${prefixCls}-element`]: applyElementStyle,
|
|
3707
2499
|
[`${prefixCls}-active`]: active
|
|
3708
2500
|
}, className]),
|
|
3709
|
-
children:
|
|
2501
|
+
children: jsx("span", {
|
|
3710
2502
|
className: clsx([`${prefixCls}-button `, BUTTON_SKELETON_SIZE[size], className]),
|
|
3711
2503
|
style: style
|
|
3712
2504
|
})
|
|
@@ -3740,14 +2532,14 @@ const SkeletonAvatar = ({
|
|
|
3740
2532
|
applyElementStyle = true,
|
|
3741
2533
|
...props
|
|
3742
2534
|
}) => {
|
|
3743
|
-
return
|
|
2535
|
+
return jsx("div", {
|
|
3744
2536
|
className: clsx([`${prefixCls}`, {
|
|
3745
2537
|
[`${prefixCls}-element`]: applyElementStyle,
|
|
3746
2538
|
[`${prefixCls}-active`]: active
|
|
3747
2539
|
}, className]),
|
|
3748
2540
|
style: wrapperStyle,
|
|
3749
2541
|
...props,
|
|
3750
|
-
children:
|
|
2542
|
+
children: jsx("span", {
|
|
3751
2543
|
className: clsx([`${prefixCls}-avatar ${prefixCls}-avatar-${shape}`]),
|
|
3752
2544
|
style: {
|
|
3753
2545
|
...(size ? {
|
|
@@ -3770,10 +2562,10 @@ const SkeletonImage = ({
|
|
|
3770
2562
|
className,
|
|
3771
2563
|
style = {}
|
|
3772
2564
|
}) => {
|
|
3773
|
-
return
|
|
2565
|
+
return jsx("div", {
|
|
3774
2566
|
className: `${prefixCls}-image ${className || ''}`,
|
|
3775
2567
|
style: style,
|
|
3776
|
-
children:
|
|
2568
|
+
children: jsx("span", {
|
|
3777
2569
|
className: `${prefixCls}-icon`,
|
|
3778
2570
|
style: {
|
|
3779
2571
|
fontSize: `${style?.width || CUSTOm_ICON_SIZE}px`,
|
|
@@ -3785,13 +2577,13 @@ const SkeletonImage = ({
|
|
|
3785
2577
|
backgroundColor: style?.backgroundColor
|
|
3786
2578
|
} : {})
|
|
3787
2579
|
},
|
|
3788
|
-
children:
|
|
2580
|
+
children: jsx("svg", {
|
|
3789
2581
|
viewBox: "0 0 1098 1024",
|
|
3790
2582
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3791
2583
|
width: "1em",
|
|
3792
2584
|
height: "1em",
|
|
3793
2585
|
fill: "currentColor",
|
|
3794
|
-
children:
|
|
2586
|
+
children: jsx("path", {
|
|
3795
2587
|
d: "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z",
|
|
3796
2588
|
className: `${prefixCls}-image-path`
|
|
3797
2589
|
})
|
|
@@ -3816,12 +2608,12 @@ const SkeletonInput = ({
|
|
|
3816
2608
|
className,
|
|
3817
2609
|
size = 'default'
|
|
3818
2610
|
}) => {
|
|
3819
|
-
return
|
|
2611
|
+
return jsx("div", {
|
|
3820
2612
|
className: clsx([`${prefixCls}-element`, {
|
|
3821
2613
|
[`${prefixCls}-active`]: active,
|
|
3822
2614
|
[`${prefixCls}-block`]: block
|
|
3823
2615
|
}, className]),
|
|
3824
|
-
children:
|
|
2616
|
+
children: jsx("span", {
|
|
3825
2617
|
className: `${prefixCls}-input ${INPUT_SKELETON_SIZE[size]} ${className || ''}`,
|
|
3826
2618
|
style: style
|
|
3827
2619
|
})
|
|
@@ -3853,31 +2645,31 @@ const Skeleton = ({
|
|
|
3853
2645
|
} : {};
|
|
3854
2646
|
const PARAGRAPH_ROWS = avatar ? PARAGRAPH_AVATAR_ROWS : PARAGRAPH_DEFAULT_ROWS;
|
|
3855
2647
|
const HAS_PHARAGRAPH = typeof paragraph === 'boolean' || !paragraph ? PARAGRAPH_ROWS : paragraph?.rows ?? PARAGRAPH_ROWS;
|
|
3856
|
-
return
|
|
2648
|
+
return jsxs("div", {
|
|
3857
2649
|
className: clsx([prefixCls, {
|
|
3858
2650
|
[`${prefixCls}__withAvatar`]: avatar,
|
|
3859
2651
|
[`${prefixCls}-active`]: active,
|
|
3860
2652
|
[`${prefixCls}-round`]: round
|
|
3861
2653
|
}, className]),
|
|
3862
2654
|
style: style,
|
|
3863
|
-
children: [avatar && teamLogo &&
|
|
2655
|
+
children: [avatar && teamLogo && jsx("div", {
|
|
3864
2656
|
className: `${prefixCls}__header`,
|
|
3865
|
-
children:
|
|
2657
|
+
children: jsx(SkeletonAvatar, {
|
|
3866
2658
|
...GET_AVATAR_SKELETON_PROPS(avatar)
|
|
3867
2659
|
})
|
|
3868
|
-
}),
|
|
2660
|
+
}), jsxs("div", {
|
|
3869
2661
|
className: `${prefixCls}-content`,
|
|
3870
|
-
children: [
|
|
2662
|
+
children: [jsx("h3", {
|
|
3871
2663
|
className: clsx([`${prefixCls}-title ${GET_TITLE_SKELETON_PROPS.className}`, {
|
|
3872
2664
|
[`${prefixCls}-title-avatar`]: avatar
|
|
3873
2665
|
}]),
|
|
3874
2666
|
style: GET_TITLE_SKELETON_PROPS.style
|
|
3875
|
-
}), paragraph !== false &&
|
|
2667
|
+
}), paragraph !== false && jsx("ul", {
|
|
3876
2668
|
className: `${prefixCls}-paragraph`,
|
|
3877
2669
|
style: {
|
|
3878
2670
|
...(typeof paragraph !== 'boolean' && paragraph ? paragraph.style : {})
|
|
3879
2671
|
},
|
|
3880
|
-
children: createArray(HAS_PHARAGRAPH).map(key =>
|
|
2672
|
+
children: createArray(HAS_PHARAGRAPH).map(key => jsx("li", {}, key))
|
|
3881
2673
|
})]
|
|
3882
2674
|
})]
|
|
3883
2675
|
});
|
|
@@ -3932,20 +2724,20 @@ const ButtonComponent = ({
|
|
|
3932
2724
|
[`${prefixCls}-disabled`]: disabled
|
|
3933
2725
|
}, className);
|
|
3934
2726
|
const iconNode = useMemo(() => {
|
|
3935
|
-
return innerLoading ? typeof loading === 'object' && loading.icon ||
|
|
2727
|
+
return innerLoading ? typeof loading === 'object' && loading.icon || jsx("span", {
|
|
3936
2728
|
className: `${prefixCls}-spinner`
|
|
3937
2729
|
}) : icon;
|
|
3938
2730
|
}, [icon, innerLoading, loading, prefixCls]);
|
|
3939
2731
|
const content = useMemo(() => {
|
|
3940
|
-
return
|
|
3941
|
-
children: [iconNode && iconPosition === 'start' &&
|
|
2732
|
+
return jsxs(Fragment$1, {
|
|
2733
|
+
children: [iconNode && iconPosition === 'start' && jsx("span", {
|
|
3942
2734
|
className: clsx(`${prefixCls}-icon`, customClassNames.icon),
|
|
3943
2735
|
style: styles.icon,
|
|
3944
2736
|
children: iconNode
|
|
3945
|
-
}),
|
|
2737
|
+
}), jsx("span", {
|
|
3946
2738
|
className: `${prefixCls}-content`,
|
|
3947
2739
|
children: children
|
|
3948
|
-
}), iconNode && iconPosition === 'end' &&
|
|
2740
|
+
}), iconNode && iconPosition === 'end' && jsx("span", {
|
|
3949
2741
|
className: clsx(`${prefixCls}-icon`, customClassNames.icon),
|
|
3950
2742
|
style: styles.icon,
|
|
3951
2743
|
children: iconNode
|
|
@@ -3954,14 +2746,14 @@ const ButtonComponent = ({
|
|
|
3954
2746
|
}, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);
|
|
3955
2747
|
const mergedDisabled = disabled || innerLoading;
|
|
3956
2748
|
if (href) {
|
|
3957
|
-
return
|
|
2749
|
+
return jsx("a", {
|
|
3958
2750
|
className: classes,
|
|
3959
2751
|
href: mergedDisabled ? undefined : href,
|
|
3960
2752
|
"aria-disabled": mergedDisabled,
|
|
3961
2753
|
children: content
|
|
3962
2754
|
});
|
|
3963
2755
|
}
|
|
3964
|
-
return
|
|
2756
|
+
return jsx("button", {
|
|
3965
2757
|
type: htmlType,
|
|
3966
2758
|
className: classes,
|
|
3967
2759
|
disabled: mergedDisabled,
|
|
@@ -4113,16 +2905,16 @@ const Upload = ({
|
|
|
4113
2905
|
uploadRef.current.click();
|
|
4114
2906
|
}
|
|
4115
2907
|
};
|
|
4116
|
-
return
|
|
2908
|
+
return jsxs("div", {
|
|
4117
2909
|
className: clsx([`${prefixCls}-wrapper`, className, rootClassName, {
|
|
4118
2910
|
noStyle: noStyle,
|
|
4119
2911
|
[`${prefixCls}-disabled`]: disabled
|
|
4120
2912
|
}]),
|
|
4121
2913
|
style: style,
|
|
4122
|
-
children: [
|
|
2914
|
+
children: [jsxs("span", {
|
|
4123
2915
|
className: clsx([`${prefixCls}`, `${prefixCls}-${listType}`]),
|
|
4124
2916
|
onClick: handleClick,
|
|
4125
|
-
children: [children,
|
|
2917
|
+
children: [children, jsx("input", {
|
|
4126
2918
|
type: "file",
|
|
4127
2919
|
ref: uploadRef,
|
|
4128
2920
|
accept: accept,
|
|
@@ -4135,34 +2927,34 @@ const Upload = ({
|
|
|
4135
2927
|
webkitdirectory: true
|
|
4136
2928
|
} : {})
|
|
4137
2929
|
})]
|
|
4138
|
-
}), showUploadList && fileList.length > 0 &&
|
|
2930
|
+
}), showUploadList && fileList.length > 0 && jsx("ul", {
|
|
4139
2931
|
className: `${prefixCls}-list ${prefixCls}-list-${listType}`,
|
|
4140
|
-
children: fileList.map(file =>
|
|
2932
|
+
children: fileList.map(file => jsxs("li", {
|
|
4141
2933
|
className: `${prefixCls}-item ${prefixCls}-item-${file.status}`,
|
|
4142
|
-
children: [
|
|
2934
|
+
children: [jsx("span", {
|
|
4143
2935
|
className: `${prefixCls}-remove`,
|
|
4144
2936
|
onClick: () => handleRemove(file.uid),
|
|
4145
2937
|
children: listType === 'picture' && (file.originFileObj || file.url) ?
|
|
4146
2938
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4147
|
-
|
|
2939
|
+
jsx("img", {
|
|
4148
2940
|
width: IMAGE_SIZE,
|
|
4149
2941
|
height: IMAGE_SIZE,
|
|
4150
2942
|
alt: file.name,
|
|
4151
2943
|
src: file.url || URL.createObjectURL(file.originFileObj),
|
|
4152
2944
|
className: `${prefixCls}-item-thumbnail`
|
|
4153
|
-
}) :
|
|
4154
|
-
}),
|
|
2945
|
+
}) : jsx(StampleIcon, {})
|
|
2946
|
+
}), jsxs("div", {
|
|
4155
2947
|
style: {
|
|
4156
2948
|
width: '100%'
|
|
4157
2949
|
},
|
|
4158
|
-
children: [
|
|
2950
|
+
children: [jsx("div", {
|
|
4159
2951
|
className: `${prefixCls}-item-title`,
|
|
4160
2952
|
style: {
|
|
4161
2953
|
...(file.status === 'uploading' ? {
|
|
4162
2954
|
marginBottom: 12
|
|
4163
2955
|
} : {})
|
|
4164
2956
|
},
|
|
4165
|
-
children:
|
|
2957
|
+
children: jsx("span", {
|
|
4166
2958
|
className: `${prefixCls}-item-remove-icon`,
|
|
4167
2959
|
onClick: () => handleRemove(file.uid),
|
|
4168
2960
|
style: {
|
|
@@ -4171,12 +2963,12 @@ const Upload = ({
|
|
|
4171
2963
|
},
|
|
4172
2964
|
role: "button",
|
|
4173
2965
|
"aria-label": "Remove file",
|
|
4174
|
-
children:
|
|
2966
|
+
children: jsx(TrashIcon, {})
|
|
4175
2967
|
})
|
|
4176
|
-
}), file.status === 'uploading' &&
|
|
4177
|
-
children: [
|
|
2968
|
+
}), file.status === 'uploading' && jsxs(Fragment$1, {
|
|
2969
|
+
children: [jsx("div", {
|
|
4178
2970
|
className: `${prefixCls}-item-progress-line`
|
|
4179
|
-
}),
|
|
2971
|
+
}), jsx("div", {
|
|
4180
2972
|
className: `${prefixCls}-item-progress-line-percent`,
|
|
4181
2973
|
style: {
|
|
4182
2974
|
width: `${file.percent}%`
|
|
@@ -4232,9 +3024,9 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
4232
3024
|
setInternalChecked(checked);
|
|
4233
3025
|
}
|
|
4234
3026
|
}, [checked]);
|
|
4235
|
-
return
|
|
3027
|
+
return jsxs("div", {
|
|
4236
3028
|
className: `${prefixCls}-wrapper`,
|
|
4237
|
-
children: [
|
|
3029
|
+
children: [jsxs("div", {
|
|
4238
3030
|
ref: ref,
|
|
4239
3031
|
style: style,
|
|
4240
3032
|
onClick: handleClick,
|
|
@@ -4243,7 +3035,7 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
4243
3035
|
[`${prefixCls}-disabled`]: disabled,
|
|
4244
3036
|
[`${prefixCls}-checked`]: internalChecked
|
|
4245
3037
|
}]),
|
|
4246
|
-
children: [
|
|
3038
|
+
children: [jsx("input", {
|
|
4247
3039
|
id: id,
|
|
4248
3040
|
type: type,
|
|
4249
3041
|
name: name,
|
|
@@ -4255,16 +3047,16 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
4255
3047
|
onKeyPress: onKeyPress,
|
|
4256
3048
|
onMouseEnter: onMouseEnter,
|
|
4257
3049
|
onMouseLeave: onMouseLeave
|
|
4258
|
-
}),
|
|
3050
|
+
}), jsx("span", {
|
|
4259
3051
|
className: `${prefixCls}-box`,
|
|
4260
|
-
children:
|
|
3052
|
+
children: jsx("span", {
|
|
4261
3053
|
className: `${prefixCls}-check`,
|
|
4262
3054
|
style: {
|
|
4263
3055
|
opacity: Number(internalChecked)
|
|
4264
3056
|
}
|
|
4265
3057
|
})
|
|
4266
3058
|
})]
|
|
4267
|
-
}), children &&
|
|
3059
|
+
}), children && jsx("span", {
|
|
4268
3060
|
className: `${prefixCls}-label`,
|
|
4269
3061
|
children: children
|
|
4270
3062
|
})]
|