x-ui-design 0.9.81 → 0.9.83

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.
Files changed (10) hide show
  1. package/dist/index.esm.js +18 -15
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +18 -15
  4. package/dist/index.js.map +1 -1
  5. package/lib/components/DatePicker/RangePicker/RangePicker.tsx +5 -3
  6. package/lib/components/Popover/Popover.tsx +6 -5
  7. package/lib/components/Select/Select.tsx +5 -5
  8. package/lib/hooks/usePopupPosition.ts +3 -2
  9. package/package.json +1 -1
  10. package/src/app/page.tsx +7 -5
package/dist/index.esm.js CHANGED
@@ -2813,8 +2813,9 @@ const usePopupPosition = ({
2813
2813
  popupStyle: {
2814
2814
  zIndex: 10000,
2815
2815
  position: "absolute",
2816
- opacity: Object.keys(popupPosition).length ? 1 : 0,
2817
- ...popupPosition
2816
+ ...(Object.keys(popupPosition).length ? popupPosition : {
2817
+ visibility: 'hidden'
2818
+ })
2818
2819
  }
2819
2820
  };
2820
2821
  };
@@ -3231,9 +3232,11 @@ const RangePicker = ({
3231
3232
  onVisibleChange?.(false);
3232
3233
  }
3233
3234
  };
3234
- document.addEventListener('mousedown', handleClickOutside);
3235
- return () => document.removeEventListener('mousedown', handleClickOutside);
3236
- }, []);
3235
+ if (isOpen) {
3236
+ document.addEventListener('mousedown', handleClickOutside);
3237
+ return () => document.removeEventListener('mousedown', handleClickOutside);
3238
+ }
3239
+ }, [isOpen]);
3237
3240
  const isInHoverRange = date => {
3238
3241
  const [start, end] = selectedDates;
3239
3242
  if (!start || end || !hoveredDate) return false;
@@ -4495,11 +4498,11 @@ const Select = ({
4495
4498
  }
4496
4499
  }, [selectRef.current, prefixCls, prefixClsV3, selected]);
4497
4500
  useEffect(() => {
4498
- document.addEventListener('mousedown', handleClickOutside);
4499
- return () => {
4500
- document.removeEventListener('mousedown', handleClickOutside);
4501
- };
4502
- }, [handleClickOutside]);
4501
+ if (isOpen) {
4502
+ document.addEventListener('mousedown', handleClickOutside);
4503
+ return () => document.removeEventListener('mousedown', handleClickOutside);
4504
+ }
4505
+ }, [isOpen, handleClickOutside]);
4503
4506
  const updateDropdownPosition = useCallback(searchQueryUpdated => {
4504
4507
  if (!selectRef.current) {
4505
4508
  return;
@@ -5716,11 +5719,11 @@ const Popover = ({
5716
5719
  onVisibleChange?.(false);
5717
5720
  }
5718
5721
  };
5719
- document.addEventListener('mousedown', handleClickOutside);
5720
- return () => {
5721
- document.removeEventListener('mousedown', handleClickOutside);
5722
- };
5723
- }, []);
5722
+ if (isOpen) {
5723
+ document.addEventListener('mousedown', handleClickOutside);
5724
+ return () => document.removeEventListener('mousedown', handleClickOutside);
5725
+ }
5726
+ }, [isOpen]);
5724
5727
  const triggers = Array.isArray(trigger) ? trigger : [trigger];
5725
5728
  const handleOnClick = useCallback(e => {
5726
5729
  const newState = !isOpen;