x-ui-design 0.6.99 → 0.7.21

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

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { SelectProps } from '../../types/select';
 import './style.css';
 declare const Select: {
-    ({ prefixCls, prefixClsV3, 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, iconClickClear, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, iconClick, ref }: SelectProps): ReactElement;
+    ({ prefixCls, prefixClsV3, 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, iconClickClear, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, iconClick, ref, controlled }: SelectProps): ReactElement;
     displayName: string;
 };
 export default Select;

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

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

package/dist/index.esm.js

@@ -697,7 +697,15 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
         }
       });
     } else {
-      errorsRef.current[name] = errors;
+      if (reset === -1) {
+        setTimeout(() => {
+          errorsRef.current[name] = errors;
+          notifyErrorSubscribers(name);
+        }, 0);
+      } else {
+        errorsRef.current[name] = errors;
+        notifyErrorSubscribers(name);
+      }
     }
   }
   function setFieldsValue(values, reset) {
@@ -708,7 +716,7 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
       name,
       value,
       errors
-    }) => setFieldValue(Array.isArray(name) ? name[0] : name, value, errors));
+    }) => setFieldValue(Array.isArray(name) ? name[0] : name, value ?? getFieldValue(Array.isArray(name) ? name[0] : name), errors, -1));
   }
   function setFieldInstance(fieldName, fieldRef) {
     fieldInstancesRef.current[fieldName] = fieldRef;
@@ -1097,7 +1105,7 @@ const FormItem$1 = ({
     if (initialValue && getFieldValue(name) === undefined) {
       setFieldValue(name, initialValue);
     }
-  }, []);
+  }, [name]);
   useEffect(() => {
     if (name && dependencies.length > 0) {
       const unsubscribe = subscribeToFields(dependencies, () => {
@@ -3499,7 +3507,8 @@ const Select = ({
   dropdownRender,
   onDropdownVisibleChange,
   iconClick,
-  ref
+  ref,
+  controlled
 }) => {
   const asTag = mode === 'tags';
   const asMultiple = mode === 'multiple';
@@ -3689,26 +3698,26 @@ const Select = ({
         return;
       }
       const newSelection = selected.includes(optionValue) ? selected.filter(item => item !== optionValue) : [...selected, optionValue];
-      setSelected(newSelection);
+      !controlled && setSelected(newSelection);
       onChange?.(newSelection, option);
       if (selected.includes(optionValue)) {
-        onDeselect?.(optionValue, option);
+        !controlled && onDeselect?.(optionValue, option);
       } else {
-        onSelect?.(optionValue, option);
+        !controlled && onSelect?.(optionValue, option);
       }
     } else {
       setIsOpen(defaultOpen);
-      setSelected(optionValue);
+      !controlled && setSelected(optionValue);
       onChange?.(optionValue, option);
-      onSelect?.(optionValue, option);
+      !controlled && onSelect?.(optionValue, option);
     }
     handleClearInputValue();
   };
   const handleClear = () => {
     const value = hasMode ? [] : '';
-    setSelected(value);
+    !controlled && setSelected(value);
     onChange?.('');
-    onSelect?.('');
+    !controlled && onSelect?.('');
     onClear?.();
     handleClearInputValue();
   };