@pnkx-lib/ui 1.9.533 → 1.9.536
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/chunks/RefuseApprovalDropListIcon-DkyYANWt.js +192 -0
- package/es/chunks/{index.esm-AaUjBMaK.js → index.esm-Dr5ZHcf7.js} +96 -58
- package/es/chunks/table-Btvh90Co.js +50 -0
- package/es/chunks/{toArray-DACIS0E1.js → toArray-GtzhUyP3.js} +26 -36
- package/es/constants/index.js +1 -51
- package/es/fields/PnkxField.js +1 -1
- package/es/fields/TinyMCE.js +1 -1
- package/es/index.js +8 -2
- package/es/ui/BulkActions/index.js +314 -0
- package/es/ui/Clock/index.js +67 -0
- package/es/ui/CustomeBulkActions/index.js +928 -0
- package/es/ui/GenericUploadModal.js +72 -48
- package/es/ui/Layout.js +3 -3
- package/es/ui/SearchFilterForm.js +1 -1
- package/es/ui/Table/index.js +404 -0
- package/es/ui/TableCategory/index.js +4784 -0
- package/es/ui/TableForm/index.js +213 -0
- package/es/ui/Tabs.js +2 -2
- package/es/ui/UploadImage.js +1 -1
- package/es/ui/index.js +143 -6981
- package/package.json +1 -1
- package/types/ui/BulkActions/index.d.ts +2 -0
- package/types/ui/Clock/index.d.ts +2 -0
- package/types/ui/CustomeBulkActions/index.d.ts +6 -0
- package/types/ui/Table/index.d.ts +2 -0
- package/types/ui/TableCategory/index.d.ts +2 -0
- package/types/ui/TableForm/index.d.ts +2 -0
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import React__default from 'react';
|
|
3
2
|
|
|
4
3
|
var isCheckBoxInput = (element) => element.type === 'checkbox';
|
|
@@ -39,12 +38,9 @@ function cloneObject(data) {
|
|
|
39
38
|
if (data instanceof Date) {
|
|
40
39
|
copy = new Date(data);
|
|
41
40
|
}
|
|
42
|
-
else if (data instanceof Set) {
|
|
43
|
-
copy = new Set(data);
|
|
44
|
-
}
|
|
45
41
|
else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
|
|
46
42
|
(isArray || isObject(data))) {
|
|
47
|
-
copy = isArray ? [] :
|
|
43
|
+
copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
|
|
48
44
|
if (!isArray && !isPlainObject(data)) {
|
|
49
45
|
copy = data;
|
|
50
46
|
}
|
|
@@ -184,7 +180,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
|
|
|
184
180
|
return result;
|
|
185
181
|
};
|
|
186
182
|
|
|
187
|
-
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ?
|
|
183
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
|
|
188
184
|
|
|
189
185
|
/**
|
|
190
186
|
* 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.
|
|
@@ -256,12 +252,51 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
|
|
|
256
252
|
return get(formValues, names, defaultValue);
|
|
257
253
|
}
|
|
258
254
|
if (Array.isArray(names)) {
|
|
259
|
-
return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),
|
|
255
|
+
return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),
|
|
256
|
+
get(formValues, fieldName)));
|
|
260
257
|
}
|
|
261
258
|
isGlobal && (_names.watchAll = true);
|
|
262
259
|
return formValues;
|
|
263
260
|
};
|
|
264
261
|
|
|
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
|
+
|
|
265
300
|
/**
|
|
266
301
|
* Custom hook to subscribe to field change and isolate re-rendering at the component level.
|
|
267
302
|
*
|
|
@@ -280,18 +315,35 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
|
|
|
280
315
|
*/
|
|
281
316
|
function useWatch(props) {
|
|
282
317
|
const methods = useFormContext();
|
|
283
|
-
const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
|
|
318
|
+
const { control = methods.control, name, defaultValue, disabled, exact, compute, } = props || {};
|
|
284
319
|
const _defaultValue = React__default.useRef(defaultValue);
|
|
285
|
-
const
|
|
320
|
+
const _compute = React__default.useRef(compute);
|
|
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);
|
|
286
325
|
useIsomorphicLayoutEffect(() => control._subscribe({
|
|
287
326
|
name,
|
|
288
327
|
formState: {
|
|
289
328
|
values: true,
|
|
290
329
|
},
|
|
291
330
|
exact,
|
|
292
|
-
callback: (formState) =>
|
|
293
|
-
|
|
294
|
-
|
|
331
|
+
callback: (formState) => {
|
|
332
|
+
if (!disabled) {
|
|
333
|
+
const formValues = generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current);
|
|
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]);
|
|
295
347
|
React__default.useEffect(() => control._removeUnmounted());
|
|
296
348
|
return value;
|
|
297
349
|
}
|
|
@@ -322,12 +374,13 @@ function useWatch(props) {
|
|
|
322
374
|
*/
|
|
323
375
|
function useController(props) {
|
|
324
376
|
const methods = useFormContext();
|
|
325
|
-
const { name, disabled, control = methods.control, shouldUnregister } = props;
|
|
377
|
+
const { name, disabled, control = methods.control, shouldUnregister, defaultValue, } = props;
|
|
326
378
|
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]);
|
|
327
380
|
const value = useWatch({
|
|
328
381
|
control,
|
|
329
382
|
name,
|
|
330
|
-
defaultValue:
|
|
383
|
+
defaultValue: defaultValueMemo,
|
|
331
384
|
exact: true,
|
|
332
385
|
});
|
|
333
386
|
const formState = useFormState({
|
|
@@ -341,6 +394,7 @@ function useController(props) {
|
|
|
341
394
|
value,
|
|
342
395
|
...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
|
|
343
396
|
}));
|
|
397
|
+
_props.current = props;
|
|
344
398
|
const fieldState = React__default.useMemo(() => Object.defineProperties({}, {
|
|
345
399
|
invalid: {
|
|
346
400
|
enumerable: true,
|
|
@@ -526,39 +580,6 @@ var createSubject = () => {
|
|
|
526
580
|
};
|
|
527
581
|
};
|
|
528
582
|
|
|
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
|
-
|
|
562
583
|
var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
|
|
563
584
|
|
|
564
585
|
var isFileInput = (element) => element.type === 'file';
|
|
@@ -1126,7 +1147,7 @@ function createFormControl(props = {}) {
|
|
|
1126
1147
|
errors: _options.errors || {},
|
|
1127
1148
|
disabled: _options.disabled || false,
|
|
1128
1149
|
};
|
|
1129
|
-
|
|
1150
|
+
let _fields = {};
|
|
1130
1151
|
let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
|
|
1131
1152
|
? cloneObject(_options.defaultValues || _options.values) || {}
|
|
1132
1153
|
: {};
|
|
@@ -1510,7 +1531,7 @@ function createFormControl(props = {}) {
|
|
|
1510
1531
|
? setValues(name, cloneValue, options)
|
|
1511
1532
|
: setFieldValue(name, cloneValue, options);
|
|
1512
1533
|
}
|
|
1513
|
-
isWatched(name, _names) && _subjects.state.next({ ..._formState });
|
|
1534
|
+
isWatched(name, _names) && _subjects.state.next({ ..._formState, name });
|
|
1514
1535
|
_subjects.state.next({
|
|
1515
1536
|
name: _state.mount ? name : undefined,
|
|
1516
1537
|
values: cloneObject(_formValues),
|
|
@@ -1545,8 +1566,10 @@ function createFormControl(props = {}) {
|
|
|
1545
1566
|
const watched = isWatched(name, _names, isBlurEvent);
|
|
1546
1567
|
set(_formValues, name, fieldValue);
|
|
1547
1568
|
if (isBlurEvent) {
|
|
1548
|
-
|
|
1549
|
-
|
|
1569
|
+
if (!target || !target.readOnly) {
|
|
1570
|
+
field._f.onBlur && field._f.onBlur(event);
|
|
1571
|
+
delayErrorCallback && delayErrorCallback(0);
|
|
1572
|
+
}
|
|
1550
1573
|
}
|
|
1551
1574
|
else if (field._f.onChange) {
|
|
1552
1575
|
field._f.onChange(event);
|
|
@@ -1692,7 +1715,8 @@ function createFormControl(props = {}) {
|
|
|
1692
1715
|
};
|
|
1693
1716
|
const watch = (name, defaultValue) => isFunction(name)
|
|
1694
1717
|
? _subjects.state.subscribe({
|
|
1695
|
-
next: (payload) =>
|
|
1718
|
+
next: (payload) => 'values' in payload &&
|
|
1719
|
+
name(_getWatch(undefined, defaultValue), payload),
|
|
1696
1720
|
})
|
|
1697
1721
|
: _getWatch(name, defaultValue, true);
|
|
1698
1722
|
const _subscribe = (props) => _subjects.state.subscribe({
|
|
@@ -1703,6 +1727,7 @@ function createFormControl(props = {}) {
|
|
|
1703
1727
|
values: { ..._formValues },
|
|
1704
1728
|
..._formState,
|
|
1705
1729
|
...formState,
|
|
1730
|
+
defaultValues: _defaultValues,
|
|
1706
1731
|
});
|
|
1707
1732
|
}
|
|
1708
1733
|
},
|
|
@@ -1869,14 +1894,14 @@ function createFormControl(props = {}) {
|
|
|
1869
1894
|
if (_options.resolver) {
|
|
1870
1895
|
const { errors, values } = await _runSchema();
|
|
1871
1896
|
_formState.errors = errors;
|
|
1872
|
-
fieldValues = values;
|
|
1897
|
+
fieldValues = cloneObject(values);
|
|
1873
1898
|
}
|
|
1874
1899
|
else {
|
|
1875
1900
|
await executeBuiltInValidation(_fields);
|
|
1876
1901
|
}
|
|
1877
1902
|
if (_names.disabled.size) {
|
|
1878
1903
|
for (const name of _names.disabled) {
|
|
1879
|
-
|
|
1904
|
+
unset(fieldValues, name);
|
|
1880
1905
|
}
|
|
1881
1906
|
}
|
|
1882
1907
|
unset(_formState.errors, 'root');
|
|
@@ -1972,11 +1997,20 @@ function createFormControl(props = {}) {
|
|
|
1972
1997
|
}
|
|
1973
1998
|
}
|
|
1974
1999
|
}
|
|
1975
|
-
|
|
1976
|
-
|
|
2000
|
+
if (keepStateOptions.keepFieldsRef) {
|
|
2001
|
+
for (const fieldName of _names.mount) {
|
|
2002
|
+
setValue(fieldName, get(values, fieldName));
|
|
2003
|
+
}
|
|
2004
|
+
}
|
|
2005
|
+
else {
|
|
2006
|
+
_fields = {};
|
|
1977
2007
|
}
|
|
1978
2008
|
}
|
|
1979
|
-
_formValues =
|
|
2009
|
+
_formValues = _options.shouldUnregister
|
|
2010
|
+
? keepStateOptions.keepDefaultValues
|
|
2011
|
+
? cloneObject(_defaultValues)
|
|
2012
|
+
: {}
|
|
2013
|
+
: cloneObject(values);
|
|
1980
2014
|
_subjects.array.next({
|
|
1981
2015
|
values: { ...values },
|
|
1982
2016
|
});
|
|
@@ -2030,6 +2064,7 @@ function createFormControl(props = {}) {
|
|
|
2030
2064
|
? _formState.isSubmitSuccessful
|
|
2031
2065
|
: false,
|
|
2032
2066
|
isSubmitting: false,
|
|
2067
|
+
defaultValues: _defaultValues,
|
|
2033
2068
|
});
|
|
2034
2069
|
};
|
|
2035
2070
|
const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues)
|
|
@@ -2258,7 +2293,10 @@ function useForm(props = {}) {
|
|
|
2258
2293
|
}, [control, formState.isDirty]);
|
|
2259
2294
|
React__default.useEffect(() => {
|
|
2260
2295
|
if (props.values && !deepEqual(props.values, _values.current)) {
|
|
2261
|
-
control._reset(props.values,
|
|
2296
|
+
control._reset(props.values, {
|
|
2297
|
+
keepFieldsRef: true,
|
|
2298
|
+
...control._options.resetOptions,
|
|
2299
|
+
});
|
|
2262
2300
|
_values.current = props.values;
|
|
2263
2301
|
updateFormState((state) => ({ ...state }));
|
|
2264
2302
|
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const START_PAGE = 1;
|
|
2
|
+
const START_PAGE_SIZE = 10;
|
|
3
|
+
const PAGE_NUMBER = "page";
|
|
4
|
+
const PAGE_SIZE = "size";
|
|
5
|
+
const SORT = "sort";
|
|
6
|
+
var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
|
|
7
|
+
TypeActionRowTable2["DELETE"] = "DELETE";
|
|
8
|
+
TypeActionRowTable2["EDIT"] = "EDIT";
|
|
9
|
+
TypeActionRowTable2["UNDO"] = "UNDO";
|
|
10
|
+
TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
|
|
11
|
+
TypeActionRowTable2["CHECKIN"] = "CHECKIN";
|
|
12
|
+
TypeActionRowTable2["PRINT"] = "PRINT";
|
|
13
|
+
TypeActionRowTable2["PAYMENT"] = "PAYMENT";
|
|
14
|
+
TypeActionRowTable2["PLAY"] = "PLAY";
|
|
15
|
+
TypeActionRowTable2["PAUSE"] = "PAUSE";
|
|
16
|
+
TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
|
|
17
|
+
TypeActionRowTable2["VIEW"] = "VIEW";
|
|
18
|
+
TypeActionRowTable2["EDIT_FORM"] = "EDIT_FORM";
|
|
19
|
+
TypeActionRowTable2["SWAP"] = "SWAP";
|
|
20
|
+
return TypeActionRowTable2;
|
|
21
|
+
})(TypeActionRowTable || {});
|
|
22
|
+
var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
|
|
23
|
+
TypeBulkActions2["BULKACTION"] = "bulkaction";
|
|
24
|
+
TypeBulkActions2["DROPLIST"] = "droplist";
|
|
25
|
+
return TypeBulkActions2;
|
|
26
|
+
})(TypeBulkActions || {});
|
|
27
|
+
var TypeCategoryBulkActions = /* @__PURE__ */ ((TypeCategoryBulkActions2) => {
|
|
28
|
+
TypeCategoryBulkActions2[TypeCategoryBulkActions2["CATEGORY"] = 0] = "CATEGORY";
|
|
29
|
+
TypeCategoryBulkActions2[TypeCategoryBulkActions2["PRICE_SERVICE"] = 1] = "PRICE_SERVICE";
|
|
30
|
+
return TypeCategoryBulkActions2;
|
|
31
|
+
})(TypeCategoryBulkActions || {});
|
|
32
|
+
var TypeStatusTable = /* @__PURE__ */ ((TypeStatusTable2) => {
|
|
33
|
+
TypeStatusTable2["ALL"] = "ALL";
|
|
34
|
+
TypeStatusTable2[TypeStatusTable2["DRAFT"] = 0] = "DRAFT";
|
|
35
|
+
TypeStatusTable2[TypeStatusTable2["WAITING_APPROVAL"] = 1] = "WAITING_APPROVAL";
|
|
36
|
+
TypeStatusTable2[TypeStatusTable2["ACTIVE"] = 2] = "ACTIVE";
|
|
37
|
+
TypeStatusTable2[TypeStatusTable2["INACTIVE"] = 3] = "INACTIVE";
|
|
38
|
+
TypeStatusTable2[TypeStatusTable2["REJECTED"] = 4] = "REJECTED";
|
|
39
|
+
TypeStatusTable2[TypeStatusTable2["DELETED"] = 5] = "DELETED";
|
|
40
|
+
return TypeStatusTable2;
|
|
41
|
+
})(TypeStatusTable || {});
|
|
42
|
+
const ListStatusApproved = [
|
|
43
|
+
"ALL" /* ALL */,
|
|
44
|
+
2 /* ACTIVE */,
|
|
45
|
+
3 /* INACTIVE */,
|
|
46
|
+
5 /* DELETED */
|
|
47
|
+
];
|
|
48
|
+
const RemoveIconColor = "#DD4338";
|
|
49
|
+
|
|
50
|
+
export { ListStatusApproved as L, PAGE_NUMBER as P, RemoveIconColor as R, START_PAGE as S, TypeActionRowTable as T, START_PAGE_SIZE as a, PAGE_SIZE as b, SORT as c, TypeBulkActions as d, TypeCategoryBulkActions as e, TypeStatusTable as f };
|
|
@@ -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 _slicedToArray, b as warning$
|
|
4
|
+
import { w as warningOnce, a as _slicedToArray, b as warning$1, c as canUseDom, d as _objectSpread2, u as updateCSS, _ as _extends, r as removeCSS, e as _arrayWithHoles, f as _nonIterableRest, g as resetWarned$1, F as FastColor, h as generate, p as presetPrimaryColors, i as presetPalettes, j as _objectWithoutProperties, k as IconContext } from './AntdIcon-KP2HuB_x.js';
|
|
5
5
|
import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-CnOp-EUR.js';
|
|
6
6
|
|
|
7
7
|
function useMemo(getValue, condition, shouldUpdate) {
|
|
@@ -177,6 +177,7 @@ 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());
|
|
180
181
|
this.instanceId = instanceId;
|
|
181
182
|
}
|
|
182
183
|
_createClass(Entity, [{
|
|
@@ -411,7 +412,7 @@ var Theme = /*#__PURE__*/function () {
|
|
|
411
412
|
this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];
|
|
412
413
|
this.id = uuid;
|
|
413
414
|
if (derivatives.length === 0) {
|
|
414
|
-
warning$
|
|
415
|
+
warning$1(derivatives.length > 0, '[Ant Design CSS-in-JS] Theme should have at least one derivative function.');
|
|
415
416
|
}
|
|
416
417
|
uuid += 1;
|
|
417
418
|
}
|
|
@@ -608,7 +609,7 @@ var useCleanupRegister = function useCleanupRegister(deps) {
|
|
|
608
609
|
function register(fn) {
|
|
609
610
|
if (cleanupFlag) {
|
|
610
611
|
if (process.env.NODE_ENV !== 'production') {
|
|
611
|
-
warning$
|
|
612
|
+
warning$1(false, '[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.');
|
|
612
613
|
}
|
|
613
614
|
return;
|
|
614
615
|
}
|
|
@@ -701,7 +702,6 @@ onCacheEffect) {
|
|
|
701
702
|
}, /* eslint-disable react-hooks/exhaustive-deps */
|
|
702
703
|
[fullPathStr]
|
|
703
704
|
/* eslint-enable */);
|
|
704
|
-
|
|
705
705
|
var cacheEntity = globalCache.opGet(fullPathStr);
|
|
706
706
|
|
|
707
707
|
// HMR clean the cache but not trigger `useMemo` again
|
|
@@ -781,14 +781,13 @@ var TOKEN_THRESHOLD = 0;
|
|
|
781
781
|
// Remove will check current keys first
|
|
782
782
|
function cleanTokenStyle(tokenKey, instanceId) {
|
|
783
783
|
tokenKeys.set(tokenKey, (tokenKeys.get(tokenKey) || 0) - 1);
|
|
784
|
-
var
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
return count <= 0;
|
|
784
|
+
var cleanableKeyList = new Set();
|
|
785
|
+
tokenKeys.forEach(function (value, key) {
|
|
786
|
+
if (value <= 0) cleanableKeyList.add(key);
|
|
788
787
|
});
|
|
789
788
|
|
|
790
789
|
// Should keep tokens under threshold for not to insert style too often
|
|
791
|
-
if (
|
|
790
|
+
if (tokenKeys.size - cleanableKeyList.size > TOKEN_THRESHOLD) {
|
|
792
791
|
cleanableKeyList.forEach(function (key) {
|
|
793
792
|
removeStyleTags(key, instanceId);
|
|
794
793
|
tokenKeys.delete(key);
|
|
@@ -1841,7 +1840,8 @@ function useStyleRegister(info, styleFn) {
|
|
|
1841
1840
|
styleId = _ref3[2];
|
|
1842
1841
|
if ((fromHMR || autoClear) && isClientSide) {
|
|
1843
1842
|
removeCSS(styleId, {
|
|
1844
|
-
mark: ATTR_MARK
|
|
1843
|
+
mark: ATTR_MARK,
|
|
1844
|
+
attachTo: container
|
|
1845
1845
|
});
|
|
1846
1846
|
}
|
|
1847
1847
|
},
|
|
@@ -1914,8 +1914,7 @@ function useStyleRegister(info, styleFn) {
|
|
|
1914
1914
|
if (!ssrInline || isMergedClientSide || !defaultCache) {
|
|
1915
1915
|
styleNode = /*#__PURE__*/React.createElement(Empty, null);
|
|
1916
1916
|
} else {
|
|
1917
|
-
|
|
1918
|
-
styleNode = /*#__PURE__*/React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
|
|
1917
|
+
styleNode = /*#__PURE__*/React.createElement("style", _extends({}, _defineProperty(_defineProperty({}, ATTR_TOKEN, cachedTokenKey), ATTR_MARK, cachedStyleId), {
|
|
1919
1918
|
dangerouslySetInnerHTML: {
|
|
1920
1919
|
__html: cachedStyleStr
|
|
1921
1920
|
}
|
|
@@ -1957,7 +1956,8 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
|
|
|
1957
1956
|
styleId = _ref2[2];
|
|
1958
1957
|
if (isClientSide) {
|
|
1959
1958
|
removeCSS(styleId, {
|
|
1960
|
-
mark: ATTR_MARK
|
|
1959
|
+
mark: ATTR_MARK,
|
|
1960
|
+
attachTo: container
|
|
1961
1961
|
});
|
|
1962
1962
|
}
|
|
1963
1963
|
}, function (_ref3) {
|
|
@@ -2080,9 +2080,9 @@ function resetWarned() {
|
|
|
2080
2080
|
deprecatedWarnList = null;
|
|
2081
2081
|
resetWarned$1();
|
|
2082
2082
|
}
|
|
2083
|
-
let
|
|
2083
|
+
let _warning = noop$1;
|
|
2084
2084
|
if (process.env.NODE_ENV !== 'production') {
|
|
2085
|
-
|
|
2085
|
+
_warning = (valid, component, message) => {
|
|
2086
2086
|
warningOnce(valid, `[antd: ${component}] ${message}`);
|
|
2087
2087
|
// StrictMode will inject console which will not throw warning in React 17.
|
|
2088
2088
|
if (process.env.NODE_ENV === 'test') {
|
|
@@ -2090,6 +2090,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
2090
2090
|
}
|
|
2091
2091
|
};
|
|
2092
2092
|
}
|
|
2093
|
+
const warning = _warning;
|
|
2093
2094
|
const WarningContext = /*#__PURE__*/React.createContext({});
|
|
2094
2095
|
/**
|
|
2095
2096
|
* This is a hook but we not named as `useWarning`
|
|
@@ -2129,7 +2130,6 @@ const devUseWarning = process.env.NODE_ENV !== 'production' ? component => {
|
|
|
2129
2130
|
noopWarning.deprecated = noop$1;
|
|
2130
2131
|
return noopWarning;
|
|
2131
2132
|
};
|
|
2132
|
-
const warning$1 = warning;
|
|
2133
2133
|
|
|
2134
2134
|
// ZombieJ: We export single file here since
|
|
2135
2135
|
// ConfigProvider use this which will make loop deps
|
|
@@ -2767,7 +2767,6 @@ function derivative(token) {
|
|
|
2767
2767
|
return prev;
|
|
2768
2768
|
}, {});
|
|
2769
2769
|
}).reduce((prev, cur) => {
|
|
2770
|
-
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
|
2771
2770
|
prev = Object.assign(Object.assign({}, prev), cur);
|
|
2772
2771
|
return prev;
|
|
2773
2772
|
}, {});
|
|
@@ -2898,7 +2897,7 @@ function registerTheme(globalPrefixCls, theme) {
|
|
|
2898
2897
|
if (canUseDom()) {
|
|
2899
2898
|
updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
|
|
2900
2899
|
} else {
|
|
2901
|
-
process.env.NODE_ENV !== "production" ? warning
|
|
2900
|
+
process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.') : void 0;
|
|
2902
2901
|
}
|
|
2903
2902
|
}
|
|
2904
2903
|
|
|
@@ -3591,7 +3590,7 @@ function genStyleUtils(config) {
|
|
|
3591
3590
|
};
|
|
3592
3591
|
}
|
|
3593
3592
|
|
|
3594
|
-
const version = '5.
|
|
3593
|
+
const version = '5.27.1';
|
|
3595
3594
|
|
|
3596
3595
|
function isStableColor(color) {
|
|
3597
3596
|
return color >= 0 && color <= 255;
|
|
@@ -3832,17 +3831,6 @@ const unitless = {
|
|
|
3832
3831
|
opacityImage: true
|
|
3833
3832
|
};
|
|
3834
3833
|
const ignore = {
|
|
3835
|
-
size: true,
|
|
3836
|
-
sizeSM: true,
|
|
3837
|
-
sizeLG: true,
|
|
3838
|
-
sizeMD: true,
|
|
3839
|
-
sizeXS: true,
|
|
3840
|
-
sizeXXS: true,
|
|
3841
|
-
sizeMS: true,
|
|
3842
|
-
sizeXL: true,
|
|
3843
|
-
sizeXXL: true,
|
|
3844
|
-
sizeUnit: true,
|
|
3845
|
-
sizeStep: true,
|
|
3846
3834
|
motionBase: true,
|
|
3847
3835
|
motionUnit: true
|
|
3848
3836
|
};
|
|
@@ -4029,11 +4017,11 @@ const genCommonStyle = (token, componentPrefixCls, rootCls, resetFont) => {
|
|
|
4029
4017
|
};
|
|
4030
4018
|
const genFocusOutline = (token, offset) => ({
|
|
4031
4019
|
outline: `${unit$1(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`,
|
|
4032
|
-
outlineOffset:
|
|
4020
|
+
outlineOffset: 1,
|
|
4033
4021
|
transition: 'outline-offset 0s, outline 0s'
|
|
4034
4022
|
});
|
|
4035
4023
|
const genFocusStyle = (token, offset) => ({
|
|
4036
|
-
'&:focus-visible':
|
|
4024
|
+
'&:focus-visible': genFocusOutline(token)
|
|
4037
4025
|
});
|
|
4038
4026
|
const genIconStyle = iconPrefixCls => ({
|
|
4039
4027
|
[`.${iconPrefixCls}`]: Object.assign(Object.assign({}, resetIcon()), {
|
|
@@ -4097,7 +4085,7 @@ const useResetIconStyle = (iconPrefixCls, csp) => {
|
|
|
4097
4085
|
layer: {
|
|
4098
4086
|
name: 'antd'
|
|
4099
4087
|
}
|
|
4100
|
-
}, () =>
|
|
4088
|
+
}, () => genIconStyle(iconPrefixCls));
|
|
4101
4089
|
};
|
|
4102
4090
|
|
|
4103
4091
|
const fullClone = Object.assign({}, React);
|
|
@@ -4226,7 +4214,7 @@ const setGlobalConfig = props => {
|
|
|
4226
4214
|
}
|
|
4227
4215
|
if (theme) {
|
|
4228
4216
|
if (isLegacyTheme(theme)) {
|
|
4229
|
-
process.env.NODE_ENV !== "production" ? warning
|
|
4217
|
+
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;
|
|
4230
4218
|
registerTheme(getGlobalPrefixCls(), theme);
|
|
4231
4219
|
}
|
|
4232
4220
|
}
|
|
@@ -4308,6 +4296,7 @@ const ProviderChildren = props => {
|
|
|
4308
4296
|
tooltip,
|
|
4309
4297
|
popover,
|
|
4310
4298
|
popconfirm,
|
|
4299
|
+
floatButton,
|
|
4311
4300
|
floatButtonGroup,
|
|
4312
4301
|
variant,
|
|
4313
4302
|
inputNumber,
|
|
@@ -4400,6 +4389,7 @@ const ProviderChildren = props => {
|
|
|
4400
4389
|
tooltip,
|
|
4401
4390
|
popover,
|
|
4402
4391
|
popconfirm,
|
|
4392
|
+
floatButton,
|
|
4403
4393
|
floatButtonGroup,
|
|
4404
4394
|
variant,
|
|
4405
4395
|
inputNumber,
|
|
@@ -4543,7 +4533,7 @@ ConfigProvider.config = setGlobalConfig;
|
|
|
4543
4533
|
ConfigProvider.useConfig = useConfig;
|
|
4544
4534
|
Object.defineProperty(ConfigProvider, 'SizeContext', {
|
|
4545
4535
|
get: () => {
|
|
4546
|
-
process.env.NODE_ENV !== "production" ? warning
|
|
4536
|
+
process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
|
|
4547
4537
|
return SizeContext;
|
|
4548
4538
|
}
|
|
4549
4539
|
});
|
|
@@ -4569,4 +4559,4 @@ function toArray(children) {
|
|
|
4569
4559
|
return ret;
|
|
4570
4560
|
}
|
|
4571
4561
|
|
|
4572
|
-
export { ConfigContext as C, DisabledContext as D, LocaleContext as L, SizeContext as S, _toConsumableArray as _, useComponentConfig as a, useMemo as b, useLayoutUpdateEffect as c, Context as d, clearFix as e, textEllipsis as f, genStyleHooks as g, defaultPrefixCls as h, isFragment as i, genComponentStyleHook as j, useToken as k, localeValues as l, merge as m, devUseWarning as n, omit as o, getAlphaColor as p, getLineHeight as q, resetComponent as r, genFocusStyle as s, toArray as t, unit$1 as u, resetIcon as v, warning
|
|
4562
|
+
export { ConfigContext as C, DisabledContext as D, LocaleContext as L, SizeContext as S, _toConsumableArray as _, useComponentConfig as a, useMemo as b, useLayoutUpdateEffect as c, Context as d, clearFix as e, textEllipsis as f, genStyleHooks as g, defaultPrefixCls as h, isFragment as i, genComponentStyleHook as j, useToken as k, localeValues as l, merge as m, devUseWarning as n, omit as o, getAlphaColor as p, getLineHeight as q, resetComponent as r, genFocusStyle as s, toArray as t, unit$1 as u, resetIcon as v, warning as w, genSubStyleComponent as x, useLayoutEffect as y };
|
package/es/constants/index.js
CHANGED
|
@@ -1,52 +1,2 @@
|
|
|
1
1
|
export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
|
|
2
|
-
|
|
3
|
-
const START_PAGE = 1;
|
|
4
|
-
const START_PAGE_SIZE = 10;
|
|
5
|
-
const PAGE_NUMBER = "page";
|
|
6
|
-
const PAGE_SIZE = "size";
|
|
7
|
-
const SORT = "sort";
|
|
8
|
-
var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
|
|
9
|
-
TypeActionRowTable2["DELETE"] = "DELETE";
|
|
10
|
-
TypeActionRowTable2["EDIT"] = "EDIT";
|
|
11
|
-
TypeActionRowTable2["UNDO"] = "UNDO";
|
|
12
|
-
TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
|
|
13
|
-
TypeActionRowTable2["CHECKIN"] = "CHECKIN";
|
|
14
|
-
TypeActionRowTable2["PRINT"] = "PRINT";
|
|
15
|
-
TypeActionRowTable2["PAYMENT"] = "PAYMENT";
|
|
16
|
-
TypeActionRowTable2["PLAY"] = "PLAY";
|
|
17
|
-
TypeActionRowTable2["PAUSE"] = "PAUSE";
|
|
18
|
-
TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
|
|
19
|
-
TypeActionRowTable2["VIEW"] = "VIEW";
|
|
20
|
-
TypeActionRowTable2["EDIT_FORM"] = "EDIT_FORM";
|
|
21
|
-
TypeActionRowTable2["SWAP"] = "SWAP";
|
|
22
|
-
return TypeActionRowTable2;
|
|
23
|
-
})(TypeActionRowTable || {});
|
|
24
|
-
var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
|
|
25
|
-
TypeBulkActions2["BULKACTION"] = "bulkaction";
|
|
26
|
-
TypeBulkActions2["DROPLIST"] = "droplist";
|
|
27
|
-
return TypeBulkActions2;
|
|
28
|
-
})(TypeBulkActions || {});
|
|
29
|
-
var TypeCategoryBulkActions = /* @__PURE__ */ ((TypeCategoryBulkActions2) => {
|
|
30
|
-
TypeCategoryBulkActions2[TypeCategoryBulkActions2["CATEGORY"] = 0] = "CATEGORY";
|
|
31
|
-
TypeCategoryBulkActions2[TypeCategoryBulkActions2["PRICE_SERVICE"] = 1] = "PRICE_SERVICE";
|
|
32
|
-
return TypeCategoryBulkActions2;
|
|
33
|
-
})(TypeCategoryBulkActions || {});
|
|
34
|
-
var TypeStatusTable = /* @__PURE__ */ ((TypeStatusTable2) => {
|
|
35
|
-
TypeStatusTable2["ALL"] = "ALL";
|
|
36
|
-
TypeStatusTable2[TypeStatusTable2["DRAFT"] = 0] = "DRAFT";
|
|
37
|
-
TypeStatusTable2[TypeStatusTable2["WAITING_APPROVAL"] = 1] = "WAITING_APPROVAL";
|
|
38
|
-
TypeStatusTable2[TypeStatusTable2["ACTIVE"] = 2] = "ACTIVE";
|
|
39
|
-
TypeStatusTable2[TypeStatusTable2["INACTIVE"] = 3] = "INACTIVE";
|
|
40
|
-
TypeStatusTable2[TypeStatusTable2["REJECTED"] = 4] = "REJECTED";
|
|
41
|
-
TypeStatusTable2[TypeStatusTable2["DELETED"] = 5] = "DELETED";
|
|
42
|
-
return TypeStatusTable2;
|
|
43
|
-
})(TypeStatusTable || {});
|
|
44
|
-
const ListStatusApproved = [
|
|
45
|
-
"ALL" /* ALL */,
|
|
46
|
-
2 /* ACTIVE */,
|
|
47
|
-
3 /* INACTIVE */,
|
|
48
|
-
5 /* DELETED */
|
|
49
|
-
];
|
|
50
|
-
const RemoveIconColor = "#DD4338";
|
|
51
|
-
|
|
52
|
-
export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable };
|
|
2
|
+
export { L as ListStatusApproved, P as PAGE_NUMBER, b as PAGE_SIZE, R as RemoveIconColor, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeCategoryBulkActions, f as TypeStatusTable } from '../chunks/table-Btvh90Co.js';
|
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-Dr5ZHcf7.js';
|
|
4
4
|
|
|
5
5
|
class PnkxField extends React.PureComponent {
|
|
6
6
|
render() {
|
package/es/fields/TinyMCE.js
CHANGED
package/es/index.js
CHANGED
|
@@ -3,7 +3,7 @@ export { FloatButton } from './ui/FloatButton.js';
|
|
|
3
3
|
export { CascaderField } from './ui/Cascader.js';
|
|
4
4
|
export { ErrorMessage } from './ui/ErrorMessage.js';
|
|
5
5
|
export { Typography } from './ui/Typography.js';
|
|
6
|
-
export {
|
|
6
|
+
export { Table } from './ui/Table/index.js';
|
|
7
7
|
export { Modal } from './ui/Modal.js';
|
|
8
8
|
export { Tooltip } from './ui/Tooltip.js';
|
|
9
9
|
export { Tabs } from './ui/Tabs.js';
|
|
@@ -50,8 +50,10 @@ export { Image } from './ui/Image.js';
|
|
|
50
50
|
export { ConfirmModal } from './ui/ConfirmModal.js';
|
|
51
51
|
export { ErrorBoundary } from './ui/ErrorBoundary.js';
|
|
52
52
|
export { CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
|
|
53
|
+
export { ActionRowTable } from './ui/index.js';
|
|
53
54
|
export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
|
|
54
|
-
export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable } from './
|
|
55
|
+
export { L as ListStatusApproved, P as PAGE_NUMBER, b as PAGE_SIZE, R as RemoveIconColor, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeCategoryBulkActions, f as TypeStatusTable } from './chunks/table-Btvh90Co.js';
|
|
56
|
+
export { BulkActions } from './ui/BulkActions/index.js';
|
|
55
57
|
export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
|
|
56
58
|
export { Card } from './ui/Card.js';
|
|
57
59
|
export { ConfigProvider } from './ui/ConfigProvider.js';
|
|
@@ -67,7 +69,11 @@ export { Sidebar } from './ui/Sidebar/index.js';
|
|
|
67
69
|
export { SelectTable } from './ui/SelectTable.js';
|
|
68
70
|
export { SelectSingleTable } from './ui/SelectSingleTable.js';
|
|
69
71
|
export { GenericUploadModal } from './ui/GenericUploadModal.js';
|
|
72
|
+
export { TableCategory } from './ui/TableCategory/index.js';
|
|
73
|
+
export { TableForm } from './ui/TableForm/index.js';
|
|
70
74
|
export { Descriptions } from './ui/Descriptions.js';
|
|
75
|
+
export { CustomeBulkActions } from './ui/CustomeBulkActions/index.js';
|
|
76
|
+
export { Clock } from './ui/Clock/index.js';
|
|
71
77
|
export { Input } from './fields/Input.js';
|
|
72
78
|
export { PnkxField } from './fields/PnkxField.js';
|
|
73
79
|
export { Select } from './fields/Select.js';
|