x-ui-design 0.1.93 → 0.1.94
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 +1438 -230
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1540 -332
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, Fragment, createElement, createContext, forwardRef, useImperativeHandle, cloneElement, useCallback } from 'react';
|
|
1
|
+
import require$$0, { useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, Fragment, createElement, createContext, forwardRef, useImperativeHandle, cloneElement, useCallback } from 'react';
|
|
3
2
|
import { createPortal } from 'react-dom';
|
|
4
3
|
|
|
5
4
|
function styleInject(css, ref) {
|
|
@@ -30,6 +29,1215 @@ function styleInject(css, ref) {
|
|
|
30
29
|
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}";
|
|
31
30
|
styleInject(css_248z$l);
|
|
32
31
|
|
|
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
|
+
|
|
33
1241
|
const useForm = (initialValues = {}, onFieldsChange, onValuesChange) => {
|
|
34
1242
|
const touchedFieldsRef = useRef(new Set());
|
|
35
1243
|
const rulesRef = useRef({});
|
|
@@ -362,17 +1570,17 @@ const FormItem = ({
|
|
|
362
1570
|
}, [errorRef.current]);
|
|
363
1571
|
const isRequired = useMemo(() => rules.some(rule => rule.required), [rules]);
|
|
364
1572
|
const errorMessage = getFieldError(valuePropName || name)?.[0];
|
|
365
|
-
return jsxs("div", {
|
|
1573
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
366
1574
|
style: style,
|
|
367
1575
|
className: clsx([`${prefixCls}`, {
|
|
368
1576
|
[layout]: layout,
|
|
369
1577
|
[className]: className,
|
|
370
1578
|
noStyle: props.noStyle
|
|
371
1579
|
}]),
|
|
372
|
-
children: [!props.noStyle && (label || name) && jsxs("label", {
|
|
1580
|
+
children: [!props.noStyle && (label || name) && jsxRuntimeExports.jsxs("label", {
|
|
373
1581
|
className: `${prefixCls}-label`,
|
|
374
1582
|
htmlFor: name,
|
|
375
|
-
children: [label || name, ":", isRequired && jsx("span", {
|
|
1583
|
+
children: [label || name, ":", isRequired && jsxRuntimeExports.jsx("span", {
|
|
376
1584
|
className: `${prefixCls}-required`,
|
|
377
1585
|
children: "*"
|
|
378
1586
|
})]
|
|
@@ -402,7 +1610,7 @@ const FormItem = ({
|
|
|
402
1610
|
});
|
|
403
1611
|
}
|
|
404
1612
|
return child;
|
|
405
|
-
}), !props.noStyle && errorMessage && jsx("span", {
|
|
1613
|
+
}), !props.noStyle && errorMessage && jsxRuntimeExports.jsx("span", {
|
|
406
1614
|
ref: errorRef,
|
|
407
1615
|
className: `${prefixCls}-error`,
|
|
408
1616
|
children: errorMessage
|
|
@@ -496,9 +1704,9 @@ const Form = ({
|
|
|
496
1704
|
formInstance.onValuesChange = onValuesChange;
|
|
497
1705
|
}
|
|
498
1706
|
}, [formInstance, onFieldsChange, onValuesChange]);
|
|
499
|
-
return jsx(FormContext.Provider, {
|
|
1707
|
+
return jsxRuntimeExports.jsx(FormContext.Provider, {
|
|
500
1708
|
value: formInstance,
|
|
501
|
-
children: jsx("form", {
|
|
1709
|
+
children: jsxRuntimeExports.jsx("form", {
|
|
502
1710
|
style: style,
|
|
503
1711
|
ref: formRef,
|
|
504
1712
|
onSubmit: handleSubmit,
|
|
@@ -510,7 +1718,7 @@ const Form = ({
|
|
|
510
1718
|
const {
|
|
511
1719
|
...childProps
|
|
512
1720
|
} = child.props;
|
|
513
|
-
return jsx(child.type, {
|
|
1721
|
+
return jsxRuntimeExports.jsx(child.type, {
|
|
514
1722
|
...childProps,
|
|
515
1723
|
child: child,
|
|
516
1724
|
size: childProps.size || rest.size,
|
|
@@ -527,13 +1735,13 @@ Form.Item = FormItem;
|
|
|
527
1735
|
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%}";
|
|
528
1736
|
styleInject(css_248z$j);
|
|
529
1737
|
|
|
530
|
-
const ClearIcon = () => jsx("svg", {
|
|
1738
|
+
const ClearIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
531
1739
|
width: "10",
|
|
532
1740
|
height: "10",
|
|
533
1741
|
viewBox: "0 0 14 14",
|
|
534
1742
|
fill: "none",
|
|
535
1743
|
xmlns: "http://www.w3.org/2000/svg",
|
|
536
|
-
children: jsx("path", {
|
|
1744
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
537
1745
|
d: "M1 1L13 13M13 1L1 13",
|
|
538
1746
|
stroke: "currentColor",
|
|
539
1747
|
strokeWidth: "2",
|
|
@@ -542,13 +1750,13 @@ const ClearIcon = () => jsx("svg", {
|
|
|
542
1750
|
});
|
|
543
1751
|
const ArrowIcon = ({
|
|
544
1752
|
isOpen
|
|
545
|
-
}) => jsx("svg", {
|
|
1753
|
+
}) => jsxRuntimeExports.jsx("svg", {
|
|
546
1754
|
width: "18",
|
|
547
1755
|
height: "18",
|
|
548
1756
|
viewBox: "0 0 24 24",
|
|
549
1757
|
fill: "none",
|
|
550
1758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
551
|
-
children: jsx("path", {
|
|
1759
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
552
1760
|
d: "M7 10L12 15L17 10",
|
|
553
1761
|
stroke: "currentColor",
|
|
554
1762
|
strokeWidth: "2",
|
|
@@ -557,7 +1765,7 @@ const ArrowIcon = ({
|
|
|
557
1765
|
transform: isOpen ? 'rotate(180, 12, 12)' : ''
|
|
558
1766
|
})
|
|
559
1767
|
});
|
|
560
|
-
const LoadingIcon = () => jsx("svg", {
|
|
1768
|
+
const LoadingIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
561
1769
|
viewBox: "0 0 1024 1024",
|
|
562
1770
|
focusable: "false",
|
|
563
1771
|
"data-icon": "loading",
|
|
@@ -565,11 +1773,11 @@ const LoadingIcon = () => jsx("svg", {
|
|
|
565
1773
|
height: "12",
|
|
566
1774
|
fill: "currentColor",
|
|
567
1775
|
"aria-hidden": "true",
|
|
568
|
-
children: jsx("path", {
|
|
1776
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
569
1777
|
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"
|
|
570
1778
|
})
|
|
571
1779
|
});
|
|
572
|
-
const CheckIcon = () => jsx("svg", {
|
|
1780
|
+
const CheckIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
573
1781
|
viewBox: "64 64 896 896",
|
|
574
1782
|
focusable: "false",
|
|
575
1783
|
"data-icon": "check",
|
|
@@ -577,11 +1785,11 @@ const CheckIcon = () => jsx("svg", {
|
|
|
577
1785
|
height: "12",
|
|
578
1786
|
fill: "currentColor",
|
|
579
1787
|
"aria-hidden": "true",
|
|
580
|
-
children: jsx("path", {
|
|
1788
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
581
1789
|
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"
|
|
582
1790
|
})
|
|
583
1791
|
});
|
|
584
|
-
const SearchIcon = () => jsx("svg", {
|
|
1792
|
+
const SearchIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
585
1793
|
viewBox: "64 64 896 896",
|
|
586
1794
|
focusable: "false",
|
|
587
1795
|
"data-icon": "search",
|
|
@@ -589,11 +1797,11 @@ const SearchIcon = () => jsx("svg", {
|
|
|
589
1797
|
height: "1em",
|
|
590
1798
|
fill: "currentColor",
|
|
591
1799
|
"aria-hidden": "true",
|
|
592
|
-
children: jsx("path", {
|
|
1800
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
593
1801
|
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"
|
|
594
1802
|
})
|
|
595
1803
|
});
|
|
596
|
-
const CalendarIcon = () => jsx("svg", {
|
|
1804
|
+
const CalendarIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
597
1805
|
viewBox: "64 64 896 896",
|
|
598
1806
|
focusable: "false",
|
|
599
1807
|
"data-icon": "calendar",
|
|
@@ -601,11 +1809,11 @@ const CalendarIcon = () => jsx("svg", {
|
|
|
601
1809
|
height: "1em",
|
|
602
1810
|
fill: "currentColor",
|
|
603
1811
|
"aria-hidden": "true",
|
|
604
|
-
children: jsx("path", {
|
|
1812
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
605
1813
|
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"
|
|
606
1814
|
})
|
|
607
1815
|
});
|
|
608
|
-
const SuccessIcon = () => jsx("svg", {
|
|
1816
|
+
const SuccessIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
609
1817
|
viewBox: "64 64 896 896",
|
|
610
1818
|
focusable: "false",
|
|
611
1819
|
"data-icon": "check-circle",
|
|
@@ -613,11 +1821,11 @@ const SuccessIcon = () => jsx("svg", {
|
|
|
613
1821
|
height: "1em",
|
|
614
1822
|
fill: "currentColor",
|
|
615
1823
|
"aria-hidden": "true",
|
|
616
|
-
children: jsx("path", {
|
|
1824
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
617
1825
|
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"
|
|
618
1826
|
})
|
|
619
1827
|
});
|
|
620
|
-
const ErrorIcon = () => jsx("svg", {
|
|
1828
|
+
const ErrorIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
621
1829
|
className: "error-svg-icon",
|
|
622
1830
|
viewBox: "64 64 896 896",
|
|
623
1831
|
focusable: "false",
|
|
@@ -626,11 +1834,11 @@ const ErrorIcon = () => jsx("svg", {
|
|
|
626
1834
|
height: "1em",
|
|
627
1835
|
fill: "currentColor",
|
|
628
1836
|
"aria-hidden": "true",
|
|
629
|
-
children: jsx("path", {
|
|
1837
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
630
1838
|
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"
|
|
631
1839
|
})
|
|
632
1840
|
});
|
|
633
|
-
const DateDistanceIcon = () => jsx("svg", {
|
|
1841
|
+
const DateDistanceIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
634
1842
|
viewBox: "0 0 1024 1024",
|
|
635
1843
|
focusable: "false",
|
|
636
1844
|
"data-icon": "swap-right",
|
|
@@ -638,11 +1846,11 @@ const DateDistanceIcon = () => jsx("svg", {
|
|
|
638
1846
|
height: "1em",
|
|
639
1847
|
fill: "currentColor",
|
|
640
1848
|
"aria-hidden": "true",
|
|
641
|
-
children: jsx("path", {
|
|
1849
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
642
1850
|
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"
|
|
643
1851
|
})
|
|
644
1852
|
});
|
|
645
|
-
const TimeIcon = () => jsxs("svg", {
|
|
1853
|
+
const TimeIcon = () => jsxRuntimeExports.jsxs("svg", {
|
|
646
1854
|
viewBox: "64 64 896 896",
|
|
647
1855
|
focusable: "false",
|
|
648
1856
|
"data-icon": "clock-circle",
|
|
@@ -650,13 +1858,13 @@ const TimeIcon = () => jsxs("svg", {
|
|
|
650
1858
|
height: "1em",
|
|
651
1859
|
fill: "currentColor",
|
|
652
1860
|
"aria-hidden": "true",
|
|
653
|
-
children: [jsx("path", {
|
|
1861
|
+
children: [jsxRuntimeExports.jsx("path", {
|
|
654
1862
|
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"
|
|
655
|
-
}), jsx("path", {
|
|
1863
|
+
}), jsxRuntimeExports.jsx("path", {
|
|
656
1864
|
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"
|
|
657
1865
|
})]
|
|
658
1866
|
});
|
|
659
|
-
const StampleIcon = () => jsx("svg", {
|
|
1867
|
+
const StampleIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
660
1868
|
viewBox: "64 64 896 896",
|
|
661
1869
|
focusable: "false",
|
|
662
1870
|
"data-icon": "paper-clip",
|
|
@@ -664,11 +1872,11 @@ const StampleIcon = () => jsx("svg", {
|
|
|
664
1872
|
height: "1em",
|
|
665
1873
|
fill: "currentColor",
|
|
666
1874
|
"aria-hidden": "true",
|
|
667
|
-
children: jsx("path", {
|
|
1875
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
668
1876
|
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"
|
|
669
1877
|
})
|
|
670
1878
|
});
|
|
671
|
-
const TrashIcon = () => jsx("svg", {
|
|
1879
|
+
const TrashIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
672
1880
|
viewBox: "64 64 896 896",
|
|
673
1881
|
focusable: "false",
|
|
674
1882
|
"data-icon": "delete",
|
|
@@ -676,11 +1884,11 @@ const TrashIcon = () => jsx("svg", {
|
|
|
676
1884
|
height: "1em",
|
|
677
1885
|
fill: "currentColor",
|
|
678
1886
|
"aria-hidden": "true",
|
|
679
|
-
children: jsx("path", {
|
|
1887
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
680
1888
|
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"
|
|
681
1889
|
})
|
|
682
1890
|
});
|
|
683
|
-
const SpinerIcon = () => jsx("svg", {
|
|
1891
|
+
const SpinerIcon = () => jsxRuntimeExports.jsx("svg", {
|
|
684
1892
|
viewBox: "0 0 1024 1024",
|
|
685
1893
|
focusable: "false",
|
|
686
1894
|
"data-icon": "loading",
|
|
@@ -688,7 +1896,7 @@ const SpinerIcon = () => jsx("svg", {
|
|
|
688
1896
|
height: "1em",
|
|
689
1897
|
fill: "currentColor",
|
|
690
1898
|
"aria-hidden": "true",
|
|
691
|
-
children: jsx("path", {
|
|
1899
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
692
1900
|
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"
|
|
693
1901
|
})
|
|
694
1902
|
});
|
|
@@ -775,40 +1983,40 @@ const RangePicker = ({
|
|
|
775
1983
|
const renderMonthYearSelector = (monthOffset = 0, all) => {
|
|
776
1984
|
const baseYear = currentYear;
|
|
777
1985
|
const baseMonth = currentMonth + monthOffset;
|
|
778
|
-
return jsxs("div", {
|
|
1986
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
779
1987
|
className: `${prefixCls}-header`,
|
|
780
|
-
children: [all || !monthOffset ? jsxs("div", {
|
|
1988
|
+
children: [all || !monthOffset ? jsxRuntimeExports.jsxs("div", {
|
|
781
1989
|
className: `${prefixCls}-nav-buttons`,
|
|
782
|
-
children: [jsx("button", {
|
|
1990
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
783
1991
|
onClick: () => setCurrentYear(y => y - 1),
|
|
784
1992
|
children: "\u00AB"
|
|
785
|
-
}), jsx("button", {
|
|
1993
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
786
1994
|
onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
|
|
787
1995
|
children: "\u2039"
|
|
788
1996
|
})]
|
|
789
|
-
}) : jsx("span", {}), jsxs("div", {
|
|
1997
|
+
}) : jsxRuntimeExports.jsx("span", {}), jsxRuntimeExports.jsxs("div", {
|
|
790
1998
|
className: `${prefixCls}-dropdown-selects`,
|
|
791
|
-
children: [jsx("button", {
|
|
1999
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
792
2000
|
type: "button",
|
|
793
2001
|
className: `${prefixCls}-select`,
|
|
794
2002
|
onClick: () => setViewMode('year'),
|
|
795
2003
|
children: baseYear
|
|
796
|
-
}), jsx("button", {
|
|
2004
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
797
2005
|
type: "button",
|
|
798
2006
|
className: `${prefixCls}-select`,
|
|
799
2007
|
onClick: () => setViewMode('month'),
|
|
800
2008
|
children: localeMonths[baseMonth]
|
|
801
2009
|
})]
|
|
802
|
-
}), all || monthOffset ? jsxs("div", {
|
|
2010
|
+
}), all || monthOffset ? jsxRuntimeExports.jsxs("div", {
|
|
803
2011
|
className: `${prefixCls}-nav-buttons`,
|
|
804
|
-
children: [jsx("button", {
|
|
2012
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
805
2013
|
onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
|
|
806
2014
|
children: "\u203A"
|
|
807
|
-
}), jsx("button", {
|
|
2015
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
808
2016
|
onClick: () => setCurrentYear(y => y + 1),
|
|
809
2017
|
children: "\u00BB"
|
|
810
2018
|
})]
|
|
811
|
-
}) : jsx("span", {})]
|
|
2019
|
+
}) : jsxRuntimeExports.jsx("span", {})]
|
|
812
2020
|
});
|
|
813
2021
|
};
|
|
814
2022
|
const renderCalendar = (monthOffset = 0, all) => {
|
|
@@ -833,21 +2041,21 @@ const RangePicker = ({
|
|
|
833
2041
|
length: remaining
|
|
834
2042
|
}, (_, i) => new Date(year, month + 1, i + 1));
|
|
835
2043
|
const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];
|
|
836
|
-
return jsxs("div", {
|
|
2044
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
837
2045
|
className: `${prefixCls}-calendar ${viewMode}`,
|
|
838
|
-
children: [jsx("div", {
|
|
2046
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
839
2047
|
className: `${prefixCls}-calendar-header`,
|
|
840
2048
|
children: renderMonthYearSelector(monthOffset, all)
|
|
841
|
-
}), viewMode === 'day' && jsxs("div", {
|
|
2049
|
+
}), viewMode === 'day' && jsxRuntimeExports.jsxs("div", {
|
|
842
2050
|
className: `${prefixCls}-days-grid day`,
|
|
843
|
-
children: [localeWeekdays.map((day, i) => jsx("div", {
|
|
2051
|
+
children: [localeWeekdays.map((day, i) => jsxRuntimeExports.jsx("div", {
|
|
844
2052
|
className: `${prefixCls}-weekday`,
|
|
845
2053
|
children: day
|
|
846
2054
|
}, i)), days.map((day, i) => {
|
|
847
2055
|
const isSelected = day && selectedDates.some(d => d?.toDateString() === day.toDateString());
|
|
848
2056
|
const inRange = day && isInRange(day);
|
|
849
2057
|
const isSameMonth = day?.getMonth() === month;
|
|
850
|
-
return jsx("button", {
|
|
2058
|
+
return jsxRuntimeExports.jsx("button", {
|
|
851
2059
|
disabled: disabledDate?.(day, {
|
|
852
2060
|
from: undefined,
|
|
853
2061
|
to: undefined
|
|
@@ -863,9 +2071,9 @@ const RangePicker = ({
|
|
|
863
2071
|
children: day?.getDate()
|
|
864
2072
|
}, i);
|
|
865
2073
|
})]
|
|
866
|
-
}), viewMode === 'month' && jsx("div", {
|
|
2074
|
+
}), viewMode === 'month' && jsxRuntimeExports.jsx("div", {
|
|
867
2075
|
className: `${prefixCls}-grid`,
|
|
868
|
-
children: localeMonths.map((m, i) => jsx("button", {
|
|
2076
|
+
children: localeMonths.map((m, i) => jsxRuntimeExports.jsx("button", {
|
|
869
2077
|
className: `${prefixCls}-month`,
|
|
870
2078
|
onClick: () => {
|
|
871
2079
|
setCurrentMonth(i);
|
|
@@ -874,13 +2082,13 @@ const RangePicker = ({
|
|
|
874
2082
|
disabled: isMonthDisabled(i),
|
|
875
2083
|
children: m
|
|
876
2084
|
}, i))
|
|
877
|
-
}), viewMode === 'year' && jsx("div", {
|
|
2085
|
+
}), viewMode === 'year' && jsxRuntimeExports.jsx("div", {
|
|
878
2086
|
className: `${prefixCls}-grid`,
|
|
879
2087
|
children: Array.from({
|
|
880
2088
|
length: 12
|
|
881
2089
|
}, (_, i) => {
|
|
882
2090
|
const year = currentYear - NUMBER_SIX + i;
|
|
883
|
-
return jsx("button", {
|
|
2091
|
+
return jsxRuntimeExports.jsx("button", {
|
|
884
2092
|
className: `${prefixCls}-year`,
|
|
885
2093
|
disabled: isYearDisabled(year),
|
|
886
2094
|
onClick: () => {
|
|
@@ -897,16 +2105,16 @@ const RangePicker = ({
|
|
|
897
2105
|
setSelectedDates([null, null]);
|
|
898
2106
|
onChange?.(null, ['', '']);
|
|
899
2107
|
};
|
|
900
|
-
return jsxs("div", {
|
|
2108
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
901
2109
|
ref: containerRef,
|
|
902
2110
|
style: style,
|
|
903
2111
|
className: clsx([`${prefixCls}-range-container`, {
|
|
904
2112
|
[`${prefixCls}-${size}`]: size,
|
|
905
2113
|
[className]: className
|
|
906
2114
|
}]),
|
|
907
|
-
children: [jsx("div", {
|
|
2115
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
908
2116
|
className: `${prefixCls}-range-input-wrapper`,
|
|
909
|
-
children: jsxs("button", {
|
|
2117
|
+
children: jsxRuntimeExports.jsxs("button", {
|
|
910
2118
|
type: "button",
|
|
911
2119
|
className: clsx([`${prefixCls}-input`, {
|
|
912
2120
|
noBordered: !bordered,
|
|
@@ -915,31 +2123,31 @@ const RangePicker = ({
|
|
|
915
2123
|
}]),
|
|
916
2124
|
disabled: disabled,
|
|
917
2125
|
onClick: () => setIsOpen(!isOpen),
|
|
918
|
-
children: [prefix, jsx("input", {
|
|
2126
|
+
children: [prefix, jsxRuntimeExports.jsx("input", {
|
|
919
2127
|
readOnly: inputReadOnly,
|
|
920
2128
|
className: `${prefixCls}-selected-date`,
|
|
921
2129
|
placeholder: placeholder[0],
|
|
922
2130
|
value: selectedDates[0] ? formatDate(selectedDates[0]) : ''
|
|
923
|
-
}), jsx("span", {
|
|
2131
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
924
2132
|
className: `${prefixCls}-range-separator`,
|
|
925
|
-
children: separator || jsx(DateDistanceIcon, {})
|
|
926
|
-
}), jsx("input", {
|
|
2133
|
+
children: separator || jsxRuntimeExports.jsx(DateDistanceIcon, {})
|
|
2134
|
+
}), jsxRuntimeExports.jsx("input", {
|
|
927
2135
|
readOnly: inputReadOnly,
|
|
928
2136
|
className: `${prefixCls}-selected-date`,
|
|
929
2137
|
placeholder: placeholder[1],
|
|
930
2138
|
value: selectedDates[1] ? formatDate(selectedDates[1]) : ''
|
|
931
|
-
}), jsx("span", {
|
|
2139
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
932
2140
|
className: `${prefixCls}-icon`,
|
|
933
|
-
children: allowClear && (selectedDates[0] || selectedDates[1]) ? jsx("span", {
|
|
2141
|
+
children: allowClear && (selectedDates[0] || selectedDates[1]) ? jsxRuntimeExports.jsx("span", {
|
|
934
2142
|
className: `${prefixCls}-clear`,
|
|
935
2143
|
onClick: handleClear,
|
|
936
|
-
children: jsx(ClearIcon, {})
|
|
937
|
-
}) : jsx(CalendarIcon, {})
|
|
2144
|
+
children: jsxRuntimeExports.jsx(ClearIcon, {})
|
|
2145
|
+
}) : jsxRuntimeExports.jsx(CalendarIcon, {})
|
|
938
2146
|
})]
|
|
939
2147
|
})
|
|
940
|
-
}), isOpen && jsx("div", {
|
|
2148
|
+
}), isOpen && jsxRuntimeExports.jsx("div", {
|
|
941
2149
|
className: `${prefixCls}-dropdown-wrapper show`,
|
|
942
|
-
children: jsxs("div", {
|
|
2150
|
+
children: jsxRuntimeExports.jsxs("div", {
|
|
943
2151
|
className: `${prefixCls}-dropdown-range`,
|
|
944
2152
|
children: [renderCalendar(0, viewMode !== 'day'), viewMode === 'day' && renderCalendar(1, viewMode !== 'day')]
|
|
945
2153
|
})
|
|
@@ -1119,15 +2327,15 @@ const DatePickerComponent = ({
|
|
|
1119
2327
|
month: nextMonth,
|
|
1120
2328
|
year: nextMonthYear
|
|
1121
2329
|
}))];
|
|
1122
|
-
return jsxs("div", {
|
|
2330
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
1123
2331
|
ref: containerRef,
|
|
1124
2332
|
className: clsx([`${prefixCls}-container`, {
|
|
1125
2333
|
noStyle,
|
|
1126
2334
|
[`${prefixCls}-${size}`]: size
|
|
1127
2335
|
}]),
|
|
1128
|
-
children: [jsx("div", {
|
|
2336
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
1129
2337
|
className: `${prefixCls}-input-wrapper`,
|
|
1130
|
-
children: jsxs("button", {
|
|
2338
|
+
children: jsxRuntimeExports.jsxs("button", {
|
|
1131
2339
|
type: "button",
|
|
1132
2340
|
className: clsx([`${prefixCls}-input`, {
|
|
1133
2341
|
noBordered: !bordered,
|
|
@@ -1137,7 +2345,7 @@ const DatePickerComponent = ({
|
|
|
1137
2345
|
}]),
|
|
1138
2346
|
disabled: disabled,
|
|
1139
2347
|
onClick: () => setIsOpen(!isOpen),
|
|
1140
|
-
children: [prefix || null, jsx("input", {
|
|
2348
|
+
children: [prefix || null, jsxRuntimeExports.jsx("input", {
|
|
1141
2349
|
size: INPUT_SIZE$1,
|
|
1142
2350
|
disabled: disabled,
|
|
1143
2351
|
readOnly: inputReadOnly,
|
|
@@ -1147,62 +2355,62 @@ const DatePickerComponent = ({
|
|
|
1147
2355
|
opacity: isOpen ? '0.6' : 1
|
|
1148
2356
|
},
|
|
1149
2357
|
defaultValue: selectedDatePlaceholder
|
|
1150
|
-
}), jsxs("span", {
|
|
2358
|
+
}), jsxRuntimeExports.jsxs("span", {
|
|
1151
2359
|
className: `${prefixCls}-icon`,
|
|
1152
|
-
children: [allowClear && selectedDate ? jsx("span", {
|
|
2360
|
+
children: [allowClear && selectedDate ? jsxRuntimeExports.jsx("span", {
|
|
1153
2361
|
className: `${prefixCls}-clear`,
|
|
1154
2362
|
onClick: clearSelection,
|
|
1155
|
-
children: typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : jsx(ClearIcon, {})
|
|
1156
|
-
}) : suffixIcon || jsx(CalendarIcon, {}), error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2363
|
+
children: typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : jsxRuntimeExports.jsx(ClearIcon, {})
|
|
2364
|
+
}) : suffixIcon || jsxRuntimeExports.jsx(CalendarIcon, {}), error && feedbackIcons ? jsxRuntimeExports.jsx(ErrorIcon, {}) : null]
|
|
1157
2365
|
})]
|
|
1158
2366
|
})
|
|
1159
|
-
}), jsx("div", {
|
|
2367
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
1160
2368
|
style: popupContainerRef.current ? {
|
|
1161
2369
|
position: 'absolute'
|
|
1162
2370
|
} : {},
|
|
1163
2371
|
className: clsx([placement, `${prefixCls}-dropdown-wrapper`, {
|
|
1164
2372
|
show: isOpen
|
|
1165
2373
|
}]),
|
|
1166
|
-
children: isOpen && jsxs("div", {
|
|
2374
|
+
children: isOpen && jsxRuntimeExports.jsxs("div", {
|
|
1167
2375
|
className: `${prefixCls}-dropdown`,
|
|
1168
2376
|
style: placementPossition,
|
|
1169
|
-
children: [jsxs("div", {
|
|
2377
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
1170
2378
|
className: `${prefixCls}-header`,
|
|
1171
|
-
children: [jsxs("div", {
|
|
2379
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
1172
2380
|
className: `${prefixCls}-nav-buttons`,
|
|
1173
|
-
children: [jsx("button", {
|
|
2381
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
1174
2382
|
onClick: () => setCurrentYear(y => y - 1),
|
|
1175
2383
|
children: "\u00AB"
|
|
1176
|
-
}), jsx("button", {
|
|
2384
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
1177
2385
|
onClick: () => setCurrentMonth(m => m === 0 ? (setCurrentYear(y => y - 1), MONTH_LENGTH) : m - 1),
|
|
1178
2386
|
children: "\u2039"
|
|
1179
2387
|
})]
|
|
1180
|
-
}), jsxs("div", {
|
|
2388
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
1181
2389
|
className: `${prefixCls}-dropdown-selects`,
|
|
1182
|
-
children: [jsx("button", {
|
|
2390
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
1183
2391
|
type: "button",
|
|
1184
2392
|
className: `${prefixCls}-select`,
|
|
1185
2393
|
onClick: () => setViewMode('year'),
|
|
1186
2394
|
children: currentYear
|
|
1187
|
-
}), jsx("button", {
|
|
2395
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
1188
2396
|
type: "button",
|
|
1189
2397
|
className: `${prefixCls}-select`,
|
|
1190
2398
|
onClick: () => setViewMode('month'),
|
|
1191
2399
|
children: localeMonths[currentMonth]
|
|
1192
2400
|
})]
|
|
1193
|
-
}), jsxs("div", {
|
|
2401
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
1194
2402
|
className: `${prefixCls}-nav-buttons`,
|
|
1195
|
-
children: [jsx("button", {
|
|
2403
|
+
children: [jsxRuntimeExports.jsx("button", {
|
|
1196
2404
|
onClick: () => setCurrentMonth(m => m === MONTH_LENGTH ? (setCurrentYear(y => y + 1), 0) : m + 1),
|
|
1197
2405
|
children: "\u203A"
|
|
1198
|
-
}), jsx("button", {
|
|
2406
|
+
}), jsxRuntimeExports.jsx("button", {
|
|
1199
2407
|
onClick: () => setCurrentYear(y => y + 1),
|
|
1200
2408
|
children: "\u00BB"
|
|
1201
2409
|
})]
|
|
1202
2410
|
})]
|
|
1203
|
-
}), viewMode === 'day' && jsxs("div", {
|
|
2411
|
+
}), viewMode === 'day' && jsxRuntimeExports.jsxs("div", {
|
|
1204
2412
|
className: `${prefixCls}-grid day`,
|
|
1205
|
-
children: [localeWeekdays.map(day => jsx("div", {
|
|
2413
|
+
children: [localeWeekdays.map(day => jsxRuntimeExports.jsx("div", {
|
|
1206
2414
|
className: `${prefixCls}-day-header`,
|
|
1207
2415
|
children: day
|
|
1208
2416
|
}, day)), days.map(({
|
|
@@ -1212,7 +2420,7 @@ const DatePickerComponent = ({
|
|
|
1212
2420
|
year
|
|
1213
2421
|
}, idx) => {
|
|
1214
2422
|
const isSelected = selectedDate && selectedDate.getDate() === day && selectedDate.getMonth() === month && selectedDate.getFullYear() === year;
|
|
1215
|
-
return jsx("button", {
|
|
2423
|
+
return jsxRuntimeExports.jsx("button", {
|
|
1216
2424
|
className: clsx([`${prefixCls}-day`, {
|
|
1217
2425
|
[`${prefixCls}-selected`]: isSelected,
|
|
1218
2426
|
[`${prefixCls}-other-month`]: !current
|
|
@@ -1225,9 +2433,9 @@ const DatePickerComponent = ({
|
|
|
1225
2433
|
children: day
|
|
1226
2434
|
}, `${year}-${month}-${day}-${idx}`);
|
|
1227
2435
|
})]
|
|
1228
|
-
}), viewMode === 'month' && jsx("div", {
|
|
2436
|
+
}), viewMode === 'month' && jsxRuntimeExports.jsx("div", {
|
|
1229
2437
|
className: `${prefixCls}-grid`,
|
|
1230
|
-
children: localeMonths.map((m, i) => jsx("button", {
|
|
2438
|
+
children: localeMonths.map((m, i) => jsxRuntimeExports.jsx("button", {
|
|
1231
2439
|
className: `${prefixCls}-month`,
|
|
1232
2440
|
onClick: () => {
|
|
1233
2441
|
setCurrentMonth(i);
|
|
@@ -1236,13 +2444,13 @@ const DatePickerComponent = ({
|
|
|
1236
2444
|
disabled: isMonthDisabled(i),
|
|
1237
2445
|
children: m
|
|
1238
2446
|
}, i))
|
|
1239
|
-
}), viewMode === 'year' && jsx("div", {
|
|
2447
|
+
}), viewMode === 'year' && jsxRuntimeExports.jsx("div", {
|
|
1240
2448
|
className: `${prefixCls}-grid`,
|
|
1241
2449
|
children: Array.from({
|
|
1242
2450
|
length: 12
|
|
1243
2451
|
}, (_, i) => {
|
|
1244
2452
|
const year = currentYear - NUMBER_SIX + i;
|
|
1245
|
-
return jsx("button", {
|
|
2453
|
+
return jsxRuntimeExports.jsx("button", {
|
|
1246
2454
|
className: `${prefixCls}-year`,
|
|
1247
2455
|
disabled: isYearDisabled(year),
|
|
1248
2456
|
onClick: () => {
|
|
@@ -1252,12 +2460,12 @@ const DatePickerComponent = ({
|
|
|
1252
2460
|
children: year
|
|
1253
2461
|
}, year);
|
|
1254
2462
|
})
|
|
1255
|
-
}), showToday && jsx("div", {
|
|
2463
|
+
}), showToday && jsxRuntimeExports.jsx("div", {
|
|
1256
2464
|
className: `${prefixCls}-day-footer`,
|
|
1257
2465
|
style: {
|
|
1258
2466
|
gridColumn: 'span 7'
|
|
1259
2467
|
},
|
|
1260
|
-
children: jsx("button", {
|
|
2468
|
+
children: jsxRuntimeExports.jsx("button", {
|
|
1261
2469
|
className: `${prefixCls}-select`,
|
|
1262
2470
|
disabled: disabledDate?.(new Date(DateNow.getDate(), DateNow.getMonth(), DateNow.getFullYear()), {
|
|
1263
2471
|
from: undefined,
|
|
@@ -1299,8 +2507,8 @@ const TimePicker = ({
|
|
|
1299
2507
|
onBlur,
|
|
1300
2508
|
onSelect,
|
|
1301
2509
|
showNow = true,
|
|
1302
|
-
clearIcon = jsx(ClearIcon, {}),
|
|
1303
|
-
suffixIcon = jsx(TimeIcon, {}),
|
|
2510
|
+
clearIcon = jsxRuntimeExports.jsx(ClearIcon, {}),
|
|
2511
|
+
suffixIcon = jsxRuntimeExports.jsx(TimeIcon, {}),
|
|
1304
2512
|
placeholder = 'Select time'
|
|
1305
2513
|
}) => {
|
|
1306
2514
|
const [open, setOpen] = useState(false);
|
|
@@ -1483,13 +2691,13 @@ const TimePicker = ({
|
|
|
1483
2691
|
} = getTimeParts(tempValue);
|
|
1484
2692
|
const currentHour = selectedHour ?? 0;
|
|
1485
2693
|
const currentMinute = selectedMinute ?? 0;
|
|
1486
|
-
return jsxs("div", {
|
|
1487
|
-
children: [jsxs("div", {
|
|
2694
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
2695
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
1488
2696
|
className: `${prefixCls}-panel`,
|
|
1489
|
-
children: [jsx("div", {
|
|
2697
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
1490
2698
|
ref: hourRef,
|
|
1491
2699
|
className: `${prefixCls}-column`,
|
|
1492
|
-
children: hours.map((h, index) => h === false ? jsx("div", {
|
|
2700
|
+
children: hours.map((h, index) => h === false ? jsxRuntimeExports.jsx("div", {
|
|
1493
2701
|
className: `${prefixCls}-cell`,
|
|
1494
2702
|
style: {
|
|
1495
2703
|
opacity: 0,
|
|
@@ -1497,7 +2705,7 @@ const TimePicker = ({
|
|
|
1497
2705
|
cursor: 'inherit'
|
|
1498
2706
|
},
|
|
1499
2707
|
children: "0"
|
|
1500
|
-
}, `${h}_${index}`) : jsx("div", {
|
|
2708
|
+
}, `${h}_${index}`) : jsxRuntimeExports.jsx("div", {
|
|
1501
2709
|
className: clsx([`${prefixCls}-cell`, {
|
|
1502
2710
|
[`${prefixCls}-cell-disabled`]: getDisabled('hour').includes(h),
|
|
1503
2711
|
[`${prefixCls}-cell-selected`]: selectedHour === h
|
|
@@ -1505,10 +2713,10 @@ const TimePicker = ({
|
|
|
1505
2713
|
onClick: () => !getDisabled('hour').includes(h) && onSelectHour(h),
|
|
1506
2714
|
children: pad(h)
|
|
1507
2715
|
}, h))
|
|
1508
|
-
}), jsx("div", {
|
|
2716
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
1509
2717
|
ref: minuteRef,
|
|
1510
2718
|
className: `${prefixCls}-column`,
|
|
1511
|
-
children: minutesSeconds.map((m, index) => m === false ? jsx("div", {
|
|
2719
|
+
children: minutesSeconds.map((m, index) => m === false ? jsxRuntimeExports.jsx("div", {
|
|
1512
2720
|
className: `${prefixCls}-cell`,
|
|
1513
2721
|
style: {
|
|
1514
2722
|
opacity: 0,
|
|
@@ -1516,7 +2724,7 @@ const TimePicker = ({
|
|
|
1516
2724
|
cursor: 'inherit'
|
|
1517
2725
|
},
|
|
1518
2726
|
children: "0"
|
|
1519
|
-
}, `${m}_${index}`) : jsx("div", {
|
|
2727
|
+
}, `${m}_${index}`) : jsxRuntimeExports.jsx("div", {
|
|
1520
2728
|
className: clsx([`${prefixCls}-cell`, {
|
|
1521
2729
|
[`${prefixCls}-cell-disabled`]: getDisabled('minute', currentHour).includes(m),
|
|
1522
2730
|
[`${prefixCls}-cell-selected`]: selectedMinute === m
|
|
@@ -1524,10 +2732,10 @@ const TimePicker = ({
|
|
|
1524
2732
|
onClick: () => !getDisabled('minute', currentHour).includes(m) && onSelectMinute(m),
|
|
1525
2733
|
children: pad(m)
|
|
1526
2734
|
}, m))
|
|
1527
|
-
}), jsx("div", {
|
|
2735
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
1528
2736
|
ref: secondRef,
|
|
1529
2737
|
className: `${prefixCls}-column`,
|
|
1530
|
-
children: minutesSeconds.map((s, index) => s === false ? jsx("div", {
|
|
2738
|
+
children: minutesSeconds.map((s, index) => s === false ? jsxRuntimeExports.jsx("div", {
|
|
1531
2739
|
className: `${prefixCls}-cell`,
|
|
1532
2740
|
style: {
|
|
1533
2741
|
opacity: 0,
|
|
@@ -1535,7 +2743,7 @@ const TimePicker = ({
|
|
|
1535
2743
|
cursor: 'inherit'
|
|
1536
2744
|
},
|
|
1537
2745
|
children: "0"
|
|
1538
|
-
}, `${s}_${index}`) : jsx("div", {
|
|
2746
|
+
}, `${s}_${index}`) : jsxRuntimeExports.jsx("div", {
|
|
1539
2747
|
className: clsx([`${prefixCls}-cell`, {
|
|
1540
2748
|
[`${prefixCls}-cell-disabled`]: getDisabled('second', currentHour, currentMinute).includes(s),
|
|
1541
2749
|
[`${prefixCls}-cell-selected`]: selectedSecond === s
|
|
@@ -1544,13 +2752,13 @@ const TimePicker = ({
|
|
|
1544
2752
|
children: pad(s)
|
|
1545
2753
|
}, s))
|
|
1546
2754
|
})]
|
|
1547
|
-
}), jsxs("div", {
|
|
2755
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
1548
2756
|
className: `${prefixCls}-actions`,
|
|
1549
|
-
children: [showNow ? jsx("div", {
|
|
2757
|
+
children: [showNow ? jsxRuntimeExports.jsx("div", {
|
|
1550
2758
|
className: `${prefixCls}-now-btn`,
|
|
1551
2759
|
onClick: handleShowNow,
|
|
1552
2760
|
children: "Now"
|
|
1553
|
-
}) : jsx("span", {}), jsx("button", {
|
|
2761
|
+
}) : jsxRuntimeExports.jsx("span", {}), jsxRuntimeExports.jsx("button", {
|
|
1554
2762
|
className: `${prefixCls}-ok-btn`,
|
|
1555
2763
|
disabled: selectedHour === null || selectedMinute === null || selectedSecond === null,
|
|
1556
2764
|
onClick: handleOkButton,
|
|
@@ -1559,13 +2767,13 @@ const TimePicker = ({
|
|
|
1559
2767
|
})]
|
|
1560
2768
|
});
|
|
1561
2769
|
};
|
|
1562
|
-
return jsxs("div", {
|
|
2770
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
1563
2771
|
className: clsx([`${prefixCls}-wrapper`, className]),
|
|
1564
2772
|
style: style,
|
|
1565
|
-
children: [jsxs("div", {
|
|
2773
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
1566
2774
|
className: `${prefixCls}-input-wrapper`,
|
|
1567
2775
|
onClick: () => setOpen(true),
|
|
1568
|
-
children: [jsx("input", {
|
|
2776
|
+
children: [jsxRuntimeExports.jsx("input", {
|
|
1569
2777
|
ref: inputRef,
|
|
1570
2778
|
size: INPUT_SIZE,
|
|
1571
2779
|
placeholder: placeholder,
|
|
@@ -1580,13 +2788,13 @@ const TimePicker = ({
|
|
|
1580
2788
|
source: 'input'
|
|
1581
2789
|
});
|
|
1582
2790
|
}
|
|
1583
|
-
}), jsx("div", {
|
|
2791
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
1584
2792
|
className: `${prefixCls}-icons`,
|
|
1585
|
-
children: clearIcon && innerValue ? jsx("span", {
|
|
2793
|
+
children: clearIcon && innerValue ? jsxRuntimeExports.jsx("span", {
|
|
1586
2794
|
className: `${prefixCls}-clear`,
|
|
1587
2795
|
onClick: handleClear,
|
|
1588
2796
|
children: clearIcon
|
|
1589
|
-
}) : suffixIcon && jsx("span", {
|
|
2797
|
+
}) : suffixIcon && jsxRuntimeExports.jsx("span", {
|
|
1590
2798
|
className: `${prefixCls}-suffix`,
|
|
1591
2799
|
onClick: e => {
|
|
1592
2800
|
e.stopPropagation();
|
|
@@ -1595,7 +2803,7 @@ const TimePicker = ({
|
|
|
1595
2803
|
children: suffixIcon
|
|
1596
2804
|
})
|
|
1597
2805
|
})]
|
|
1598
|
-
}), open && jsx("div", {
|
|
2806
|
+
}), open && jsxRuntimeExports.jsx("div", {
|
|
1599
2807
|
ref: popupRef,
|
|
1600
2808
|
className: `${prefixCls}-popup`,
|
|
1601
2809
|
children: renderOptions()
|
|
@@ -1663,9 +2871,9 @@ const Textarea = /*#__PURE__*/forwardRef(({
|
|
|
1663
2871
|
});
|
|
1664
2872
|
}
|
|
1665
2873
|
};
|
|
1666
|
-
return jsxs("div", {
|
|
2874
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
1667
2875
|
className: `${prefixCls}-wrapper ${rootClassName || ''}`,
|
|
1668
|
-
children: [jsx("textarea", {
|
|
2876
|
+
children: [jsxRuntimeExports.jsx("textarea", {
|
|
1669
2877
|
...props,
|
|
1670
2878
|
ref: ref || textareaRef,
|
|
1671
2879
|
value: inputValue,
|
|
@@ -1680,7 +2888,7 @@ const Textarea = /*#__PURE__*/forwardRef(({
|
|
|
1680
2888
|
[`${prefixCls}-success`]: status === 'success',
|
|
1681
2889
|
[`${prefixCls}-error`]: status === 'error' || error
|
|
1682
2890
|
}])
|
|
1683
|
-
}), allowClear && inputValue && jsx("button", {
|
|
2891
|
+
}), allowClear && inputValue && jsxRuntimeExports.jsx("button", {
|
|
1684
2892
|
className: `${prefixCls}-clear`,
|
|
1685
2893
|
onClick: handleClear,
|
|
1686
2894
|
children: "\u2715"
|
|
@@ -1737,7 +2945,7 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
1737
2945
|
onPressEnter(e);
|
|
1738
2946
|
}
|
|
1739
2947
|
};
|
|
1740
|
-
return jsxs("div", {
|
|
2948
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
1741
2949
|
className: clsx([`${prefixCls}-container`, {
|
|
1742
2950
|
[`${prefixCls}-error`]: error,
|
|
1743
2951
|
[`${prefixCls}-disabled`]: disabled,
|
|
@@ -1745,15 +2953,15 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
1745
2953
|
noStyle: noStyle
|
|
1746
2954
|
}, className]),
|
|
1747
2955
|
style: props.style,
|
|
1748
|
-
children: [addonBefore && jsx("span", {
|
|
2956
|
+
children: [addonBefore && jsxRuntimeExports.jsx("span", {
|
|
1749
2957
|
className: `${prefixCls}-addon ${prefixCls}-before`,
|
|
1750
2958
|
children: addonBefore
|
|
1751
|
-
}), jsxs("div", {
|
|
2959
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
1752
2960
|
className: `${prefixCls}-wrapper`,
|
|
1753
|
-
children: [prefix && jsx("span", {
|
|
2961
|
+
children: [prefix && jsxRuntimeExports.jsx("span", {
|
|
1754
2962
|
className: `${prefixCls}-prefix`,
|
|
1755
2963
|
children: prefix
|
|
1756
|
-
}), jsx("input", {
|
|
2964
|
+
}), jsxRuntimeExports.jsx("input", {
|
|
1757
2965
|
...props,
|
|
1758
2966
|
ref: inputRef,
|
|
1759
2967
|
...(props.type === 'password' && iconRender ? {
|
|
@@ -1764,18 +2972,18 @@ const InputComponent = /*#__PURE__*/forwardRef(({
|
|
|
1764
2972
|
onChange: handleChange,
|
|
1765
2973
|
onKeyDown: handleOnKeyDown,
|
|
1766
2974
|
className: clsx([prefixCls, className])
|
|
1767
|
-
}), jsx("span", {
|
|
2975
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
1768
2976
|
className: `${prefixCls}-clear`,
|
|
1769
2977
|
onClick: handleClear,
|
|
1770
|
-
children: allowClear && internalValue ? jsx(ErrorIcon, {}) : null
|
|
1771
|
-
}), (suffix || iconRender) && jsxs("span", {
|
|
2978
|
+
children: allowClear && internalValue ? jsxRuntimeExports.jsx(ErrorIcon, {}) : null
|
|
2979
|
+
}), (suffix || iconRender) && jsxRuntimeExports.jsxs("span", {
|
|
1772
2980
|
className: `${prefixCls}-suffix`,
|
|
1773
2981
|
...(iconRender !== undefined ? {
|
|
1774
2982
|
onClick: () => setIconRenderVisible(icon => !icon)
|
|
1775
2983
|
} : {}),
|
|
1776
|
-
children: [suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2984
|
+
children: [suffix || iconRender?.(iconRenderVisible), error && feedbackIcons ? jsxRuntimeExports.jsx(ErrorIcon, {}) : null]
|
|
1777
2985
|
})]
|
|
1778
|
-
}), addonAfter ? jsx("span", {
|
|
2986
|
+
}), addonAfter ? jsxRuntimeExports.jsx("span", {
|
|
1779
2987
|
className: `${prefixCls}-addon ${prefixCls}-after`,
|
|
1780
2988
|
children: addonAfter
|
|
1781
2989
|
}) : null]
|
|
@@ -1797,7 +3005,7 @@ const RadioButton = ({
|
|
|
1797
3005
|
size = 'large',
|
|
1798
3006
|
...props
|
|
1799
3007
|
}) => {
|
|
1800
|
-
return jsx(Radio, {
|
|
3008
|
+
return jsxRuntimeExports.jsx(Radio, {
|
|
1801
3009
|
...props,
|
|
1802
3010
|
checked: checked,
|
|
1803
3011
|
disabled: disabled,
|
|
@@ -1807,7 +3015,7 @@ const RadioButton = ({
|
|
|
1807
3015
|
[`${prefixCls}-button-${size}`]: size,
|
|
1808
3016
|
[`${prefixCls}-button-checked`]: checked
|
|
1809
3017
|
}]),
|
|
1810
|
-
children: jsx("span", {
|
|
3018
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
1811
3019
|
className: `${prefixCls}-button-content`,
|
|
1812
3020
|
children: children ?? props.value
|
|
1813
3021
|
})
|
|
@@ -1839,7 +3047,7 @@ const RadioGroup = ({
|
|
|
1839
3047
|
return options.map((option, key) => {
|
|
1840
3048
|
const optionValue = typeof option === 'object' ? option.value : option;
|
|
1841
3049
|
const optionLabel = typeof option === 'object' ? option.label : option;
|
|
1842
|
-
return jsx(Radio, {
|
|
3050
|
+
return jsxRuntimeExports.jsx(Radio, {
|
|
1843
3051
|
value: optionValue,
|
|
1844
3052
|
checked: selectedValue === optionValue,
|
|
1845
3053
|
disabled: disabled || typeof option === 'object' && option.disabled,
|
|
@@ -1867,7 +3075,7 @@ const RadioGroup = ({
|
|
|
1867
3075
|
return child;
|
|
1868
3076
|
});
|
|
1869
3077
|
};
|
|
1870
|
-
return jsx("div", {
|
|
3078
|
+
return jsxRuntimeExports.jsx("div", {
|
|
1871
3079
|
id: id,
|
|
1872
3080
|
style: style,
|
|
1873
3081
|
className: clsx([`${prefixCls}-group`, {
|
|
@@ -1912,7 +3120,7 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
1912
3120
|
onChange?.(parseValue(value));
|
|
1913
3121
|
}
|
|
1914
3122
|
}, [defaultChecked, checked]);
|
|
1915
|
-
return jsxs("label", {
|
|
3123
|
+
return jsxRuntimeExports.jsxs("label", {
|
|
1916
3124
|
ref: ref,
|
|
1917
3125
|
title: title,
|
|
1918
3126
|
onMouseEnter: onMouseEnter,
|
|
@@ -1922,7 +3130,7 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
1922
3130
|
noStyle: noStyle,
|
|
1923
3131
|
[className]: className
|
|
1924
3132
|
}]),
|
|
1925
|
-
children: [jsx("input", {
|
|
3133
|
+
children: [jsxRuntimeExports.jsx("input", {
|
|
1926
3134
|
name: name,
|
|
1927
3135
|
type: "radio",
|
|
1928
3136
|
onClick: onClick,
|
|
@@ -1930,9 +3138,9 @@ const RadioComponent = /*#__PURE__*/forwardRef(({
|
|
|
1930
3138
|
onChange: handleChange,
|
|
1931
3139
|
onBlur: e => onBlur?.(e),
|
|
1932
3140
|
onFocus: e => onFocus?.(e)
|
|
1933
|
-
}), jsx("span", {
|
|
3141
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
1934
3142
|
className: clsx([`${prefixCls} ${prefixCls}-${disabled ? 'disabled' : 'enabled'}`])
|
|
1935
|
-
}), jsx("span", {
|
|
3143
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
1936
3144
|
className: `${prefixCls}-title`,
|
|
1937
3145
|
children: children ?? title ?? value
|
|
1938
3146
|
})]
|
|
@@ -1965,7 +3173,7 @@ const Option = ({
|
|
|
1965
3173
|
}
|
|
1966
3174
|
onClick?.(e);
|
|
1967
3175
|
};
|
|
1968
|
-
return jsx("div", {
|
|
3176
|
+
return jsxRuntimeExports.jsx("div", {
|
|
1969
3177
|
className: clsx([`${prefixCls}-option ${className} `, {
|
|
1970
3178
|
selected: selected,
|
|
1971
3179
|
disabled: disabled
|
|
@@ -1998,18 +3206,18 @@ const Tag = ({
|
|
|
1998
3206
|
e.target.value = value;
|
|
1999
3207
|
onClose(e);
|
|
2000
3208
|
};
|
|
2001
|
-
return jsxs("div", {
|
|
3209
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
2002
3210
|
style: {
|
|
2003
3211
|
...style,
|
|
2004
3212
|
backgroundColor: color
|
|
2005
3213
|
},
|
|
2006
3214
|
className: `${prefixCls}-tag`,
|
|
2007
|
-
children: [jsx("span", {
|
|
3215
|
+
children: [jsxRuntimeExports.jsx("span", {
|
|
2008
3216
|
children: label !== undefined ? label : value
|
|
2009
|
-
}), closable && jsx("span", {
|
|
3217
|
+
}), closable && jsxRuntimeExports.jsx("span", {
|
|
2010
3218
|
className: `${prefixCls}-tag-close-icon`,
|
|
2011
3219
|
onClick: handleOnClick,
|
|
2012
|
-
children: icon || jsx(Fragment
|
|
3220
|
+
children: icon || jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
|
|
2013
3221
|
children: "\u2715"
|
|
2014
3222
|
})
|
|
2015
3223
|
})]
|
|
@@ -2026,39 +3234,39 @@ const EmptyContent = ({
|
|
|
2026
3234
|
title = 'No Data',
|
|
2027
3235
|
description = 'No data',
|
|
2028
3236
|
prefixCls = prefixClsEmpty
|
|
2029
|
-
}) => jsxs("div", {
|
|
3237
|
+
}) => jsxRuntimeExports.jsxs("div", {
|
|
2030
3238
|
style: style,
|
|
2031
3239
|
className: `${prefixCls} ${prefixCls}-normal ${prefixCls}-small ${className}`,
|
|
2032
|
-
children: [jsx("div", {
|
|
3240
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
2033
3241
|
className: `${prefixCls}-image`,
|
|
2034
|
-
children: icon || jsxs("svg", {
|
|
3242
|
+
children: icon || jsxRuntimeExports.jsxs("svg", {
|
|
2035
3243
|
width: "64",
|
|
2036
3244
|
height: "41",
|
|
2037
3245
|
viewBox: "0 0 64 41",
|
|
2038
3246
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2039
|
-
children: [jsx("title", {
|
|
3247
|
+
children: [jsxRuntimeExports.jsx("title", {
|
|
2040
3248
|
children: title
|
|
2041
|
-
}), jsxs("g", {
|
|
3249
|
+
}), jsxRuntimeExports.jsxs("g", {
|
|
2042
3250
|
transform: "translate(0 1)",
|
|
2043
3251
|
fill: "none",
|
|
2044
|
-
children: [jsx("ellipse", {
|
|
3252
|
+
children: [jsxRuntimeExports.jsx("ellipse", {
|
|
2045
3253
|
fill: "#f5f5f5",
|
|
2046
3254
|
cx: "32",
|
|
2047
3255
|
cy: "33",
|
|
2048
3256
|
rx: "32",
|
|
2049
3257
|
ry: "7"
|
|
2050
|
-
}), jsxs("g", {
|
|
3258
|
+
}), jsxRuntimeExports.jsxs("g", {
|
|
2051
3259
|
stroke: "#d9d9d9",
|
|
2052
|
-
children: [jsx("path", {
|
|
3260
|
+
children: [jsxRuntimeExports.jsx("path", {
|
|
2053
3261
|
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"
|
|
2054
|
-
}), jsx("path", {
|
|
3262
|
+
}), jsxRuntimeExports.jsx("path", {
|
|
2055
3263
|
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",
|
|
2056
3264
|
fill: "#fafafa"
|
|
2057
3265
|
})]
|
|
2058
3266
|
})]
|
|
2059
3267
|
})]
|
|
2060
3268
|
})
|
|
2061
|
-
}), jsx("div", {
|
|
3269
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
2062
3270
|
className: `${prefixCls}-description`,
|
|
2063
3271
|
children: description
|
|
2064
3272
|
})]
|
|
@@ -2271,8 +3479,8 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2271
3479
|
if (!showArrow) {
|
|
2272
3480
|
return null;
|
|
2273
3481
|
}
|
|
2274
|
-
return showSearch && isOpen ? jsx(SearchIcon, {}) : jsx("span", {
|
|
2275
|
-
children: suffixIcon || showArrow && jsx(ArrowIcon, {
|
|
3482
|
+
return showSearch && isOpen ? jsxRuntimeExports.jsx(SearchIcon, {}) : jsxRuntimeExports.jsx("span", {
|
|
3483
|
+
children: suffixIcon || showArrow && jsxRuntimeExports.jsx(ArrowIcon, {
|
|
2276
3484
|
isOpen: isOpen
|
|
2277
3485
|
})
|
|
2278
3486
|
});
|
|
@@ -2317,7 +3525,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2317
3525
|
...props
|
|
2318
3526
|
}) => {
|
|
2319
3527
|
const isSelected = hasMode ? selected.includes(props.value) : props.value === selected;
|
|
2320
|
-
return jsxs(Option, {
|
|
3528
|
+
return jsxRuntimeExports.jsxs(Option, {
|
|
2321
3529
|
...props,
|
|
2322
3530
|
selected: isSelected,
|
|
2323
3531
|
className: clsx([className, {
|
|
@@ -2335,15 +3543,15 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2335
3543
|
});
|
|
2336
3544
|
},
|
|
2337
3545
|
"data-value": props.value,
|
|
2338
|
-
children: [children || props.value, hasMode && isSelected && jsx("span", {
|
|
3546
|
+
children: [children || props.value, hasMode && isSelected && jsxRuntimeExports.jsx("span", {
|
|
2339
3547
|
className: `${prefixCls}-selected-icon`,
|
|
2340
|
-
children: menuItemSelectedIcon === true ? jsx(CheckIcon, {}) : menuItemSelectedIcon
|
|
3548
|
+
children: menuItemSelectedIcon === true ? jsxRuntimeExports.jsx(CheckIcon, {}) : menuItemSelectedIcon
|
|
2341
3549
|
})]
|
|
2342
3550
|
}, `${props.value}`);
|
|
2343
3551
|
});
|
|
2344
3552
|
return dropdownRender ? dropdownRender(options) : options;
|
|
2345
3553
|
})();
|
|
2346
|
-
const dropdownContent = !loading && isOpen && jsxs("div", {
|
|
3554
|
+
const dropdownContent = !loading && isOpen && jsxRuntimeExports.jsxs("div", {
|
|
2347
3555
|
className: clsx([`${prefixCls}-dropdown`, {
|
|
2348
3556
|
[placement]: placement,
|
|
2349
3557
|
[dropdownClassName]: dropdownClassName
|
|
@@ -2355,19 +3563,19 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2355
3563
|
top: -((selectRef.current?.querySelector(`.${prefixCls}-dropdown`)?.clientHeight || listHeight) + PADDING_PLACEMENT) + (selectRef.current?.clientHeight || 0)
|
|
2356
3564
|
} : {})
|
|
2357
3565
|
},
|
|
2358
|
-
children: [filterable && jsx("input", {
|
|
3566
|
+
children: [filterable && jsxRuntimeExports.jsx("input", {
|
|
2359
3567
|
type: "text",
|
|
2360
3568
|
className: `${prefixCls}-search`,
|
|
2361
3569
|
value: searchQuery,
|
|
2362
3570
|
onChange: handleSearch,
|
|
2363
3571
|
placeholder: "Search..."
|
|
2364
|
-
}), !loading && jsxs("div", {
|
|
3572
|
+
}), !loading && jsxRuntimeExports.jsxs("div", {
|
|
2365
3573
|
className: `${prefixCls}-options globalEllipsis`,
|
|
2366
3574
|
style: {
|
|
2367
3575
|
maxHeight: listHeight,
|
|
2368
3576
|
overflowY: 'auto'
|
|
2369
3577
|
},
|
|
2370
|
-
children: [asTag && !!searchQuery && jsx(Option, {
|
|
3578
|
+
children: [asTag && !!searchQuery && jsxRuntimeExports.jsx(Option, {
|
|
2371
3579
|
value: searchQuery,
|
|
2372
3580
|
className: `${prefixCls}-focused`,
|
|
2373
3581
|
onClick: e => {
|
|
@@ -2375,10 +3583,10 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2375
3583
|
},
|
|
2376
3584
|
"data-value": searchQuery,
|
|
2377
3585
|
children: searchQuery
|
|
2378
|
-
}), filteredOptions.length ? dataRender : !asTag ? notFoundContent || jsx(EmptyContent, {}) : null]
|
|
3586
|
+
}), filteredOptions.length ? dataRender : !asTag ? notFoundContent || jsxRuntimeExports.jsx(EmptyContent, {}) : null]
|
|
2379
3587
|
})]
|
|
2380
3588
|
});
|
|
2381
|
-
return jsxs("div", {
|
|
3589
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
2382
3590
|
id: id,
|
|
2383
3591
|
ref: selectRef,
|
|
2384
3592
|
style: style,
|
|
@@ -2390,12 +3598,12 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2390
3598
|
[`${prefixCls}-multi`]: hasMode,
|
|
2391
3599
|
[`${prefixCls}-disabled`]: disabled
|
|
2392
3600
|
}]),
|
|
2393
|
-
children: [jsxs("div", {
|
|
3601
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
2394
3602
|
onClick: handleTriggerClick,
|
|
2395
3603
|
onMouseEnter: handleMouseEnter,
|
|
2396
3604
|
onMouseLeave: handleMouseLeave,
|
|
2397
3605
|
className: `${prefixCls}-trigger`,
|
|
2398
|
-
children: [showSearch ? jsxs("div", {
|
|
3606
|
+
children: [showSearch ? jsxRuntimeExports.jsxs("div", {
|
|
2399
3607
|
style: {
|
|
2400
3608
|
...style,
|
|
2401
3609
|
...(isOpen ? {
|
|
@@ -2404,21 +3612,21 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2404
3612
|
minWidth: `${searchInputWidth}px`
|
|
2405
3613
|
},
|
|
2406
3614
|
className: `${prefixCls}-tag-container`,
|
|
2407
|
-
children: [hasMode && selected.map((tag, index) => tagRender ? jsx("div", {
|
|
3615
|
+
children: [hasMode && selected.map((tag, index) => tagRender ? jsxRuntimeExports.jsx("div", {
|
|
2408
3616
|
children: tagRender?.({
|
|
2409
3617
|
label: extractedOptions.find(e => e.value === tag)?.children || tag,
|
|
2410
3618
|
value: tag,
|
|
2411
3619
|
onClose: handleRemoveTag,
|
|
2412
3620
|
closable: true
|
|
2413
3621
|
})
|
|
2414
|
-
}, `${index}_${tag}`) : jsx(Tag, {
|
|
3622
|
+
}, `${index}_${tag}`) : jsxRuntimeExports.jsx(Tag, {
|
|
2415
3623
|
closable: true,
|
|
2416
3624
|
value: tag,
|
|
2417
3625
|
label: tag === '' ? placeholder : extractedOptions.find(e => e.value === tag)?.children || tag,
|
|
2418
3626
|
onClose: handleRemoveTag
|
|
2419
|
-
}, `${index}_${tag}`)), isOpen ? jsx("div", {
|
|
3627
|
+
}, `${index}_${tag}`)), isOpen ? jsxRuntimeExports.jsx("div", {
|
|
2420
3628
|
className: `${prefixCls}-tag`,
|
|
2421
|
-
children: jsx("div", {
|
|
3629
|
+
children: jsxRuntimeExports.jsx("div", {
|
|
2422
3630
|
onClick: e => {
|
|
2423
3631
|
if (disabled) {
|
|
2424
3632
|
e.preventDefault();
|
|
@@ -2436,14 +3644,14 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2436
3644
|
id: `${prefixCls}-search-tag-input`,
|
|
2437
3645
|
className: `${prefixCls}-tag-input`
|
|
2438
3646
|
})
|
|
2439
|
-
}) : !hasMode ? jsx("div", {
|
|
3647
|
+
}) : !hasMode ? jsxRuntimeExports.jsx("div", {
|
|
2440
3648
|
className: `${prefixCls}-input`,
|
|
2441
3649
|
style: {
|
|
2442
3650
|
opacity: isOpen || selected === '' ? '0.6' : '1'
|
|
2443
3651
|
},
|
|
2444
3652
|
children: selected === '' ? placeholder : extractedOptions.find(e => e.value === selected)?.children || selected
|
|
2445
3653
|
}) : null]
|
|
2446
|
-
}) : !hasMode ? jsx("div", {
|
|
3654
|
+
}) : !hasMode ? jsxRuntimeExports.jsx("div", {
|
|
2447
3655
|
className: `${prefixCls}-input`,
|
|
2448
3656
|
onClick: () => !disabled && setIsOpen(!isOpen || open),
|
|
2449
3657
|
style: {
|
|
@@ -2453,20 +3661,20 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
|
|
|
2453
3661
|
const option = extractedOptions.find(e => e.value === selected);
|
|
2454
3662
|
return option?.children || option?.value || null;
|
|
2455
3663
|
})()
|
|
2456
|
-
}) : null, isHover && !loading ? allowClear && selected ? jsx("button", {
|
|
3664
|
+
}) : null, isHover && !loading ? allowClear && selected ? jsxRuntimeExports.jsx("button", {
|
|
2457
3665
|
className: `${prefixCls}-clear-btn`,
|
|
2458
3666
|
onClick: handleClear,
|
|
2459
|
-
children: removeIcon || jsx(ClearIcon, {})
|
|
2460
|
-
}) : jsxs("span", {
|
|
3667
|
+
children: removeIcon || jsxRuntimeExports.jsx(ClearIcon, {})
|
|
3668
|
+
}) : jsxRuntimeExports.jsxs("span", {
|
|
2461
3669
|
className: `${prefixCls}-arrow`,
|
|
2462
|
-
children: [ArrowContainer, error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2463
|
-
}) : jsxs(Fragment
|
|
2464
|
-
children: [!loading && jsxs("span", {
|
|
3670
|
+
children: [ArrowContainer, error && feedbackIcons ? jsxRuntimeExports.jsx(ErrorIcon, {}) : null]
|
|
3671
|
+
}) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
3672
|
+
children: [!loading && jsxRuntimeExports.jsxs("span", {
|
|
2465
3673
|
className: `${prefixCls}-arrow`,
|
|
2466
|
-
children: [ArrowContainer, error && feedbackIcons ? jsx(ErrorIcon, {}) : null]
|
|
2467
|
-
}), loading && jsx("span", {
|
|
3674
|
+
children: [ArrowContainer, error && feedbackIcons ? jsxRuntimeExports.jsx(ErrorIcon, {}) : null]
|
|
3675
|
+
}), loading && jsxRuntimeExports.jsx("span", {
|
|
2468
3676
|
className: `${prefixCls}-loading`,
|
|
2469
|
-
children: jsx(LoadingIcon, {})
|
|
3677
|
+
children: jsxRuntimeExports.jsx(LoadingIcon, {})
|
|
2470
3678
|
})]
|
|
2471
3679
|
})]
|
|
2472
3680
|
}), popupContainer ? /*#__PURE__*/createPortal(dropdownContent, popupContainer) : dropdownContent]
|
|
@@ -2493,12 +3701,12 @@ const SkeletonButton = ({
|
|
|
2493
3701
|
size = 'default',
|
|
2494
3702
|
applyElementStyle = true
|
|
2495
3703
|
}) => {
|
|
2496
|
-
return jsx("div", {
|
|
3704
|
+
return jsxRuntimeExports.jsx("div", {
|
|
2497
3705
|
className: clsx([`${prefixCls}`, {
|
|
2498
3706
|
[`${prefixCls}-element`]: applyElementStyle,
|
|
2499
3707
|
[`${prefixCls}-active`]: active
|
|
2500
3708
|
}, className]),
|
|
2501
|
-
children: jsx("span", {
|
|
3709
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
2502
3710
|
className: clsx([`${prefixCls}-button `, BUTTON_SKELETON_SIZE[size], className]),
|
|
2503
3711
|
style: style
|
|
2504
3712
|
})
|
|
@@ -2532,14 +3740,14 @@ const SkeletonAvatar = ({
|
|
|
2532
3740
|
applyElementStyle = true,
|
|
2533
3741
|
...props
|
|
2534
3742
|
}) => {
|
|
2535
|
-
return jsx("div", {
|
|
3743
|
+
return jsxRuntimeExports.jsx("div", {
|
|
2536
3744
|
className: clsx([`${prefixCls}`, {
|
|
2537
3745
|
[`${prefixCls}-element`]: applyElementStyle,
|
|
2538
3746
|
[`${prefixCls}-active`]: active
|
|
2539
3747
|
}, className]),
|
|
2540
3748
|
style: wrapperStyle,
|
|
2541
3749
|
...props,
|
|
2542
|
-
children: jsx("span", {
|
|
3750
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
2543
3751
|
className: clsx([`${prefixCls}-avatar ${prefixCls}-avatar-${shape}`]),
|
|
2544
3752
|
style: {
|
|
2545
3753
|
...(size ? {
|
|
@@ -2562,10 +3770,10 @@ const SkeletonImage = ({
|
|
|
2562
3770
|
className,
|
|
2563
3771
|
style = {}
|
|
2564
3772
|
}) => {
|
|
2565
|
-
return jsx("div", {
|
|
3773
|
+
return jsxRuntimeExports.jsx("div", {
|
|
2566
3774
|
className: `${prefixCls}-image ${className || ''}`,
|
|
2567
3775
|
style: style,
|
|
2568
|
-
children: jsx("span", {
|
|
3776
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
2569
3777
|
className: `${prefixCls}-icon`,
|
|
2570
3778
|
style: {
|
|
2571
3779
|
fontSize: `${style?.width || CUSTOm_ICON_SIZE}px`,
|
|
@@ -2577,13 +3785,13 @@ const SkeletonImage = ({
|
|
|
2577
3785
|
backgroundColor: style?.backgroundColor
|
|
2578
3786
|
} : {})
|
|
2579
3787
|
},
|
|
2580
|
-
children: jsx("svg", {
|
|
3788
|
+
children: jsxRuntimeExports.jsx("svg", {
|
|
2581
3789
|
viewBox: "0 0 1098 1024",
|
|
2582
3790
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2583
3791
|
width: "1em",
|
|
2584
3792
|
height: "1em",
|
|
2585
3793
|
fill: "currentColor",
|
|
2586
|
-
children: jsx("path", {
|
|
3794
|
+
children: jsxRuntimeExports.jsx("path", {
|
|
2587
3795
|
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",
|
|
2588
3796
|
className: `${prefixCls}-image-path`
|
|
2589
3797
|
})
|
|
@@ -2608,12 +3816,12 @@ const SkeletonInput = ({
|
|
|
2608
3816
|
className,
|
|
2609
3817
|
size = 'default'
|
|
2610
3818
|
}) => {
|
|
2611
|
-
return jsx("div", {
|
|
3819
|
+
return jsxRuntimeExports.jsx("div", {
|
|
2612
3820
|
className: clsx([`${prefixCls}-element`, {
|
|
2613
3821
|
[`${prefixCls}-active`]: active,
|
|
2614
3822
|
[`${prefixCls}-block`]: block
|
|
2615
3823
|
}, className]),
|
|
2616
|
-
children: jsx("span", {
|
|
3824
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
2617
3825
|
className: `${prefixCls}-input ${INPUT_SKELETON_SIZE[size]} ${className || ''}`,
|
|
2618
3826
|
style: style
|
|
2619
3827
|
})
|
|
@@ -2645,31 +3853,31 @@ const Skeleton = ({
|
|
|
2645
3853
|
} : {};
|
|
2646
3854
|
const PARAGRAPH_ROWS = avatar ? PARAGRAPH_AVATAR_ROWS : PARAGRAPH_DEFAULT_ROWS;
|
|
2647
3855
|
const HAS_PHARAGRAPH = typeof paragraph === 'boolean' || !paragraph ? PARAGRAPH_ROWS : paragraph?.rows ?? PARAGRAPH_ROWS;
|
|
2648
|
-
return jsxs("div", {
|
|
3856
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
2649
3857
|
className: clsx([prefixCls, {
|
|
2650
3858
|
[`${prefixCls}__withAvatar`]: avatar,
|
|
2651
3859
|
[`${prefixCls}-active`]: active,
|
|
2652
3860
|
[`${prefixCls}-round`]: round
|
|
2653
3861
|
}, className]),
|
|
2654
3862
|
style: style,
|
|
2655
|
-
children: [avatar && teamLogo && jsx("div", {
|
|
3863
|
+
children: [avatar && teamLogo && jsxRuntimeExports.jsx("div", {
|
|
2656
3864
|
className: `${prefixCls}__header`,
|
|
2657
|
-
children: jsx(SkeletonAvatar, {
|
|
3865
|
+
children: jsxRuntimeExports.jsx(SkeletonAvatar, {
|
|
2658
3866
|
...GET_AVATAR_SKELETON_PROPS(avatar)
|
|
2659
3867
|
})
|
|
2660
|
-
}), jsxs("div", {
|
|
3868
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
2661
3869
|
className: `${prefixCls}-content`,
|
|
2662
|
-
children: [jsx("h3", {
|
|
3870
|
+
children: [jsxRuntimeExports.jsx("h3", {
|
|
2663
3871
|
className: clsx([`${prefixCls}-title ${GET_TITLE_SKELETON_PROPS.className}`, {
|
|
2664
3872
|
[`${prefixCls}-title-avatar`]: avatar
|
|
2665
3873
|
}]),
|
|
2666
3874
|
style: GET_TITLE_SKELETON_PROPS.style
|
|
2667
|
-
}), paragraph !== false && jsx("ul", {
|
|
3875
|
+
}), paragraph !== false && jsxRuntimeExports.jsx("ul", {
|
|
2668
3876
|
className: `${prefixCls}-paragraph`,
|
|
2669
3877
|
style: {
|
|
2670
3878
|
...(typeof paragraph !== 'boolean' && paragraph ? paragraph.style : {})
|
|
2671
3879
|
},
|
|
2672
|
-
children: createArray(HAS_PHARAGRAPH).map(key => jsx("li", {}, key))
|
|
3880
|
+
children: createArray(HAS_PHARAGRAPH).map(key => jsxRuntimeExports.jsx("li", {}, key))
|
|
2673
3881
|
})]
|
|
2674
3882
|
})]
|
|
2675
3883
|
});
|
|
@@ -2724,20 +3932,20 @@ const ButtonComponent = ({
|
|
|
2724
3932
|
[`${prefixCls}-disabled`]: disabled
|
|
2725
3933
|
}, className);
|
|
2726
3934
|
const iconNode = useMemo(() => {
|
|
2727
|
-
return innerLoading ? typeof loading === 'object' && loading.icon || jsx("span", {
|
|
3935
|
+
return innerLoading ? typeof loading === 'object' && loading.icon || jsxRuntimeExports.jsx("span", {
|
|
2728
3936
|
className: `${prefixCls}-spinner`
|
|
2729
3937
|
}) : icon;
|
|
2730
3938
|
}, [icon, innerLoading, loading, prefixCls]);
|
|
2731
3939
|
const content = useMemo(() => {
|
|
2732
|
-
return jsxs(Fragment
|
|
2733
|
-
children: [iconNode && iconPosition === 'start' && jsx("span", {
|
|
3940
|
+
return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
3941
|
+
children: [iconNode && iconPosition === 'start' && jsxRuntimeExports.jsx("span", {
|
|
2734
3942
|
className: clsx(`${prefixCls}-icon`, customClassNames.icon),
|
|
2735
3943
|
style: styles.icon,
|
|
2736
3944
|
children: iconNode
|
|
2737
|
-
}), jsx("span", {
|
|
3945
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
2738
3946
|
className: `${prefixCls}-content`,
|
|
2739
3947
|
children: children
|
|
2740
|
-
}), iconNode && iconPosition === 'end' && jsx("span", {
|
|
3948
|
+
}), iconNode && iconPosition === 'end' && jsxRuntimeExports.jsx("span", {
|
|
2741
3949
|
className: clsx(`${prefixCls}-icon`, customClassNames.icon),
|
|
2742
3950
|
style: styles.icon,
|
|
2743
3951
|
children: iconNode
|
|
@@ -2746,14 +3954,14 @@ const ButtonComponent = ({
|
|
|
2746
3954
|
}, [children, customClassNames.icon, iconNode, iconPosition, prefixCls, styles.icon]);
|
|
2747
3955
|
const mergedDisabled = disabled || innerLoading;
|
|
2748
3956
|
if (href) {
|
|
2749
|
-
return jsx("a", {
|
|
3957
|
+
return jsxRuntimeExports.jsx("a", {
|
|
2750
3958
|
className: classes,
|
|
2751
3959
|
href: mergedDisabled ? undefined : href,
|
|
2752
3960
|
"aria-disabled": mergedDisabled,
|
|
2753
3961
|
children: content
|
|
2754
3962
|
});
|
|
2755
3963
|
}
|
|
2756
|
-
return jsx("button", {
|
|
3964
|
+
return jsxRuntimeExports.jsx("button", {
|
|
2757
3965
|
type: htmlType,
|
|
2758
3966
|
className: classes,
|
|
2759
3967
|
disabled: mergedDisabled,
|
|
@@ -2905,16 +4113,16 @@ const Upload = ({
|
|
|
2905
4113
|
uploadRef.current.click();
|
|
2906
4114
|
}
|
|
2907
4115
|
};
|
|
2908
|
-
return jsxs("div", {
|
|
4116
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
2909
4117
|
className: clsx([`${prefixCls}-wrapper`, className, rootClassName, {
|
|
2910
4118
|
noStyle: noStyle,
|
|
2911
4119
|
[`${prefixCls}-disabled`]: disabled
|
|
2912
4120
|
}]),
|
|
2913
4121
|
style: style,
|
|
2914
|
-
children: [jsxs("span", {
|
|
4122
|
+
children: [jsxRuntimeExports.jsxs("span", {
|
|
2915
4123
|
className: clsx([`${prefixCls}`, `${prefixCls}-${listType}`]),
|
|
2916
4124
|
onClick: handleClick,
|
|
2917
|
-
children: [children, jsx("input", {
|
|
4125
|
+
children: [children, jsxRuntimeExports.jsx("input", {
|
|
2918
4126
|
type: "file",
|
|
2919
4127
|
ref: uploadRef,
|
|
2920
4128
|
accept: accept,
|
|
@@ -2927,34 +4135,34 @@ const Upload = ({
|
|
|
2927
4135
|
webkitdirectory: true
|
|
2928
4136
|
} : {})
|
|
2929
4137
|
})]
|
|
2930
|
-
}), showUploadList && fileList.length > 0 && jsx("ul", {
|
|
4138
|
+
}), showUploadList && fileList.length > 0 && jsxRuntimeExports.jsx("ul", {
|
|
2931
4139
|
className: `${prefixCls}-list ${prefixCls}-list-${listType}`,
|
|
2932
|
-
children: fileList.map(file => jsxs("li", {
|
|
4140
|
+
children: fileList.map(file => jsxRuntimeExports.jsxs("li", {
|
|
2933
4141
|
className: `${prefixCls}-item ${prefixCls}-item-${file.status}`,
|
|
2934
|
-
children: [jsx("span", {
|
|
4142
|
+
children: [jsxRuntimeExports.jsx("span", {
|
|
2935
4143
|
className: `${prefixCls}-remove`,
|
|
2936
4144
|
onClick: () => handleRemove(file.uid),
|
|
2937
4145
|
children: listType === 'picture' && (file.originFileObj || file.url) ?
|
|
2938
4146
|
// eslint-disable-next-line @next/next/no-img-element
|
|
2939
|
-
jsx("img", {
|
|
4147
|
+
jsxRuntimeExports.jsx("img", {
|
|
2940
4148
|
width: IMAGE_SIZE,
|
|
2941
4149
|
height: IMAGE_SIZE,
|
|
2942
4150
|
alt: file.name,
|
|
2943
4151
|
src: file.url || URL.createObjectURL(file.originFileObj),
|
|
2944
4152
|
className: `${prefixCls}-item-thumbnail`
|
|
2945
|
-
}) : jsx(StampleIcon, {})
|
|
2946
|
-
}), jsxs("div", {
|
|
4153
|
+
}) : jsxRuntimeExports.jsx(StampleIcon, {})
|
|
4154
|
+
}), jsxRuntimeExports.jsxs("div", {
|
|
2947
4155
|
style: {
|
|
2948
4156
|
width: '100%'
|
|
2949
4157
|
},
|
|
2950
|
-
children: [jsx("div", {
|
|
4158
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
2951
4159
|
className: `${prefixCls}-item-title`,
|
|
2952
4160
|
style: {
|
|
2953
4161
|
...(file.status === 'uploading' ? {
|
|
2954
4162
|
marginBottom: 12
|
|
2955
4163
|
} : {})
|
|
2956
4164
|
},
|
|
2957
|
-
children: jsx("span", {
|
|
4165
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
2958
4166
|
className: `${prefixCls}-item-remove-icon`,
|
|
2959
4167
|
onClick: () => handleRemove(file.uid),
|
|
2960
4168
|
style: {
|
|
@@ -2963,12 +4171,12 @@ const Upload = ({
|
|
|
2963
4171
|
},
|
|
2964
4172
|
role: "button",
|
|
2965
4173
|
"aria-label": "Remove file",
|
|
2966
|
-
children: jsx(TrashIcon, {})
|
|
4174
|
+
children: jsxRuntimeExports.jsx(TrashIcon, {})
|
|
2967
4175
|
})
|
|
2968
|
-
}), file.status === 'uploading' && jsxs(Fragment
|
|
2969
|
-
children: [jsx("div", {
|
|
4176
|
+
}), file.status === 'uploading' && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
4177
|
+
children: [jsxRuntimeExports.jsx("div", {
|
|
2970
4178
|
className: `${prefixCls}-item-progress-line`
|
|
2971
|
-
}), jsx("div", {
|
|
4179
|
+
}), jsxRuntimeExports.jsx("div", {
|
|
2972
4180
|
className: `${prefixCls}-item-progress-line-percent`,
|
|
2973
4181
|
style: {
|
|
2974
4182
|
width: `${file.percent}%`
|
|
@@ -3024,9 +4232,9 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
3024
4232
|
setInternalChecked(checked);
|
|
3025
4233
|
}
|
|
3026
4234
|
}, [checked]);
|
|
3027
|
-
return jsxs("div", {
|
|
4235
|
+
return jsxRuntimeExports.jsxs("div", {
|
|
3028
4236
|
className: `${prefixCls}-wrapper`,
|
|
3029
|
-
children: [jsxs("div", {
|
|
4237
|
+
children: [jsxRuntimeExports.jsxs("div", {
|
|
3030
4238
|
ref: ref,
|
|
3031
4239
|
style: style,
|
|
3032
4240
|
onClick: handleClick,
|
|
@@ -3035,7 +4243,7 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
3035
4243
|
[`${prefixCls}-disabled`]: disabled,
|
|
3036
4244
|
[`${prefixCls}-checked`]: internalChecked
|
|
3037
4245
|
}]),
|
|
3038
|
-
children: [jsx("input", {
|
|
4246
|
+
children: [jsxRuntimeExports.jsx("input", {
|
|
3039
4247
|
id: id,
|
|
3040
4248
|
type: type,
|
|
3041
4249
|
name: name,
|
|
@@ -3047,16 +4255,16 @@ const Checkbox = /*#__PURE__*/forwardRef(({
|
|
|
3047
4255
|
onKeyPress: onKeyPress,
|
|
3048
4256
|
onMouseEnter: onMouseEnter,
|
|
3049
4257
|
onMouseLeave: onMouseLeave
|
|
3050
|
-
}), jsx("span", {
|
|
4258
|
+
}), jsxRuntimeExports.jsx("span", {
|
|
3051
4259
|
className: `${prefixCls}-box`,
|
|
3052
|
-
children: jsx("span", {
|
|
4260
|
+
children: jsxRuntimeExports.jsx("span", {
|
|
3053
4261
|
className: `${prefixCls}-check`,
|
|
3054
4262
|
style: {
|
|
3055
4263
|
opacity: Number(internalChecked)
|
|
3056
4264
|
}
|
|
3057
4265
|
})
|
|
3058
4266
|
})]
|
|
3059
|
-
}), children && jsx("span", {
|
|
4267
|
+
}), children && jsxRuntimeExports.jsx("span", {
|
|
3060
4268
|
className: `${prefixCls}-label`,
|
|
3061
4269
|
children: children
|
|
3062
4270
|
})]
|