@pnkx-lib/ui 1.9.503 → 1.9.505
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/style.css +2 -2
- package/es/assets/{ui-Dqfe-FBg.css → ui-U4G0iQfu.css} +107 -0
- package/es/chunks/{GenericUploadModal-ZbJl3R2N.js → GenericUploadModal-BNQ9cWDf.js} +51 -75
- package/es/chunks/{index.esm-Dr5ZHcf7.js → index.esm-AaUjBMaK.js} +58 -96
- package/es/chunks/{toArray-2LkvUaha.js → toArray-Czwb0MFW.js} +38 -27
- package/es/fields/PnkxField.js +1 -1
- package/es/fields/TinyMCE.js +1 -1
- package/es/index.js +2 -2
- package/es/ui/GenericUploadModal.js +2 -2
- package/es/ui/Layout.js +3 -3
- package/es/ui/SearchFilterForm.js +1 -1
- package/es/ui/Tabs.js +4 -4
- package/es/ui/UploadImage.js +1 -1
- package/es/ui/index.js +2145 -2098
- package/package.json +2 -2
- package/types/components/ui/Clock/index.d.ts +2 -0
- package/types/components/ui/CustomeBulkActions/BulkAction.d.ts +0 -0
- package/types/components/ui/CustomeBulkActions/ConvertData.d.ts +25 -0
- package/types/components/ui/CustomeBulkActions/DropListAction.d.ts +0 -0
- package/types/components/ui/CustomeBulkActions/index.d.ts +15 -0
- package/types/components/ui/TableCategory/index.d.ts +3 -1
- package/types/components/ui/index.d.ts +1 -0
- package/types/constants/bulkAction.d.ts +25 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import React__default from 'react';
|
|
2
3
|
|
|
3
4
|
var isCheckBoxInput = (element) => element.type === 'checkbox';
|
|
@@ -38,9 +39,12 @@ function cloneObject(data) {
|
|
|
38
39
|
if (data instanceof Date) {
|
|
39
40
|
copy = new Date(data);
|
|
40
41
|
}
|
|
42
|
+
else if (data instanceof Set) {
|
|
43
|
+
copy = new Set(data);
|
|
44
|
+
}
|
|
41
45
|
else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
|
|
42
46
|
(isArray || isObject(data))) {
|
|
43
|
-
copy = isArray ? [] :
|
|
47
|
+
copy = isArray ? [] : {};
|
|
44
48
|
if (!isArray && !isPlainObject(data)) {
|
|
45
49
|
copy = data;
|
|
46
50
|
}
|
|
@@ -180,7 +184,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
|
|
|
180
184
|
return result;
|
|
181
185
|
};
|
|
182
186
|
|
|
183
|
-
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ?
|
|
187
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
184
188
|
|
|
185
189
|
/**
|
|
186
190
|
* This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
|
|
@@ -252,51 +256,12 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
|
|
|
252
256
|
return get(formValues, names, defaultValue);
|
|
253
257
|
}
|
|
254
258
|
if (Array.isArray(names)) {
|
|
255
|
-
return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),
|
|
256
|
-
get(formValues, fieldName)));
|
|
259
|
+
return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
|
|
257
260
|
}
|
|
258
261
|
isGlobal && (_names.watchAll = true);
|
|
259
262
|
return formValues;
|
|
260
263
|
};
|
|
261
264
|
|
|
262
|
-
var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
|
|
263
|
-
|
|
264
|
-
function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
|
|
265
|
-
if (isPrimitive(object1) || isPrimitive(object2)) {
|
|
266
|
-
return object1 === object2;
|
|
267
|
-
}
|
|
268
|
-
if (isDateObject(object1) && isDateObject(object2)) {
|
|
269
|
-
return object1.getTime() === object2.getTime();
|
|
270
|
-
}
|
|
271
|
-
const keys1 = Object.keys(object1);
|
|
272
|
-
const keys2 = Object.keys(object2);
|
|
273
|
-
if (keys1.length !== keys2.length) {
|
|
274
|
-
return false;
|
|
275
|
-
}
|
|
276
|
-
if (_internal_visited.has(object1) || _internal_visited.has(object2)) {
|
|
277
|
-
return true;
|
|
278
|
-
}
|
|
279
|
-
_internal_visited.add(object1);
|
|
280
|
-
_internal_visited.add(object2);
|
|
281
|
-
for (const key of keys1) {
|
|
282
|
-
const val1 = object1[key];
|
|
283
|
-
if (!keys2.includes(key)) {
|
|
284
|
-
return false;
|
|
285
|
-
}
|
|
286
|
-
if (key !== 'ref') {
|
|
287
|
-
const val2 = object2[key];
|
|
288
|
-
if ((isDateObject(val1) && isDateObject(val2)) ||
|
|
289
|
-
(isObject(val1) && isObject(val2)) ||
|
|
290
|
-
(Array.isArray(val1) && Array.isArray(val2))
|
|
291
|
-
? !deepEqual(val1, val2, _internal_visited)
|
|
292
|
-
: val1 !== val2) {
|
|
293
|
-
return false;
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
return true;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
265
|
/**
|
|
301
266
|
* Custom hook to subscribe to field change and isolate re-rendering at the component level.
|
|
302
267
|
*
|
|
@@ -315,35 +280,18 @@ function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
|
|
|
315
280
|
*/
|
|
316
281
|
function useWatch(props) {
|
|
317
282
|
const methods = useFormContext();
|
|
318
|
-
const { control = methods.control, name, defaultValue, disabled, exact,
|
|
283
|
+
const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
|
|
319
284
|
const _defaultValue = React__default.useRef(defaultValue);
|
|
320
|
-
const
|
|
321
|
-
const _computeFormValues = React__default.useRef(undefined);
|
|
322
|
-
_compute.current = compute;
|
|
323
|
-
const defaultValueMemo = React__default.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
|
|
324
|
-
const [value, updateValue] = React__default.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
|
|
285
|
+
const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
|
|
325
286
|
useIsomorphicLayoutEffect(() => control._subscribe({
|
|
326
287
|
name,
|
|
327
288
|
formState: {
|
|
328
289
|
values: true,
|
|
329
290
|
},
|
|
330
291
|
exact,
|
|
331
|
-
callback: (formState) =>
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
if (_compute.current) {
|
|
335
|
-
const computedFormValues = _compute.current(formValues);
|
|
336
|
-
if (!deepEqual(computedFormValues, _computeFormValues.current)) {
|
|
337
|
-
updateValue(computedFormValues);
|
|
338
|
-
_computeFormValues.current = computedFormValues;
|
|
339
|
-
}
|
|
340
|
-
}
|
|
341
|
-
else {
|
|
342
|
-
updateValue(formValues);
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
},
|
|
346
|
-
}), [control, disabled, name, exact]);
|
|
292
|
+
callback: (formState) => !disabled &&
|
|
293
|
+
updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
|
|
294
|
+
}), [name, control, disabled, exact]);
|
|
347
295
|
React__default.useEffect(() => control._removeUnmounted());
|
|
348
296
|
return value;
|
|
349
297
|
}
|
|
@@ -374,13 +322,12 @@ function useWatch(props) {
|
|
|
374
322
|
*/
|
|
375
323
|
function useController(props) {
|
|
376
324
|
const methods = useFormContext();
|
|
377
|
-
const { name, disabled, control = methods.control, shouldUnregister
|
|
325
|
+
const { name, disabled, control = methods.control, shouldUnregister } = props;
|
|
378
326
|
const isArrayField = isNameInFieldArray(control._names.array, name);
|
|
379
|
-
const defaultValueMemo = React__default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
|
|
380
327
|
const value = useWatch({
|
|
381
328
|
control,
|
|
382
329
|
name,
|
|
383
|
-
defaultValue:
|
|
330
|
+
defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
|
|
384
331
|
exact: true,
|
|
385
332
|
});
|
|
386
333
|
const formState = useFormState({
|
|
@@ -394,7 +341,6 @@ function useController(props) {
|
|
|
394
341
|
value,
|
|
395
342
|
...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
|
|
396
343
|
}));
|
|
397
|
-
_props.current = props;
|
|
398
344
|
const fieldState = React__default.useMemo(() => Object.defineProperties({}, {
|
|
399
345
|
invalid: {
|
|
400
346
|
enumerable: true,
|
|
@@ -580,6 +526,39 @@ var createSubject = () => {
|
|
|
580
526
|
};
|
|
581
527
|
};
|
|
582
528
|
|
|
529
|
+
var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
|
|
530
|
+
|
|
531
|
+
function deepEqual(object1, object2) {
|
|
532
|
+
if (isPrimitive(object1) || isPrimitive(object2)) {
|
|
533
|
+
return object1 === object2;
|
|
534
|
+
}
|
|
535
|
+
if (isDateObject(object1) && isDateObject(object2)) {
|
|
536
|
+
return object1.getTime() === object2.getTime();
|
|
537
|
+
}
|
|
538
|
+
const keys1 = Object.keys(object1);
|
|
539
|
+
const keys2 = Object.keys(object2);
|
|
540
|
+
if (keys1.length !== keys2.length) {
|
|
541
|
+
return false;
|
|
542
|
+
}
|
|
543
|
+
for (const key of keys1) {
|
|
544
|
+
const val1 = object1[key];
|
|
545
|
+
if (!keys2.includes(key)) {
|
|
546
|
+
return false;
|
|
547
|
+
}
|
|
548
|
+
if (key !== 'ref') {
|
|
549
|
+
const val2 = object2[key];
|
|
550
|
+
if ((isDateObject(val1) && isDateObject(val2)) ||
|
|
551
|
+
(isObject(val1) && isObject(val2)) ||
|
|
552
|
+
(Array.isArray(val1) && Array.isArray(val2))
|
|
553
|
+
? !deepEqual(val1, val2)
|
|
554
|
+
: val1 !== val2) {
|
|
555
|
+
return false;
|
|
556
|
+
}
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
return true;
|
|
560
|
+
}
|
|
561
|
+
|
|
583
562
|
var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
|
|
584
563
|
|
|
585
564
|
var isFileInput = (element) => element.type === 'file';
|
|
@@ -1147,7 +1126,7 @@ function createFormControl(props = {}) {
|
|
|
1147
1126
|
errors: _options.errors || {},
|
|
1148
1127
|
disabled: _options.disabled || false,
|
|
1149
1128
|
};
|
|
1150
|
-
|
|
1129
|
+
const _fields = {};
|
|
1151
1130
|
let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
|
|
1152
1131
|
? cloneObject(_options.defaultValues || _options.values) || {}
|
|
1153
1132
|
: {};
|
|
@@ -1531,7 +1510,7 @@ function createFormControl(props = {}) {
|
|
|
1531
1510
|
? setValues(name, cloneValue, options)
|
|
1532
1511
|
: setFieldValue(name, cloneValue, options);
|
|
1533
1512
|
}
|
|
1534
|
-
isWatched(name, _names) && _subjects.state.next({ ..._formState
|
|
1513
|
+
isWatched(name, _names) && _subjects.state.next({ ..._formState });
|
|
1535
1514
|
_subjects.state.next({
|
|
1536
1515
|
name: _state.mount ? name : undefined,
|
|
1537
1516
|
values: cloneObject(_formValues),
|
|
@@ -1566,10 +1545,8 @@ function createFormControl(props = {}) {
|
|
|
1566
1545
|
const watched = isWatched(name, _names, isBlurEvent);
|
|
1567
1546
|
set(_formValues, name, fieldValue);
|
|
1568
1547
|
if (isBlurEvent) {
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
delayErrorCallback && delayErrorCallback(0);
|
|
1572
|
-
}
|
|
1548
|
+
field._f.onBlur && field._f.onBlur(event);
|
|
1549
|
+
delayErrorCallback && delayErrorCallback(0);
|
|
1573
1550
|
}
|
|
1574
1551
|
else if (field._f.onChange) {
|
|
1575
1552
|
field._f.onChange(event);
|
|
@@ -1715,8 +1692,7 @@ function createFormControl(props = {}) {
|
|
|
1715
1692
|
};
|
|
1716
1693
|
const watch = (name, defaultValue) => isFunction(name)
|
|
1717
1694
|
? _subjects.state.subscribe({
|
|
1718
|
-
next: (payload) =>
|
|
1719
|
-
name(_getWatch(undefined, defaultValue), payload),
|
|
1695
|
+
next: (payload) => name(_getWatch(undefined, defaultValue), payload),
|
|
1720
1696
|
})
|
|
1721
1697
|
: _getWatch(name, defaultValue, true);
|
|
1722
1698
|
const _subscribe = (props) => _subjects.state.subscribe({
|
|
@@ -1727,7 +1703,6 @@ function createFormControl(props = {}) {
|
|
|
1727
1703
|
values: { ..._formValues },
|
|
1728
1704
|
..._formState,
|
|
1729
1705
|
...formState,
|
|
1730
|
-
defaultValues: _defaultValues,
|
|
1731
1706
|
});
|
|
1732
1707
|
}
|
|
1733
1708
|
},
|
|
@@ -1894,14 +1869,14 @@ function createFormControl(props = {}) {
|
|
|
1894
1869
|
if (_options.resolver) {
|
|
1895
1870
|
const { errors, values } = await _runSchema();
|
|
1896
1871
|
_formState.errors = errors;
|
|
1897
|
-
fieldValues =
|
|
1872
|
+
fieldValues = values;
|
|
1898
1873
|
}
|
|
1899
1874
|
else {
|
|
1900
1875
|
await executeBuiltInValidation(_fields);
|
|
1901
1876
|
}
|
|
1902
1877
|
if (_names.disabled.size) {
|
|
1903
1878
|
for (const name of _names.disabled) {
|
|
1904
|
-
|
|
1879
|
+
set(fieldValues, name, undefined);
|
|
1905
1880
|
}
|
|
1906
1881
|
}
|
|
1907
1882
|
unset(_formState.errors, 'root');
|
|
@@ -1997,20 +1972,11 @@ function createFormControl(props = {}) {
|
|
|
1997
1972
|
}
|
|
1998
1973
|
}
|
|
1999
1974
|
}
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
setValue(fieldName, get(values, fieldName));
|
|
2003
|
-
}
|
|
2004
|
-
}
|
|
2005
|
-
else {
|
|
2006
|
-
_fields = {};
|
|
1975
|
+
for (const fieldName of _names.mount) {
|
|
1976
|
+
setValue(fieldName, get(values, fieldName));
|
|
2007
1977
|
}
|
|
2008
1978
|
}
|
|
2009
|
-
_formValues =
|
|
2010
|
-
? keepStateOptions.keepDefaultValues
|
|
2011
|
-
? cloneObject(_defaultValues)
|
|
2012
|
-
: {}
|
|
2013
|
-
: cloneObject(values);
|
|
1979
|
+
_formValues = cloneObject(values);
|
|
2014
1980
|
_subjects.array.next({
|
|
2015
1981
|
values: { ...values },
|
|
2016
1982
|
});
|
|
@@ -2064,7 +2030,6 @@ function createFormControl(props = {}) {
|
|
|
2064
2030
|
? _formState.isSubmitSuccessful
|
|
2065
2031
|
: false,
|
|
2066
2032
|
isSubmitting: false,
|
|
2067
|
-
defaultValues: _defaultValues,
|
|
2068
2033
|
});
|
|
2069
2034
|
};
|
|
2070
2035
|
const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues)
|
|
@@ -2293,10 +2258,7 @@ function useForm(props = {}) {
|
|
|
2293
2258
|
}, [control, formState.isDirty]);
|
|
2294
2259
|
React__default.useEffect(() => {
|
|
2295
2260
|
if (props.values && !deepEqual(props.values, _values.current)) {
|
|
2296
|
-
control._reset(props.values,
|
|
2297
|
-
keepFieldsRef: true,
|
|
2298
|
-
...control._options.resetOptions,
|
|
2299
|
-
});
|
|
2261
|
+
control._reset(props.values, control._options.resetOptions);
|
|
2300
2262
|
_values.current = props.values;
|
|
2301
2263
|
updateFormState((state) => ({ ...state }));
|
|
2302
2264
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { useContext, createContext } from 'react';
|
|
3
3
|
import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CTLrw71t.js';
|
|
4
|
-
import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$
|
|
4
|
+
import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$2, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon-Bve8mGNz.js';
|
|
5
5
|
import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-C9_dQ5Zr.js';
|
|
6
6
|
|
|
7
7
|
function useMemo(getValue, condition, shouldUpdate) {
|
|
@@ -177,7 +177,6 @@ var Entity = /*#__PURE__*/function () {
|
|
|
177
177
|
_defineProperty(this, "instanceId", void 0);
|
|
178
178
|
/** @private Internal cache map. Do not access this directly */
|
|
179
179
|
_defineProperty(this, "cache", new Map());
|
|
180
|
-
_defineProperty(this, "extracted", new Set());
|
|
181
180
|
this.instanceId = instanceId;
|
|
182
181
|
}
|
|
183
182
|
_createClass(Entity, [{
|
|
@@ -436,7 +435,7 @@ var Theme = /*#__PURE__*/function () {
|
|
|
436
435
|
this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
|
|
437
436
|
this.id = uuid;
|
|
438
437
|
if (derivatives.length === 0) {
|
|
439
|
-
warning$
|
|
438
|
+
warning$2(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
|
|
440
439
|
}
|
|
441
440
|
uuid += 1;
|
|
442
441
|
}
|
|
@@ -576,12 +575,13 @@ function unit$1(num) {
|
|
|
576
575
|
return num;
|
|
577
576
|
}
|
|
578
577
|
function toStyleStr(style, tokenKey, styleId) {
|
|
578
|
+
var _objectSpread2$1;
|
|
579
579
|
var customizeAttrs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
580
580
|
var plain = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
581
581
|
if (plain) {
|
|
582
582
|
return style;
|
|
583
583
|
}
|
|
584
|
-
var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {},
|
|
584
|
+
var attrs = _objectSpread2(_objectSpread2({}, customizeAttrs), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ATTR_TOKEN, tokenKey), _defineProperty(_objectSpread2$1, ATTR_MARK, styleId), _objectSpread2$1));
|
|
585
585
|
var attrStr = Object.keys(attrs).map(function (attr) {
|
|
586
586
|
var val = attrs[attr];
|
|
587
587
|
return val ? "".concat(attr, "=\"").concat(val, "\"") : null;
|
|
@@ -693,7 +693,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
|
|
|
693
693
|
function register(fn) {
|
|
694
694
|
if (cleanupFlag) {
|
|
695
695
|
if (process.env.NODE_ENV !== 'production') {
|
|
696
|
-
warning$
|
|
696
|
+
warning$2(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
|
|
697
697
|
}
|
|
698
698
|
return;
|
|
699
699
|
}
|
|
@@ -786,6 +786,7 @@ onCacheEffect) {
|
|
|
786
786
|
}, /* eslint-disable react-hooks/exhaustive-deps */
|
|
787
787
|
[fullPathStr]
|
|
788
788
|
/* eslint-enable */);
|
|
789
|
+
|
|
789
790
|
var cacheEntity = globalCache.opGet(fullPathStr);
|
|
790
791
|
|
|
791
792
|
// HMR clean the cache but not trigger `useMemo` again
|
|
@@ -865,13 +866,14 @@ var TOKEN_THRESHOLD = 0;
|
|
|
865
866
|
// Remove will check current keys first
|
|
866
867
|
function cleanTokenStyle(tokenKey, instanceId) {
|
|
867
868
|
tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
|
|
868
|
-
var
|
|
869
|
-
|
|
870
|
-
|
|
869
|
+
var tokenKeyList = Array.from(tokenKeys.keys());
|
|
870
|
+
var cleanableKeyList = tokenKeyList.filter(function (key) {
|
|
871
|
+
var count = tokenKeys.get(key) || 0;
|
|
872
|
+
return count <= 0;
|
|
871
873
|
});
|
|
872
874
|
|
|
873
875
|
// Should keep tokens under threshold for not to insert style too often
|
|
874
|
-
if (
|
|
876
|
+
if (tokenKeyList.length - cleanableKeyList.length > TOKEN_THRESHOLD) {
|
|
875
877
|
cleanableKeyList.forEach(function (key) {
|
|
876
878
|
removeStyleTags(key, instanceId);
|
|
877
879
|
tokenKeys.delete(key);
|
|
@@ -1952,8 +1954,7 @@ function useStyleRegister(info, styleFn) {
|
|
|
1952
1954
|
styleId = _ref3[2];
|
|
1953
1955
|
if ((fromHMR || autoClear) && isClientSide) {
|
|
1954
1956
|
removeCSS(styleId, {
|
|
1955
|
-
mark: ATTR_MARK
|
|
1956
|
-
attachTo: container
|
|
1957
|
+
mark: ATTR_MARK
|
|
1957
1958
|
});
|
|
1958
1959
|
}
|
|
1959
1960
|
},
|
|
@@ -2026,7 +2027,8 @@ function useStyleRegister(info, styleFn) {
|
|
|
2026
2027
|
if (!ssrInline || isMergedClientSide || !defaultCache) {
|
|
2027
2028
|
styleNode = /*#__PURE__*/React.createElement(Empty, null);
|
|
2028
2029
|
} else {
|
|
2029
|
-
|
|
2030
|
+
var _ref6;
|
|
2031
|
+
styleNode = /*#__PURE__*/React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
|
|
2030
2032
|
dangerouslySetInnerHTML: {
|
|
2031
2033
|
__html: cachedStyleStr
|
|
2032
2034
|
}
|
|
@@ -2113,8 +2115,7 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
|
|
|
2113
2115
|
styleId = _ref2[2];
|
|
2114
2116
|
if (isClientSide) {
|
|
2115
2117
|
removeCSS(styleId, {
|
|
2116
|
-
mark: ATTR_MARK
|
|
2117
|
-
attachTo: container
|
|
2118
|
+
mark: ATTR_MARK
|
|
2118
2119
|
});
|
|
2119
2120
|
}
|
|
2120
2121
|
}, function (_ref3) {
|
|
@@ -2258,9 +2259,9 @@ function resetWarned() {
|
|
|
2258
2259
|
deprecatedWarnList = null;
|
|
2259
2260
|
resetWarned$1();
|
|
2260
2261
|
}
|
|
2261
|
-
let
|
|
2262
|
+
let warning = noop$1;
|
|
2262
2263
|
if (process.env.NODE_ENV !== 'production') {
|
|
2263
|
-
|
|
2264
|
+
warning = (valid, component, message) => {
|
|
2264
2265
|
warningOnce(valid, `[antd: ${component}] ${message}`);
|
|
2265
2266
|
// StrictMode will inject console which will not throw warning in React 17.
|
|
2266
2267
|
if (process.env.NODE_ENV === 'test') {
|
|
@@ -2268,7 +2269,6 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
2268
2269
|
}
|
|
2269
2270
|
};
|
|
2270
2271
|
}
|
|
2271
|
-
const warning = _warning;
|
|
2272
2272
|
const WarningContext = /*#__PURE__*/React.createContext({});
|
|
2273
2273
|
/**
|
|
2274
2274
|
* This is a hook but we not named as `useWarning`
|
|
@@ -2308,6 +2308,7 @@ const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
|
|
|
2308
2308
|
noopWarning.deprecated = noop$1;
|
|
2309
2309
|
return noopWarning;
|
|
2310
2310
|
};
|
|
2311
|
+
const warning$1 = warning;
|
|
2311
2312
|
|
|
2312
2313
|
// ZombieJ: We export single file here since
|
|
2313
2314
|
// ConfigProvider use this which will make loop deps
|
|
@@ -2945,6 +2946,7 @@ function derivative(token) {
|
|
|
2945
2946
|
return prev;
|
|
2946
2947
|
}, {});
|
|
2947
2948
|
}).reduce((prev, cur) => {
|
|
2949
|
+
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
|
2948
2950
|
prev = Object.assign(Object.assign({}, prev), cur);
|
|
2949
2951
|
return prev;
|
|
2950
2952
|
}, {});
|
|
@@ -3075,7 +3077,7 @@ function registerTheme(globalPrefixCls, theme) {
|
|
|
3075
3077
|
if (canUseDom()) {
|
|
3076
3078
|
updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
|
|
3077
3079
|
} else {
|
|
3078
|
-
process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
|
|
3080
|
+
process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
|
|
3079
3081
|
}
|
|
3080
3082
|
}
|
|
3081
3083
|
|
|
@@ -3768,7 +3770,7 @@ function genStyleUtils(config) {
|
|
|
3768
3770
|
};
|
|
3769
3771
|
}
|
|
3770
3772
|
|
|
3771
|
-
const version = '5.
|
|
3773
|
+
const version = '5.26.1';
|
|
3772
3774
|
|
|
3773
3775
|
function isStableColor(color) {
|
|
3774
3776
|
return color >= 0 && color <= 255;
|
|
@@ -4009,6 +4011,17 @@ const unitless = {
|
|
|
4009
4011
|
opacityImage: true
|
|
4010
4012
|
};
|
|
4011
4013
|
const ignore = {
|
|
4014
|
+
size: true,
|
|
4015
|
+
sizeSM: true,
|
|
4016
|
+
sizeLG: true,
|
|
4017
|
+
sizeMD: true,
|
|
4018
|
+
sizeXS: true,
|
|
4019
|
+
sizeXXS: true,
|
|
4020
|
+
sizeMS: true,
|
|
4021
|
+
sizeXL: true,
|
|
4022
|
+
sizeXXL: true,
|
|
4023
|
+
sizeUnit: true,
|
|
4024
|
+
sizeStep: true,
|
|
4012
4025
|
motionBase: true,
|
|
4013
4026
|
motionUnit: true
|
|
4014
4027
|
};
|
|
@@ -4195,11 +4208,11 @@ const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont) => {
|
|
|
4195
4208
|
};
|
|
4196
4209
|
const genFocusOutline = (token, offset) => ({
|
|
4197
4210
|
outline: `${unit$1(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
|
|
4198
|
-
outlineOffset: 1,
|
|
4211
|
+
outlineOffset: offset !== null && offset !== void 0 ? offset : 1,
|
|
4199
4212
|
transition: 'outline-offset 0s, outline 0s'
|
|
4200
4213
|
});
|
|
4201
4214
|
const genFocusStyle = (token, offset) => ({
|
|
4202
|
-
'&:focus-visible': genFocusOutline(token)
|
|
4215
|
+
'&:focus-visible': Object.assign({}, genFocusOutline(token, offset))
|
|
4203
4216
|
});
|
|
4204
4217
|
const genIconStyle = iconPrefixCls => ({
|
|
4205
4218
|
[`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
|
|
@@ -4263,7 +4276,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
|
|
|
4263
4276
|
layer: {
|
|
4264
4277
|
name: 'antd'
|
|
4265
4278
|
}
|
|
4266
|
-
}, () => genIconStyle(iconPrefixCls));
|
|
4279
|
+
}, () => [genIconStyle(iconPrefixCls)]);
|
|
4267
4280
|
};
|
|
4268
4281
|
|
|
4269
4282
|
const fullClone = Object.assign({}, React);
|
|
@@ -4392,7 +4405,7 @@ const setGlobalConfig = props => {
|
|
|
4392
4405
|
}
|
|
4393
4406
|
if (theme) {
|
|
4394
4407
|
if (isLegacyTheme(theme)) {
|
|
4395
|
-
process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
|
|
4408
|
+
process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', '`config` of css variable theme is not work in v5. Please use new `theme` config instead.') : void 0;
|
|
4396
4409
|
registerTheme(getGlobalPrefixCls(), theme);
|
|
4397
4410
|
}
|
|
4398
4411
|
}
|
|
@@ -4474,7 +4487,6 @@ const ProviderChildren = props => {
|
|
|
4474
4487
|
tooltip,
|
|
4475
4488
|
popover,
|
|
4476
4489
|
popconfirm,
|
|
4477
|
-
floatButton,
|
|
4478
4490
|
floatButtonGroup,
|
|
4479
4491
|
variant,
|
|
4480
4492
|
inputNumber,
|
|
@@ -4567,7 +4579,6 @@ const ProviderChildren = props => {
|
|
|
4567
4579
|
tooltip,
|
|
4568
4580
|
popover,
|
|
4569
4581
|
popconfirm,
|
|
4570
|
-
floatButton,
|
|
4571
4582
|
floatButtonGroup,
|
|
4572
4583
|
variant,
|
|
4573
4584
|
inputNumber,
|
|
@@ -4711,7 +4722,7 @@ ConfigProvider.config = setGlobalConfig;
|
|
|
4711
4722
|
ConfigProvider.useConfig = useConfig;
|
|
4712
4723
|
Object.defineProperty(ConfigProvider, 'SizeContext', {
|
|
4713
4724
|
get: () => {
|
|
4714
|
-
process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
|
|
4725
|
+
process.env.NODE_ENV !== "production" ? warning$1(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
|
|
4715
4726
|
return SizeContext;
|
|
4716
4727
|
}
|
|
4717
4728
|
});
|
|
@@ -4737,4 +4748,4 @@ function toArray(children) {
|
|
|
4737
4748
|
return ret;
|
|
4738
4749
|
}
|
|
4739
4750
|
|
|
4740
|
-
export { genCalc as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract as F,
|
|
4751
|
+
export { genCalc as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract$1 as F, STYLE_PREFIX as G, extract$2 as H, extract as I, CSS_VAR_PREFIX as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, genStyleUtils as a0, statistic as a1, statisticToken as a2, MotionProvider as a3, merge$1 as a4, get as a5, set as a6, isEqual as a7, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning$1 as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };
|
package/es/fields/PnkxField.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { C as Controller } from '../chunks/index.esm-
|
|
3
|
+
import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
|
|
4
4
|
|
|
5
5
|
class PnkxField extends React.PureComponent {
|
|
6
6
|
render() {
|
package/es/fields/TinyMCE.js
CHANGED
package/es/index.js
CHANGED
|
@@ -2,7 +2,7 @@ export { Button } from './ui/Button.js';
|
|
|
2
2
|
export { CascaderField } from './ui/Cascader.js';
|
|
3
3
|
export { ErrorMessage } from './ui/ErrorMessage.js';
|
|
4
4
|
export { Typography } from './ui/Typography.js';
|
|
5
|
-
export { ActionRowTable, BulkActions, Table, TableCategory } from './ui/index.js';
|
|
5
|
+
export { ActionRowTable, BulkActions, Clock, Table, TableCategory } from './ui/index.js';
|
|
6
6
|
export { Modal } from './ui/Modal.js';
|
|
7
7
|
export { Tooltip } from './ui/Tooltip.js';
|
|
8
8
|
export { Tabs } from './ui/Tabs.js';
|
|
@@ -65,7 +65,7 @@ export { ViewPdf } from './ui/ViewPdf.js';
|
|
|
65
65
|
export { Sidebar } from './ui/Sidebar/index.js';
|
|
66
66
|
export { SelectTable } from './ui/SelectTable.js';
|
|
67
67
|
export { SelectSingleTable } from './ui/SelectSingleTable.js';
|
|
68
|
-
export { G as GenericUploadModal } from './chunks/GenericUploadModal-
|
|
68
|
+
export { G as GenericUploadModal } from './chunks/GenericUploadModal-BNQ9cWDf.js';
|
|
69
69
|
export { Descriptions } from './ui/Descriptions.js';
|
|
70
70
|
export { Input } from './fields/Input.js';
|
|
71
71
|
export { PnkxField } from './fields/PnkxField.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
2
|
import 'antd';
|
|
3
|
-
export { G as GenericUploadModal } from '../chunks/GenericUploadModal-
|
|
4
|
-
import '../chunks/index.esm-
|
|
3
|
+
export { G as GenericUploadModal } from '../chunks/GenericUploadModal-BNQ9cWDf.js';
|
|
4
|
+
import '../chunks/index.esm-AaUjBMaK.js';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '@pnkx-lib/core';
|
|
7
7
|
import '../chunks/InboxOutlined-BBuIJe6u.js';
|
package/es/ui/Layout.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-
|
|
2
|
+
import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-Czwb0MFW.js';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useContext, useState, useEffect, useRef } from 'react';
|
|
5
5
|
import { c as classNames } from '../chunks/index-BLRvgOFN.js';
|
|
@@ -185,7 +185,7 @@ const prepareComponentToken = token => {
|
|
|
185
185
|
};
|
|
186
186
|
// ============================== Export ==============================
|
|
187
187
|
const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
|
|
188
|
-
const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
|
|
188
|
+
const useStyle$1 = genStyleHooks('Layout', token => [genLayoutStyle(token)], prepareComponentToken, {
|
|
189
189
|
deprecatedTokens: DEPRECATED_TOKENS
|
|
190
190
|
});
|
|
191
191
|
|
|
@@ -296,7 +296,7 @@ const genSiderStyle = token => {
|
|
|
296
296
|
}
|
|
297
297
|
};
|
|
298
298
|
};
|
|
299
|
-
const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
|
|
299
|
+
const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
|
|
300
300
|
deprecatedTokens: DEPRECATED_TOKENS
|
|
301
301
|
});
|
|
302
302
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { u as useForm } from '../chunks/index.esm-
|
|
2
|
+
import { u as useForm } from '../chunks/index.esm-AaUjBMaK.js';
|
|
3
3
|
import { Button } from './Button.js';
|
|
4
4
|
import { I as Icon, _ as _extends } from '../chunks/AntdIcon-Bve8mGNz.js';
|
|
5
5
|
import * as React from 'react';
|
package/es/ui/Tabs.js
CHANGED
|
@@ -23,14 +23,14 @@ const createStoreImpl = (createState) => {
|
|
|
23
23
|
const initialState = state = createState(setState, getState, api);
|
|
24
24
|
return api;
|
|
25
25
|
};
|
|
26
|
-
const createStore = (
|
|
26
|
+
const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
|
|
27
27
|
|
|
28
28
|
const identity = (arg) => arg;
|
|
29
29
|
function useStore(api, selector = identity) {
|
|
30
30
|
const slice = React__default.useSyncExternalStore(
|
|
31
31
|
api.subscribe,
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
() => selector(api.getState()),
|
|
33
|
+
() => selector(api.getInitialState())
|
|
34
34
|
);
|
|
35
35
|
React__default.useDebugValue(slice);
|
|
36
36
|
return slice;
|
|
@@ -41,7 +41,7 @@ const createImpl = (createState) => {
|
|
|
41
41
|
Object.assign(useBoundStore, api);
|
|
42
42
|
return useBoundStore;
|
|
43
43
|
};
|
|
44
|
-
const create = (
|
|
44
|
+
const create = (createState) => createState ? createImpl(createState) : createImpl;
|
|
45
45
|
|
|
46
46
|
const useTabStore = create((set) => ({
|
|
47
47
|
activeTabKey: void 0,
|
package/es/ui/UploadImage.js
CHANGED