x-ui-design 0.9.81 → 0.9.82

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 (9) hide show
  1. package/dist/index.esm.js +15 -13
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +15 -13
  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/package.json +1 -1
  9. package/src/app/page.tsx +7 -5
package/dist/index.js CHANGED
@@ -3233,9 +3233,11 @@ const RangePicker = ({
3233
3233
  onVisibleChange?.(false);
3234
3234
  }
3235
3235
  };
3236
- document.addEventListener('mousedown', handleClickOutside);
3237
- return () => document.removeEventListener('mousedown', handleClickOutside);
3238
- }, []);
3236
+ if (isOpen) {
3237
+ document.addEventListener('mousedown', handleClickOutside);
3238
+ return () => document.removeEventListener('mousedown', handleClickOutside);
3239
+ }
3240
+ }, [isOpen]);
3239
3241
  const isInHoverRange = date => {
3240
3242
  const [start, end] = selectedDates;
3241
3243
  if (!start || end || !hoveredDate) return false;
@@ -4497,11 +4499,11 @@ const Select = ({
4497
4499
  }
4498
4500
  }, [selectRef.current, prefixCls, prefixClsV3, selected]);
4499
4501
  React.useEffect(() => {
4500
- document.addEventListener('mousedown', handleClickOutside);
4501
- return () => {
4502
- document.removeEventListener('mousedown', handleClickOutside);
4503
- };
4504
- }, [handleClickOutside]);
4502
+ if (isOpen) {
4503
+ document.addEventListener('mousedown', handleClickOutside);
4504
+ return () => document.removeEventListener('mousedown', handleClickOutside);
4505
+ }
4506
+ }, [isOpen, handleClickOutside]);
4505
4507
  const updateDropdownPosition = React.useCallback(searchQueryUpdated => {
4506
4508
  if (!selectRef.current) {
4507
4509
  return;
@@ -5718,11 +5720,11 @@ const Popover = ({
5718
5720
  onVisibleChange?.(false);
5719
5721
  }
5720
5722
  };
5721
- document.addEventListener('mousedown', handleClickOutside);
5722
- return () => {
5723
- document.removeEventListener('mousedown', handleClickOutside);
5724
- };
5725
- }, []);
5723
+ if (isOpen) {
5724
+ document.addEventListener('mousedown', handleClickOutside);
5725
+ return () => document.removeEventListener('mousedown', handleClickOutside);
5726
+ }
5727
+ }, [isOpen]);
5726
5728
  const triggers = Array.isArray(trigger) ? trigger : [trigger];
5727
5729
  const handleOnClick = React.useCallback(e => {
5728
5730
  const newState = !isOpen;