x-ui-design 0.4.50 → 0.4.52

package/dist/index.esm.js

@@ -3264,26 +3264,25 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       inputContainer.innerText = '';
     }
   }, [autoClearSearchValue, prefixCls]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const handleClickOutside = event => {
-    if (!selectRef.current) return;
-    const dropdown = document.querySelector(`.${prefixCls}-dropdown`);
-    const clickedInside = event?.target && (selectRef.current.contains(event.target) || dropdown && dropdown.contains(event.target));
-    if (!clickedInside) {
-      setIsOpen(false);
-      handleClearInputValue();
-      onClose?.();
-    }
-  };
   useEffect(() => {
     setSelected(hasMode ? checkModeInitialValue : initialValue);
   }, [checkModeInitialValue, hasMode, initialValue]);
   useEffect(() => {
+    const handleClickOutside = event => {
+      if (!selectRef.current) return;
+      const dropdown = document.querySelector(`.${prefixCls}-dropdown`);
+      const clickedInside = selectRef.current.contains(event.target) || dropdown && dropdown.contains(event.target);
+      if (!clickedInside) {
+        setIsOpen(false);
+        handleClearInputValue();
+        onClose?.();
+      }
+    };
     document.addEventListener('mousedown', handleClickOutside);
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [handleClickOutside]);
+  }, [handleClearInputValue, defaultOpen, hasMode, prefixCls]);
   const updateDropdownPosition = useCallback(searchQueryUpdated => {
     if (!selectRef.current) {
       return;
@@ -3325,7 +3324,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       setDropdownPosition({});
       setSearchFocused(false);
     }
-  }, [isOpen, onDropdownVisibleChange]);
+  }, [isOpen]);
   useEffect(() => {
     if (!isOpen) return;
     const _updateDropdownPosition = () => updateDropdownPosition();
@@ -3397,6 +3396,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       const newSelection = selected.includes(optionValue) ? selected.filter(item => item !== optionValue) : [...selected, optionValue];
       setSelected(newSelection);
       onChange?.(newSelection, option);
+      // onSelect?.(newSelection, option);
       if (selected.includes(optionValue)) {
         onDeselect?.(optionValue, option);
       } else {
@@ -3445,8 +3445,8 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       if (e.key === 'Backspace') {
         if (hasMode && !e.target.value.trim().length) {
           const updatedSelected = hasMode ? selected.filter(item => item !== selected[selected.length - 1]) : e.target.value.trim();
-          onDeselect?.(e.target.value);
           onChange?.(updatedSelected);
+          onSelect?.(updatedSelected);
           setSelected(updatedSelected);
         }
       }