x-ui-design 0.4.47 → 0.4.49

package/dist/index.esm.js

@@ -3264,25 +3264,26 @@ 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);
     };
-  }, [handleClearInputValue, defaultOpen, hasMode, prefixCls]);
+  }, [handleClickOutside]);
   const updateDropdownPosition = useCallback(searchQueryUpdated => {
     if (!selectRef.current) {
       return;
@@ -3324,8 +3325,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
       setDropdownPosition({});
       setSearchFocused(false);
     }
-  }, [isOpen]);
-  useEffect(() => {}, []);
+  }, [isOpen, onDropdownVisibleChange]);
   useEffect(() => {
     if (!isOpen) return;
     const _updateDropdownPosition = () => updateDropdownPosition();
@@ -3397,7 +3397,6 @@ 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,10 +3444,11 @@ 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();
-          onChange?.(updatedSelected);
-          onSelect?.(updatedSelected);
-          setSelected(updatedSelected);
+          handleRemoveTag({
+            target: {
+              value: selected[selected.length - 1]
+            }
+          });
         }
       }
       clearTimeout(timeout);