funda-ui 1.1.144 → 1.1.145
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/LiveSearch/index.js
CHANGED
|
@@ -683,6 +683,10 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
683
683
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
684
684
|
hasErr = _useState12[0],
|
|
685
685
|
setHasErr = _useState12[1];
|
|
686
|
+
var _useState13 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
687
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
688
|
+
componentFirstLoad = _useState14[0],
|
|
689
|
+
setComponentFirstLoad = _useState14[1];
|
|
686
690
|
|
|
687
691
|
//performance
|
|
688
692
|
var handleChangeFetchSafe = utils_useDebounce(function (e) {
|
|
@@ -907,7 +911,7 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
907
911
|
while (1) switch (_context4.prev = _context4.next) {
|
|
908
912
|
case 0:
|
|
909
913
|
if (!(_typeof(fetchFuncAsync) === 'object')) {
|
|
910
|
-
_context4.next =
|
|
914
|
+
_context4.next = 13;
|
|
911
915
|
break;
|
|
912
916
|
}
|
|
913
917
|
_context4.next = 3;
|
|
@@ -931,10 +935,18 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
931
935
|
|
|
932
936
|
//
|
|
933
937
|
setDataInit(_ORGIN_DATA);
|
|
938
|
+
|
|
939
|
+
//
|
|
940
|
+
// window position
|
|
941
|
+
if (componentFirstLoad) {
|
|
942
|
+
setTimeout(function () {
|
|
943
|
+
getPlacement(listRef.current);
|
|
944
|
+
}, 500);
|
|
945
|
+
}
|
|
934
946
|
return _context4.abrupt("return", _ORGIN_DATA);
|
|
935
|
-
case 12:
|
|
936
|
-
return _context4.abrupt("return", []);
|
|
937
947
|
case 13:
|
|
948
|
+
return _context4.abrupt("return", []);
|
|
949
|
+
case 14:
|
|
938
950
|
case "end":
|
|
939
951
|
return _context4.stop();
|
|
940
952
|
}
|
|
@@ -1072,6 +1084,12 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
1072
1084
|
});
|
|
1073
1085
|
}
|
|
1074
1086
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
1087
|
+
// Component first load
|
|
1088
|
+
//--------------
|
|
1089
|
+
if (!componentFirstLoad) {
|
|
1090
|
+
setComponentFirstLoad(true);
|
|
1091
|
+
}
|
|
1092
|
+
|
|
1075
1093
|
// update default value
|
|
1076
1094
|
//--------------
|
|
1077
1095
|
setChangedVal(value || '');
|
package/MultiFuncSelect/index.js
CHANGED
|
@@ -863,20 +863,24 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
863
863
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
864
864
|
incomingData = _useState18[0],
|
|
865
865
|
setIncomingData = _useState18[1];
|
|
866
|
+
var _useState19 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
867
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
868
|
+
componentFirstLoad = _useState20[0],
|
|
869
|
+
setComponentFirstLoad = _useState20[1];
|
|
866
870
|
|
|
867
871
|
// Multiple selection
|
|
868
872
|
var MULTI_SEL_VALID = multiSelect ? multiSelect.valid : false;
|
|
869
|
-
var
|
|
873
|
+
var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
|
|
870
874
|
labels: [],
|
|
871
875
|
values: []
|
|
872
876
|
}),
|
|
873
|
-
_useState20 = _slicedToArray(_useState19, 2),
|
|
874
|
-
controlArr = _useState20[0],
|
|
875
|
-
setControlArr = _useState20[1];
|
|
876
|
-
var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
877
877
|
_useState22 = _slicedToArray(_useState21, 2),
|
|
878
|
-
|
|
879
|
-
|
|
878
|
+
controlArr = _useState22[0],
|
|
879
|
+
setControlArr = _useState22[1];
|
|
880
|
+
var _useState23 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
881
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
882
|
+
itemSelectedAll = _useState24[0],
|
|
883
|
+
setItemSelectedAll = _useState24[1];
|
|
880
884
|
var multiSelControlOptionExist = function multiSelControlOptionExist(arr, val) {
|
|
881
885
|
return arr.map(function (v) {
|
|
882
886
|
return v.toString();
|
|
@@ -1163,7 +1167,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1163
1167
|
incomingOptionsData = valueInputRef.current.dataset.options; // Determine whether the default value is user query input or default input
|
|
1164
1168
|
defaultValue = init ? inputDefaultValue : '';
|
|
1165
1169
|
if (!(_typeof(fetchFuncAsync) === 'object')) {
|
|
1166
|
-
_context2.next =
|
|
1170
|
+
_context2.next = 23;
|
|
1167
1171
|
break;
|
|
1168
1172
|
}
|
|
1169
1173
|
_context2.next = 6;
|
|
@@ -1294,9 +1298,18 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1294
1298
|
//
|
|
1295
1299
|
onFetch === null || onFetch === void 0 ? void 0 : onFetch(selectInputRef.current, valueInputRef.current, defaultValue, _ORGIN_DATA, incomingData);
|
|
1296
1300
|
|
|
1301
|
+
// STEP 7: ===========
|
|
1302
|
+
//
|
|
1303
|
+
// window position
|
|
1304
|
+
if (componentFirstLoad) {
|
|
1305
|
+
setTimeout(function () {
|
|
1306
|
+
getPlacement(listRef.current);
|
|
1307
|
+
}, 500);
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1297
1310
|
//
|
|
1298
1311
|
return _context2.abrupt("return", _ORGIN_DATA);
|
|
1299
|
-
case
|
|
1312
|
+
case 23:
|
|
1300
1313
|
// STEP 1: ===========
|
|
1301
1314
|
// get incoming options from `data-options` of component
|
|
1302
1315
|
if (typeof incomingOptionsData !== 'undefined') {
|
|
@@ -1398,9 +1411,18 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1398
1411
|
//
|
|
1399
1412
|
onFetch === null || onFetch === void 0 ? void 0 : onFetch(selectInputRef.current, valueInputRef.current, defaultValue, optionsDataInit, incomingData);
|
|
1400
1413
|
|
|
1414
|
+
// STEP 7: ===========
|
|
1415
|
+
//
|
|
1416
|
+
// window position
|
|
1417
|
+
if (componentFirstLoad) {
|
|
1418
|
+
setTimeout(function () {
|
|
1419
|
+
getPlacement(listRef.current);
|
|
1420
|
+
}, 500);
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1401
1423
|
//
|
|
1402
1424
|
return _context2.abrupt("return", optionsDataInit);
|
|
1403
|
-
case
|
|
1425
|
+
case 37:
|
|
1404
1426
|
case "end":
|
|
1405
1427
|
return _context2.stop();
|
|
1406
1428
|
}
|
|
@@ -1906,6 +1928,12 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1906
1928
|
});
|
|
1907
1929
|
}
|
|
1908
1930
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
1931
|
+
// Component first load
|
|
1932
|
+
//--------------
|
|
1933
|
+
if (!componentFirstLoad) {
|
|
1934
|
+
setComponentFirstLoad(true);
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1909
1937
|
// Call a function when the component has been rendered completely
|
|
1910
1938
|
//--------------
|
|
1911
1939
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad(selectInputRef.current, valueInputRef.current, value);
|
|
@@ -683,6 +683,10 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
683
683
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
684
684
|
hasErr = _useState12[0],
|
|
685
685
|
setHasErr = _useState12[1];
|
|
686
|
+
var _useState13 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
687
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
688
|
+
componentFirstLoad = _useState14[0],
|
|
689
|
+
setComponentFirstLoad = _useState14[1];
|
|
686
690
|
|
|
687
691
|
//performance
|
|
688
692
|
var handleChangeFetchSafe = utils_useDebounce(function (e) {
|
|
@@ -907,7 +911,7 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
907
911
|
while (1) switch (_context4.prev = _context4.next) {
|
|
908
912
|
case 0:
|
|
909
913
|
if (!(_typeof(fetchFuncAsync) === 'object')) {
|
|
910
|
-
_context4.next =
|
|
914
|
+
_context4.next = 13;
|
|
911
915
|
break;
|
|
912
916
|
}
|
|
913
917
|
_context4.next = 3;
|
|
@@ -931,10 +935,18 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
931
935
|
|
|
932
936
|
//
|
|
933
937
|
setDataInit(_ORGIN_DATA);
|
|
938
|
+
|
|
939
|
+
//
|
|
940
|
+
// window position
|
|
941
|
+
if (componentFirstLoad) {
|
|
942
|
+
setTimeout(function () {
|
|
943
|
+
getPlacement(listRef.current);
|
|
944
|
+
}, 500);
|
|
945
|
+
}
|
|
934
946
|
return _context4.abrupt("return", _ORGIN_DATA);
|
|
935
|
-
case 12:
|
|
936
|
-
return _context4.abrupt("return", []);
|
|
937
947
|
case 13:
|
|
948
|
+
return _context4.abrupt("return", []);
|
|
949
|
+
case 14:
|
|
938
950
|
case "end":
|
|
939
951
|
return _context4.stop();
|
|
940
952
|
}
|
|
@@ -1072,6 +1084,12 @@ var LiveSearch = function LiveSearch(props) {
|
|
|
1072
1084
|
});
|
|
1073
1085
|
}
|
|
1074
1086
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
1087
|
+
// Component first load
|
|
1088
|
+
//--------------
|
|
1089
|
+
if (!componentFirstLoad) {
|
|
1090
|
+
setComponentFirstLoad(true);
|
|
1091
|
+
}
|
|
1092
|
+
|
|
1075
1093
|
// update default value
|
|
1076
1094
|
//--------------
|
|
1077
1095
|
setChangedVal(value || '');
|
|
@@ -863,20 +863,24 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
863
863
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
864
864
|
incomingData = _useState18[0],
|
|
865
865
|
setIncomingData = _useState18[1];
|
|
866
|
+
var _useState19 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
867
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
868
|
+
componentFirstLoad = _useState20[0],
|
|
869
|
+
setComponentFirstLoad = _useState20[1];
|
|
866
870
|
|
|
867
871
|
// Multiple selection
|
|
868
872
|
var MULTI_SEL_VALID = multiSelect ? multiSelect.valid : false;
|
|
869
|
-
var
|
|
873
|
+
var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
|
|
870
874
|
labels: [],
|
|
871
875
|
values: []
|
|
872
876
|
}),
|
|
873
|
-
_useState20 = _slicedToArray(_useState19, 2),
|
|
874
|
-
controlArr = _useState20[0],
|
|
875
|
-
setControlArr = _useState20[1];
|
|
876
|
-
var _useState21 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
877
877
|
_useState22 = _slicedToArray(_useState21, 2),
|
|
878
|
-
|
|
879
|
-
|
|
878
|
+
controlArr = _useState22[0],
|
|
879
|
+
setControlArr = _useState22[1];
|
|
880
|
+
var _useState23 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
|
|
881
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
882
|
+
itemSelectedAll = _useState24[0],
|
|
883
|
+
setItemSelectedAll = _useState24[1];
|
|
880
884
|
var multiSelControlOptionExist = function multiSelControlOptionExist(arr, val) {
|
|
881
885
|
return arr.map(function (v) {
|
|
882
886
|
return v.toString();
|
|
@@ -1163,7 +1167,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1163
1167
|
incomingOptionsData = valueInputRef.current.dataset.options; // Determine whether the default value is user query input or default input
|
|
1164
1168
|
defaultValue = init ? inputDefaultValue : '';
|
|
1165
1169
|
if (!(_typeof(fetchFuncAsync) === 'object')) {
|
|
1166
|
-
_context2.next =
|
|
1170
|
+
_context2.next = 23;
|
|
1167
1171
|
break;
|
|
1168
1172
|
}
|
|
1169
1173
|
_context2.next = 6;
|
|
@@ -1294,9 +1298,18 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1294
1298
|
//
|
|
1295
1299
|
onFetch === null || onFetch === void 0 ? void 0 : onFetch(selectInputRef.current, valueInputRef.current, defaultValue, _ORGIN_DATA, incomingData);
|
|
1296
1300
|
|
|
1301
|
+
// STEP 7: ===========
|
|
1302
|
+
//
|
|
1303
|
+
// window position
|
|
1304
|
+
if (componentFirstLoad) {
|
|
1305
|
+
setTimeout(function () {
|
|
1306
|
+
getPlacement(listRef.current);
|
|
1307
|
+
}, 500);
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1297
1310
|
//
|
|
1298
1311
|
return _context2.abrupt("return", _ORGIN_DATA);
|
|
1299
|
-
case
|
|
1312
|
+
case 23:
|
|
1300
1313
|
// STEP 1: ===========
|
|
1301
1314
|
// get incoming options from `data-options` of component
|
|
1302
1315
|
if (typeof incomingOptionsData !== 'undefined') {
|
|
@@ -1398,9 +1411,18 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1398
1411
|
//
|
|
1399
1412
|
onFetch === null || onFetch === void 0 ? void 0 : onFetch(selectInputRef.current, valueInputRef.current, defaultValue, optionsDataInit, incomingData);
|
|
1400
1413
|
|
|
1414
|
+
// STEP 7: ===========
|
|
1415
|
+
//
|
|
1416
|
+
// window position
|
|
1417
|
+
if (componentFirstLoad) {
|
|
1418
|
+
setTimeout(function () {
|
|
1419
|
+
getPlacement(listRef.current);
|
|
1420
|
+
}, 500);
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1401
1423
|
//
|
|
1402
1424
|
return _context2.abrupt("return", optionsDataInit);
|
|
1403
|
-
case
|
|
1425
|
+
case 37:
|
|
1404
1426
|
case "end":
|
|
1405
1427
|
return _context2.stop();
|
|
1406
1428
|
}
|
|
@@ -1906,6 +1928,12 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1906
1928
|
});
|
|
1907
1929
|
}
|
|
1908
1930
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
1931
|
+
// Component first load
|
|
1932
|
+
//--------------
|
|
1933
|
+
if (!componentFirstLoad) {
|
|
1934
|
+
setComponentFirstLoad(true);
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1909
1937
|
// Call a function when the component has been rendered completely
|
|
1910
1938
|
//--------------
|
|
1911
1939
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad(selectInputRef.current, valueInputRef.current, value);
|
|
@@ -98,6 +98,7 @@ const LiveSearch = (props: LiveSearchProps) => {
|
|
|
98
98
|
const [changedVal, setChangedVal] = useState<string>(value || '');
|
|
99
99
|
const [isOpen, setIsOpen] = useState<boolean>(false);
|
|
100
100
|
const [hasErr, setHasErr] = useState<boolean>(false);
|
|
101
|
+
const [componentFirstLoad, setComponentFirstLoad] = useState<boolean>(false);
|
|
101
102
|
|
|
102
103
|
|
|
103
104
|
//performance
|
|
@@ -345,6 +346,16 @@ const LiveSearch = (props: LiveSearchProps) => {
|
|
|
345
346
|
|
|
346
347
|
//
|
|
347
348
|
setDataInit(_ORGIN_DATA);
|
|
349
|
+
|
|
350
|
+
|
|
351
|
+
//
|
|
352
|
+
// window position
|
|
353
|
+
if (componentFirstLoad) {
|
|
354
|
+
setTimeout( ()=> {
|
|
355
|
+
getPlacement(listRef.current);
|
|
356
|
+
}, 500 );
|
|
357
|
+
}
|
|
358
|
+
|
|
348
359
|
|
|
349
360
|
return _ORGIN_DATA;
|
|
350
361
|
} else {
|
|
@@ -486,6 +497,13 @@ const LiveSearch = (props: LiveSearchProps) => {
|
|
|
486
497
|
|
|
487
498
|
useEffect(() => {
|
|
488
499
|
|
|
500
|
+
// Component first load
|
|
501
|
+
//--------------
|
|
502
|
+
if (!componentFirstLoad) {
|
|
503
|
+
setComponentFirstLoad(true);
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
|
|
489
507
|
// update default value
|
|
490
508
|
//--------------
|
|
491
509
|
setChangedVal(value || '');
|
|
@@ -169,6 +169,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
169
169
|
const [isOpen, setIsOpen] = useState<boolean>(false);
|
|
170
170
|
const [listContentHeight, setListContentHeight] = useState<number>(0);
|
|
171
171
|
const [incomingData, setIncomingData] = useState<string | null | undefined>(null);
|
|
172
|
+
const [componentFirstLoad, setComponentFirstLoad] = useState<boolean>(false);
|
|
172
173
|
|
|
173
174
|
|
|
174
175
|
// Multiple selection
|
|
@@ -675,7 +676,18 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
675
676
|
//
|
|
676
677
|
onFetch?.(selectInputRef.current, valueInputRef.current, defaultValue, _ORGIN_DATA, incomingData);
|
|
677
678
|
|
|
678
|
-
|
|
679
|
+
|
|
680
|
+
// STEP 7: ===========
|
|
681
|
+
//
|
|
682
|
+
// window position
|
|
683
|
+
if (componentFirstLoad) {
|
|
684
|
+
setTimeout( ()=> {
|
|
685
|
+
getPlacement(listRef.current);
|
|
686
|
+
}, 500 );
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
|
|
690
|
+
|
|
679
691
|
//
|
|
680
692
|
return _ORGIN_DATA;
|
|
681
693
|
|
|
@@ -797,6 +809,15 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
797
809
|
//
|
|
798
810
|
onFetch?.(selectInputRef.current, valueInputRef.current, defaultValue, optionsDataInit, incomingData);
|
|
799
811
|
|
|
812
|
+
// STEP 7: ===========
|
|
813
|
+
//
|
|
814
|
+
// window position
|
|
815
|
+
if (componentFirstLoad) {
|
|
816
|
+
setTimeout( ()=> {
|
|
817
|
+
getPlacement(listRef.current);
|
|
818
|
+
}, 500 );
|
|
819
|
+
}
|
|
820
|
+
|
|
800
821
|
//
|
|
801
822
|
return optionsDataInit;
|
|
802
823
|
}
|
|
@@ -1346,6 +1367,12 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
1346
1367
|
|
|
1347
1368
|
useEffect(() => {
|
|
1348
1369
|
|
|
1370
|
+
|
|
1371
|
+
// Component first load
|
|
1372
|
+
//--------------
|
|
1373
|
+
if (!componentFirstLoad) {
|
|
1374
|
+
setComponentFirstLoad(true);
|
|
1375
|
+
}
|
|
1349
1376
|
|
|
1350
1377
|
// Call a function when the component has been rendered completely
|
|
1351
1378
|
//--------------
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"author": "UIUX Lab",
|
|
3
3
|
"email": "uiuxlab@gmail.com",
|
|
4
4
|
"name": "funda-ui",
|
|
5
|
-
"version": "1.1.
|
|
5
|
+
"version": "1.1.145",
|
|
6
6
|
"description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|