x-ui-design 0.7.21 → 0.7.23
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 +6 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/lib/components/DatePicker/RangePicker/RangePicker.tsx +1 -0
- package/lib/components/Select/Select.tsx +5 -5
- package/package.json +1 -1
- package/src/app/page.tsx +8 -5
|
@@ -89,6 +89,7 @@ const RangePicker = ({
|
|
|
89
89
|
}, []);
|
|
90
90
|
|
|
91
91
|
const handleSelect = (date: Date) => {
|
|
92
|
+
debugger
|
|
92
93
|
if (!selectedDates[0] || (selectedDates[0] && selectedDates[1])) {
|
|
93
94
|
setSelectedDates([date, null]);
|
|
94
95
|
onCalendarChange?.([date.toUTCString(), undefined], [formatDate(date)], {});
|
|
@@ -192,7 +192,7 @@ const Select = ({
|
|
|
192
192
|
}, [autoClearSearchValue, prefixCls, prefixClsV3]);
|
|
193
193
|
|
|
194
194
|
useEffect(() => {
|
|
195
|
-
setSelected(hasMode ? checkModeInitialValue : initialValue)
|
|
195
|
+
!controlled && setSelected(hasMode ? checkModeInitialValue : initialValue)
|
|
196
196
|
}, [checkModeInitialValue, hasMode, initialValue])
|
|
197
197
|
|
|
198
198
|
const handleClickOutside = useCallback((event?: MouseEvent): void => {
|
|
@@ -367,7 +367,7 @@ const Select = ({
|
|
|
367
367
|
const updatedSelected = [...selected, newOptionValue];
|
|
368
368
|
|
|
369
369
|
onChange?.(updatedSelected);
|
|
370
|
-
onSelect?.(updatedSelected);
|
|
370
|
+
!controlled && onSelect?.(updatedSelected);
|
|
371
371
|
|
|
372
372
|
const input = selectRef.current?.querySelector('input');
|
|
373
373
|
|
|
@@ -375,7 +375,7 @@ const Select = ({
|
|
|
375
375
|
input.value = '';
|
|
376
376
|
}
|
|
377
377
|
|
|
378
|
-
setSelected(updatedSelected);
|
|
378
|
+
!controlled && setSelected(updatedSelected);
|
|
379
379
|
handleClearInputValue();
|
|
380
380
|
};
|
|
381
381
|
|
|
@@ -472,11 +472,11 @@ const Select = ({
|
|
|
472
472
|
: e.target.value.trim();
|
|
473
473
|
|
|
474
474
|
if (selected[selected.length - 1]) {
|
|
475
|
-
onDeselect?.(selected[selected.length - 1]);
|
|
475
|
+
!controlled && onDeselect?.(selected[selected.length - 1]);
|
|
476
476
|
}
|
|
477
477
|
|
|
478
478
|
onChange?.(updatedSelected);
|
|
479
|
-
setSelected(updatedSelected);
|
|
479
|
+
!controlled && setSelected(updatedSelected);
|
|
480
480
|
setSearchFocused(false);
|
|
481
481
|
}
|
|
482
482
|
}
|
package/package.json
CHANGED
package/src/app/page.tsx
CHANGED
|
@@ -1903,13 +1903,16 @@ export default function Home() {
|
|
|
1903
1903
|
// }
|
|
1904
1904
|
// }, []);
|
|
1905
1905
|
|
|
1906
|
-
const [aa, bb] = useState([
|
|
1906
|
+
const [aa, bb] = useState([
|
|
1907
|
+
new Date("2025-10-06T20:00:00.000Z"),
|
|
1908
|
+
new Date("2025-10-09T19:59:59.999Z")
|
|
1909
|
+
])
|
|
1907
1910
|
const [selected, setSelected] = useState('Armenia')
|
|
1908
1911
|
|
|
1909
1912
|
useEffect(() => {
|
|
1910
|
-
setTimeout(() => {
|
|
1911
|
-
|
|
1912
|
-
}, 3000);
|
|
1913
|
+
// setTimeout(() => {
|
|
1914
|
+
// bb([new Date("2025-10-06T19:59:59.999Z"), new Date("2025-10-09T19:59:59.999Z")])
|
|
1915
|
+
// }, 3000);
|
|
1913
1916
|
}, [])
|
|
1914
1917
|
|
|
1915
1918
|
const disableDate = useCallback(
|
|
@@ -1935,7 +1938,7 @@ export default function Home() {
|
|
|
1935
1938
|
|
|
1936
1939
|
return (
|
|
1937
1940
|
<>
|
|
1938
|
-
<RangePicker size="middle" format={'YYYY-MM-DD'} value={aa} defaultValue={aa}
|
|
1941
|
+
<RangePicker size="middle" format={'YYYY-MM-DD'} value={aa} defaultValue={aa} />
|
|
1939
1942
|
|
|
1940
1943
|
<Form
|
|
1941
1944
|
form={form}
|