@rufous/ui 0.2.103 → 0.2.104
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/main.cjs +15 -6
- package/dist/main.js +15 -6
- package/package.json +1 -1
package/dist/main.cjs
CHANGED
|
@@ -3406,9 +3406,10 @@ var DateField = ({
|
|
|
3406
3406
|
(0, import_react21.useEffect)(() => {
|
|
3407
3407
|
if (!open || !containerRef.current) return;
|
|
3408
3408
|
const rect = containerRef.current.getBoundingClientRect();
|
|
3409
|
+
const PICKER_H = 420;
|
|
3409
3410
|
const spaceBelow = window.innerHeight - rect.bottom;
|
|
3410
|
-
const
|
|
3411
|
-
setDropUp(spaceBelow <
|
|
3411
|
+
const spaceAbove = rect.top;
|
|
3412
|
+
setDropUp(spaceBelow < PICKER_H && spaceAbove > spaceBelow);
|
|
3412
3413
|
}, [open]);
|
|
3413
3414
|
const commitDate = (0, import_react21.useCallback)((d, h, m, ap) => {
|
|
3414
3415
|
setSelectedDate(d);
|
|
@@ -3620,13 +3621,21 @@ var DateField = ({
|
|
|
3620
3621
|
style: (() => {
|
|
3621
3622
|
const rect = containerRef.current?.getBoundingClientRect();
|
|
3622
3623
|
if (!rect) return {};
|
|
3623
|
-
const
|
|
3624
|
-
const
|
|
3625
|
-
const
|
|
3624
|
+
const PICKER_H = 420;
|
|
3625
|
+
const GAP2 = 6;
|
|
3626
|
+
const EDGE = 4;
|
|
3627
|
+
const spaceBelow = window.innerHeight - rect.bottom - GAP2;
|
|
3628
|
+
const spaceAbove = rect.top - GAP2;
|
|
3629
|
+
const useDropUp = spaceBelow < PICKER_H && spaceAbove > spaceBelow;
|
|
3630
|
+
const rawTop = useDropUp ? rect.top - PICKER_H - GAP2 : rect.bottom + GAP2;
|
|
3631
|
+
const top = Math.min(
|
|
3632
|
+
Math.max(rawTop, EDGE),
|
|
3633
|
+
window.innerHeight - PICKER_H - EDGE
|
|
3634
|
+
);
|
|
3626
3635
|
return {
|
|
3627
3636
|
position: "fixed",
|
|
3628
3637
|
left: rect.left,
|
|
3629
|
-
|
|
3638
|
+
top,
|
|
3630
3639
|
zIndex: 99999
|
|
3631
3640
|
};
|
|
3632
3641
|
})(),
|
package/dist/main.js
CHANGED
|
@@ -3257,9 +3257,10 @@ var DateField = ({
|
|
|
3257
3257
|
useEffect7(() => {
|
|
3258
3258
|
if (!open || !containerRef.current) return;
|
|
3259
3259
|
const rect = containerRef.current.getBoundingClientRect();
|
|
3260
|
+
const PICKER_H = 420;
|
|
3260
3261
|
const spaceBelow = window.innerHeight - rect.bottom;
|
|
3261
|
-
const
|
|
3262
|
-
setDropUp(spaceBelow <
|
|
3262
|
+
const spaceAbove = rect.top;
|
|
3263
|
+
setDropUp(spaceBelow < PICKER_H && spaceAbove > spaceBelow);
|
|
3263
3264
|
}, [open]);
|
|
3264
3265
|
const commitDate = useCallback3((d, h, m, ap) => {
|
|
3265
3266
|
setSelectedDate(d);
|
|
@@ -3471,13 +3472,21 @@ var DateField = ({
|
|
|
3471
3472
|
style: (() => {
|
|
3472
3473
|
const rect = containerRef.current?.getBoundingClientRect();
|
|
3473
3474
|
if (!rect) return {};
|
|
3474
|
-
const
|
|
3475
|
-
const
|
|
3476
|
-
const
|
|
3475
|
+
const PICKER_H = 420;
|
|
3476
|
+
const GAP2 = 6;
|
|
3477
|
+
const EDGE = 4;
|
|
3478
|
+
const spaceBelow = window.innerHeight - rect.bottom - GAP2;
|
|
3479
|
+
const spaceAbove = rect.top - GAP2;
|
|
3480
|
+
const useDropUp = spaceBelow < PICKER_H && spaceAbove > spaceBelow;
|
|
3481
|
+
const rawTop = useDropUp ? rect.top - PICKER_H - GAP2 : rect.bottom + GAP2;
|
|
3482
|
+
const top = Math.min(
|
|
3483
|
+
Math.max(rawTop, EDGE),
|
|
3484
|
+
window.innerHeight - PICKER_H - EDGE
|
|
3485
|
+
);
|
|
3477
3486
|
return {
|
|
3478
3487
|
position: "fixed",
|
|
3479
3488
|
left: rect.left,
|
|
3480
|
-
|
|
3489
|
+
top,
|
|
3481
3490
|
zIndex: 99999
|
|
3482
3491
|
};
|
|
3483
3492
|
})(),
|