x-ui-design 0.5.50 → 0.5.52

package/dist/esm/types/components/Select/Select.d.ts

@@ -2,7 +2,7 @@ import React, { ReactElement } from 'react';
 import { SelectProps } from '../../types/select';
 import './style.css';
 declare const Select: {
-    ({ prefixCls, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, ref }: SelectProps): ReactElement;
+    ({ prefixCls, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, closeFromParent, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, ref }: SelectProps): ReactElement;
     displayName: string;
 } & {
     Option: React.FC<import("../../types/select").OptionProps>;

package/dist/esm/types/types/select.d.ts

@@ -48,6 +48,7 @@ export type SelectProps = DefaultProps & {
     removeIcon?: ReactNode;
     maxTagCount?: number | 'responsive';
     ref?: ForwardedRef<HTMLDivElement>;
+    closeFromParent?: boolean;
 };
 export interface OptionType {
     value: RuleType;

package/dist/index.esm.js

@@ -3275,6 +3275,7 @@ const SelectComponent = ({
   style,
   showSearch = false,
   open = true,
+  closeFromParent = false,
   showArrow = true,
   notFoundContent = false,
   noStyle,
@@ -3400,10 +3401,10 @@ const SelectComponent = ({
     }
   }, [isOpen]);
   useEffect(() => {
-    if (!open && isOpen) {
+    if (!open && isOpen && closeFromParent) {
       handleClickOutside();
     }
-  }, [open, isOpen]);
+  }, [open, isOpen, closeFromParent]);
   useEffect(() => {
     if (!isOpen) return;
     const _updateDropdownPosition = () => updateDropdownPosition();
@@ -3781,7 +3782,7 @@ const SelectComponent = ({
       textAlign: 'center'
     }
   }, showSearch ? {
-    contentEditable: 'plaintext-only'
+    contentEditable: true
   } : {}, {
     id: `${prefixCls}-search-tag-input`,
     className: `${prefixCls}-tag-input`