x-ui-design 0.4.13 → 0.4.15

package/dist/index.esm.js

@@ -3179,7 +3179,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
   onChange,
   onClose,
   showSearch = false,
-  open = false,
+  open = true,
   showArrow = true,
   notFoundContent = false,
   tagRender,
@@ -3198,7 +3198,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
   const [isHover, setIsHover] = useState(false);
   const selectRef = useRef(null);
   const [searchInputWidth, setSearchInputWidth] = useState(0);
-  const [isOpen, setIsOpen] = useState(defaultOpen || open);
+  const [isOpen, setIsOpen] = useState(defaultOpen);
   const [isOpenChecker, setIsOpenChecker] = useState(isOpen);
   const [searchQuery, setSearchQuery] = useState(searchValue || '');
   const [dropdownPosition, setDropdownPosition] = useState({});
@@ -3247,7 +3247,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [handleClearInputValue, open, hasMode, prefixCls]);
+  }, [handleClearInputValue, defaultOpen, hasMode, prefixCls]);
   const updateDropdownPosition = useCallback(searchQueryUpdated => {
     if (!selectRef.current) {
       return;
@@ -3329,7 +3329,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     setSearchQuery(e.target.value);
     onSearch?.(e.target.value);
     if (!isOpen) {
-      setIsOpen(!isOpen || open);
+      setIsOpen(!isOpen || defaultOpen);
       handleClearInputValue();
     }
   };
@@ -3366,7 +3366,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
         onSelect?.(optionValue, option);
       }
     } else {
-      setIsOpen(open);
+      setIsOpen(defaultOpen);
       setSelected(optionValue);
       onChange?.(optionValue, option);
       onSelect?.(optionValue, option);
@@ -3519,7 +3519,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     });
     return dropdownRender ? dropdownRender(options) : options;
   })();
-  const dropdownContent = !loading && isOpen && /*#__PURE__*/React.createElement("div", {
+  const dropdownContent = !loading && open && isOpen && /*#__PURE__*/React.createElement("div", {
     className: clsx([`${prefixCls}-dropdown`, {
       [placement]: placement,
       [dropdownClassName]: dropdownClassName
@@ -3535,7 +3535,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     value: searchQuery,
     onChange: handleSearch,
     placeholder: "Search..."
-  }), !loading && open && /*#__PURE__*/React.createElement("div", {
+  }), !loading && /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-options`,
     style: {
       maxHeight: listHeight,
@@ -3584,14 +3584,20 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
   }, hasMode ? /*#__PURE__*/React.createElement(React.Fragment, null, selected.length ? selected.map((tag, index) => tagRender ? /*#__PURE__*/React.createElement("div", {
     key: `${index}_${tag}`
   }, tagRender?.({
-    label: extractedOptions.find(e => e.value === tag)?.children || tag,
+    label: (() => {
+      const option = extractedOptions.find(e => e.value === tag || e.label === tag || e.children === tag);
+      return option?.children || option?.label || option?.value || null;
+    })() || tag || null,
     value: tag,
     onClose: handleRemoveTag,
     closable: true
   })) : /*#__PURE__*/React.createElement(Tag, {
     closable: true,
     value: tag,
-    label: extractedOptions.find(e => e.value === tag)?.children || tag,
+    label: (() => {
+      const option = extractedOptions.find(e => e.value === tag || e.label === tag || e.children === tag);
+      return option?.children || option?.label || option?.value || null;
+    })() || tag || null,
     onClose: handleRemoveTag,
     key: `${index}_${tag}`
   })) : /*#__PURE__*/React.createElement("span", {
@@ -3624,7 +3630,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     }
   }, selected === '' ? placeholder : selectedOption) : null) : !hasMode ? /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-input globalEllipsis`,
-    onClick: () => !disabled && setIsOpen(!isOpen || open),
+    onClick: () => !disabled && setIsOpen(!isOpen || defaultOpen),
     style: {
       opacity: isOpen || selected === '' ? '0.6' : '1'
     }