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.js CHANGED
@@ -2815,8 +2815,9 @@ const usePopupPosition = ({
2815
2815
  popupStyle: {
2816
2816
  zIndex: 10000,
2817
2817
  position: "absolute",
2818
- opacity: Object.keys(popupPosition).length ? 1 : 0,
2819
- ...popupPosition
2818
+ ...(Object.keys(popupPosition).length ? popupPosition : {
2819
+ visibility: 'hidden'
2820
+ })
2820
2821
  }
2821
2822
  };
2822
2823
  };
@@ -3233,9 +3234,11 @@ const RangePicker = ({
3233
3234
  onVisibleChange?.(false);
3234
3235
  }
3235
3236
  };
3236
- document.addEventListener('mousedown', handleClickOutside);
3237
- return () => document.removeEventListener('mousedown', handleClickOutside);
3238
- }, []);
3237
+ if (isOpen) {
3238
+ document.addEventListener('mousedown', handleClickOutside);
3239
+ return () => document.removeEventListener('mousedown', handleClickOutside);
3240
+ }
3241
+ }, [isOpen]);
3239
3242
  const isInHoverRange = date => {
3240
3243
  const [start, end] = selectedDates;
3241
3244
  if (!start || end || !hoveredDate) return false;
@@ -4497,11 +4500,11 @@ const Select = ({
4497
4500
  }
4498
4501
  }, [selectRef.current, prefixCls, prefixClsV3, selected]);
4499
4502
  React.useEffect(() => {
4500
- document.addEventListener('mousedown', handleClickOutside);
4501
- return () => {
4502
- document.removeEventListener('mousedown', handleClickOutside);
4503
- };
4504
- }, [handleClickOutside]);
4503
+ if (isOpen) {
4504
+ document.addEventListener('mousedown', handleClickOutside);
4505
+ return () => document.removeEventListener('mousedown', handleClickOutside);
4506
+ }
4507
+ }, [isOpen, handleClickOutside]);
4505
4508
  const updateDropdownPosition = React.useCallback(searchQueryUpdated => {
4506
4509
  if (!selectRef.current) {
4507
4510
  return;
@@ -5718,11 +5721,11 @@ const Popover = ({
5718
5721
  onVisibleChange?.(false);
5719
5722
  }
5720
5723
  };
5721
- document.addEventListener('mousedown', handleClickOutside);
5722
- return () => {
5723
- document.removeEventListener('mousedown', handleClickOutside);
5724
- };
5725
- }, []);
5724
+ if (isOpen) {
5725
+ document.addEventListener('mousedown', handleClickOutside);
5726
+ return () => document.removeEventListener('mousedown', handleClickOutside);
5727
+ }
5728
+ }, [isOpen]);
5726
5729
  const triggers = Array.isArray(trigger) ? trigger : [trigger];
5727
5730
  const handleOnClick = React.useCallback(e => {
5728
5731
  const newState = !isOpen;