@arco-design/mobile-react 2.36.1 → 2.37.0

package/esm/form/useForm.js

@@ -3,6 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable no-console */
 import { useRef } from 'react';
 import { Promise } from 'es6-promise';
+import { ValueChangeType } from './type';
+import { deepClone } from './utils';
 
 var defaultFunc = function defaultFunc() {};
 
@@ -32,7 +34,11 @@ export var defaultFormDataMethods = {
     return {
       registerField: defaultFunc,
       setInitialValues: defaultFunc,
-      setCallbacks: defaultFunc
+      setCallbacks: defaultFunc,
+      getInitialValue: defaultFunc,
+      setInitialValue: defaultFunc,
+      innerSetFieldsValue: defaultFunc,
+      innerSetFieldValue: defaultFunc
     };
   }
 }; // 在field的静态的状态下设置
@@ -45,42 +51,82 @@ var FormData = function FormData() {
   this._initialValues = {};
   this._callbacks = {};
 
-  this.setFieldsValue = function (values) {
+  this.commonSetFieldsValue = function (values, changeType) {
     var oldValues = Object.keys(values).reduce(function (acc, key) {
       var _extends2;
 
       return _extends({}, acc, (_extends2 = {}, _extends2[key] = _this.getFieldValue(key), _extends2));
     }, {});
     _this._formData = _extends({}, _this._formData, values);
+
+    _this.notifyField(values, oldValues, changeType);
+  };
+
+  this.setFieldsValue = function (values) {
+    _this.commonSetFieldsValue(values);
+
     var onValuesChange = _this._callbacks.onValuesChange;
-    onValuesChange && onValuesChange(values, _this._formData);
+    onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
+    return true;
+  };
 
-    _this.notifyField(values, oldValues);
+  this.innerSetFieldsValue = function (values, changeType) {
+    _this.commonSetFieldsValue(values, changeType);
 
+    var _this$_callbacks = _this._callbacks,
+        onValuesChange = _this$_callbacks.onValuesChange,
+        onChange = _this$_callbacks.onChange;
+    onValuesChange == null ? void 0 : onValuesChange(values, _this._formData);
+    onChange == null ? void 0 : onChange(values, _this._formData);
     return true;
   };
 
-  this.setFieldValue = function (name, value) {
-    var _oldValues, _extends3, _onValuesChange, _this$notifyField;
+  this.commonSetFieldValue = function (name, value, changeType) {
+    var _oldValues, _extends3, _this$notifyField;
 
     var oldValues = (_oldValues = {}, _oldValues[name] = _this.getFieldValue(name), _oldValues);
     _this._formData = _extends({}, _this._formData, (_extends3 = {}, _extends3[name] = value, _extends3));
+
+    _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues, changeType);
+  };
+
+  this.setFieldValue = function (name, value) {
+    var _onValuesChange;
+
+    _this.commonSetFieldValue(name, value);
+
     var onValuesChange = _this._callbacks.onValuesChange;
-    onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this._formData);
+    onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this.getFieldsValue());
+    return true;
+  };
+
+  this.innerSetFieldValue = function (name, value, changeType) {
+    var _onValuesChange2, _onChange;
 
-    _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues);
+    _this.commonSetFieldValue(name, value, changeType);
 
+    var _this$_callbacks2 = _this._callbacks,
+        onValuesChange = _this$_callbacks2.onValuesChange,
+        onChange = _this$_callbacks2.onChange;
+    onValuesChange && onValuesChange((_onValuesChange2 = {}, _onValuesChange2[name] = value, _onValuesChange2), _this._formData);
+    onChange && onChange((_onChange = {}, _onChange[name] = value, _onChange), _this._formData);
     return true;
   };
 
-  this.notifyField = function (values, oldValues) {
+  this.notifyField = function (values, oldValues, changeType) {
+    if (changeType === void 0) {
+      changeType = ValueChangeType.Update;
+    }
+
     Object.keys(values).map(function (fieldName) {
       var _this$_fieldsList;
 
       var fieldObj = ((_this$_fieldsList = _this._fieldsList) == null ? void 0 : _this$_fieldsList[fieldName]) || null;
 
       if (fieldObj) {
-        fieldObj.onValueChange(values[fieldName], oldValues[fieldName]);
+        fieldObj.onValueChange(values[fieldName], oldValues[fieldName], {
+          changeType: changeType
+        });
       }
     });
   };
@@ -92,13 +138,13 @@ var FormData = function FormData() {
       });
     }
 
-    return _this._formData;
+    return deepClone(_this._formData);
   };
 
   this.getFieldValue = function (name) {
     var _this$_formData;
 
-    return (_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name];
+    return deepClone((_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name]);
   };
 
   this.getFieldError = function (name) {
@@ -161,13 +207,43 @@ var FormData = function FormData() {
   };
 
   this.setInitialValues = function (initVal) {
-    _this._initialValues = _extends({}, initVal || {});
+    _this._initialValues = deepClone(initVal || {});
 
     _this.setFieldsValue(initVal);
   };
 
+  this.setInitialValue = function (fieldName, value) {
+    if (!fieldName) {
+      return;
+    }
+
+    _this._initialValues[fieldName] = value;
+
+    _this.setFieldValue(fieldName, value);
+  };
+
+  this.getInitialValue = function (fieldName) {
+    return _this._initialValues[fieldName];
+  };
+
   this.resetFields = function () {
-    _this.setFieldsValue(_this._initialValues);
+    var oldValues = _extends({}, _this._formData);
+
+    var initialValues = {};
+    Object.keys(_this._formData).forEach(function (fieldName) {
+      var _this$_fieldsList5;
+
+      var fieldObj = ((_this$_fieldsList5 = _this._fieldsList) == null ? void 0 : _this$_fieldsList5[fieldName]) || null;
+
+      if (fieldObj) {
+        initialValues[fieldName] = fieldObj.getInitialValue();
+      }
+    });
+    var onValuesChange = _this._callbacks.onValuesChange;
+    onValuesChange && onValuesChange(initialValues, _this._formData);
+    _this._formData = initialValues;
+
+    _this.notifyField(initialValues, oldValues, ValueChangeType.Reset);
   };
 
   this.validateFields = function () {
@@ -199,7 +275,7 @@ var FormData = function FormData() {
   this.submit = function () {
     _this.validateFields().then(function (result) {
       var onSubmit = _this._callbacks.onSubmit;
-      onSubmit == null ? void 0 : onSubmit(_this._formData, result);
+      onSubmit == null ? void 0 : onSubmit(_this.getFieldsValue(), result);
     }).catch(function (e) {
       var onSubmitFailed = _this._callbacks.onSubmitFailed;
 
@@ -207,7 +283,7 @@ var FormData = function FormData() {
         return;
       }
 
-      onSubmitFailed(_this._formData, e);
+      onSubmitFailed(_this.getFieldsValue(), e);
     });
   };
 
@@ -236,7 +312,11 @@ var FormData = function FormData() {
     return {
       registerField: _this.registerField,
       setInitialValues: _this.setInitialValues,
-      setCallbacks: _this.setCallbacks
+      setCallbacks: _this.setCallbacks,
+      getInitialValue: _this.getInitialValue,
+      setInitialValue: _this.setInitialValue,
+      innerSetFieldsValue: _this.innerSetFieldsValue,
+      innerSetFieldValue: _this.innerSetFieldValue
     };
   };
 };

package/esm/form/utils.d.ts

@@ -5,3 +5,5 @@ export declare const getErrorAndWarnings: (result: ValidatorError[]) => {
     errors: string[];
     errorTypes: string[];
 };
+export declare const getDefaultValueForInterComponent: (componentType: string) => 0 | never[] | null | undefined;
+export declare function deepClone(value: any): any;

package/esm/form/utils.js

@@ -1,3 +1,6 @@
+import { isObject, isArray } from '@arco-design/mobile-utils';
+import cloneDeepWith from 'lodash/cloneDeepWith';
+import { FormInternalComponentType } from './type';
 export var isFieldRequired = function isFieldRequired(rules) {
   if (rules === void 0) {
     rules = [];
@@ -34,4 +37,31 @@ export var getErrorAndWarnings = function getErrorAndWarnings(result) {
     errors: errors,
     errorTypes: errorTypes
   };
-};
+};
+export var getDefaultValueForInterComponent = function getDefaultValueForInterComponent(componentType) {
+  switch (componentType) {
+    case FormInternalComponentType.Input:
+    case FormInternalComponentType.Textarea:
+      return undefined;
+
+    case FormInternalComponentType.CheckboxGroup:
+      return [];
+
+    case FormInternalComponentType.RadioGroup:
+      return null;
+
+    case FormInternalComponentType.Slider:
+    case FormInternalComponentType.Rate:
+      return 0;
+
+    default:
+      return undefined;
+  }
+};
+export function deepClone(value) {
+  return cloneDeepWith(value, function (val) {
+    if (!isObject(val) && !isArray(val)) {
+      return val;
+    }
+  });
+}

package/esm/image-preview/index.d.ts

@@ -280,9 +280,9 @@ declare const _default: React.ForwardRefExoticComponent<ImagePreviewProps & Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "offsetBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "renderExtra" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "ref" | "className" | "style" | "context" | "key" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "offsetBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "renderExtra" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "className" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "offsetBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "renderExtra" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "ref" | "className" | "style" | "context" | "key" | "swipeable" | "lazyloadCount" | "onChange" | "onAfterChange" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "onClose" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "animateDurationSlide" | "loop" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "offsetBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "renderExtra" | "extra" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
     };
 };
 /**

package/esm/index-bar/group.js

@@ -69,7 +69,9 @@ export var IndexBarGroup = /*#__PURE__*/forwardRef(function (props, ref) {
       stickyStyle: "absolute",
       getScrollContainer: getScrollContainer,
       ref: function ref(stickyRef) {
-        return stickyRef && updateRef(groupIndex, stickyRef);
+        if (stickyRef) {
+          updateRef(groupIndex, stickyRef);
+        }
       }
     }, titleDom) : titleDom;
   };

package/esm/index-bar/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { IndexBarBaseData, IndexBarProps, IndexBarRef } from './type';
+import type { IndexBarBaseData, IndexBarProps, IndexBarRef, IndexBarGroupProps } from './type';
 export type { IndexBarProps, IndexBarRef, IndexBarGroupProps, IndexBarGroupRef, IndexBarChangeTrigger, IndexBarIndexType, IndexBarTipType, } from './type';
 declare const _default: React.ForwardRefExoticComponent<IndexBarProps<IndexBarBaseData> & React.RefAttributes<IndexBarRef>> & {
-    Group: React.ForwardRefExoticComponent<import("./type").IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<import("./type").IndexBarGroupRef>>;
+    Group: React.ForwardRefExoticComponent<IndexBarGroupProps<IndexBarBaseData> & React.RefAttributes<import("./type").IndexBarGroupRef>>;
 };
 /**
  * 索引栏组件

package/esm/index-bar/utils.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { IndexBarIndexType } from './type';
 export declare function filterValidIndexBarChild(children: ReactNode): ReactElement<any, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[];
-export declare function getFormatIndex(index: IndexBarIndexType, activeIndex: IndexBarIndexType | undefined): string | number;
+export declare function getFormatIndex(index: IndexBarIndexType, activeIndex: IndexBarIndexType | undefined): import("react").ReactText;
 export declare function isValidIndex(index: unknown): index is IndexBarIndexType;
 export declare function getGroupDomFromIndex(containerDom: HTMLDivElement, activeIndex: IndexBarIndexType): HTMLDivElement | null;

package/esm/input/index.js

@@ -44,7 +44,7 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   function renderInput(_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-input";
-    return renderWrapper(prefix, type, /*#__PURE__*/React.createElement("input", _extends({}, nativeProps, {
+    return renderWrapper(prefix, type + " single-line", /*#__PURE__*/React.createElement("input", _extends({}, nativeProps, {
       id: id,
       name: name,
       maxLength: maxLength,

package/esm/masking/index.d.ts

@@ -205,11 +205,11 @@ declare const _default: React.ForwardRefExoticComponent<MaskingProps & React.Ref
      * @param {MaskingProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: MaskingProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "ref" | "className" | "children" | "context" | "key" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "ref" | "className" | "children" | "context" | "key" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/notify/index.d.ts

@@ -51,8 +51,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -61,8 +61,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -71,8 +71,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -81,8 +81,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "duration" | "className" | "getContainer" | "onClose">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "ref" | "className" | "style" | "duration" | "content" | "transitionDuration" | "context" | "key" | "type" | "getContainer" | "onClose">) => void;
         close: () => void;
     };
 };

package/esm/notify/index.js

@@ -24,8 +24,8 @@ var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
       getContainer = props.getContainer;
   var domRef = useRef(null);
   var innerRef = useRef(null);
-  var closeTimerRef = useRef();
-  var onCloseTimeRef = useRef();
+  var closeTimerRef = useRef(undefined);
+  var onCloseTimeRef = useRef(undefined);
 
   var _useState = useState(!visible),
       hasTrans = _useState[0],

package/esm/picker-view/components/cascader.js

@@ -112,7 +112,9 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
       rows: rows,
       hideEmptyCols: hideEmptyCols,
       ref: function ref(cellRef) {
-        return cellRef && (pickerCellsRef.current[index] = cellRef);
+        if (cellRef) {
+          pickerCellsRef.current[index] = cellRef;
+        }
       },
       touchToStop: touchToStop
     });

package/esm/picker-view/components/picker-cell.js

@@ -53,7 +53,7 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
   var rowCount = Math.max(rows % 2 === 0 ? rows + 1 : rows, 3);
   var isTouchMoveRef = useRef(false);
   var isTouchStopped = useRef(false);
-  var unmountCallbackRef = useRef();
+  var unmountCallbackRef = useRef(undefined);
   var timeRef = useRef(null);
   var colStyle = useMemo(function () {
     return getStyleWithVendor(_extends({

package/esm/picker-view/index.js

@@ -234,7 +234,9 @@ var PickerView = /*#__PURE__*/forwardRef(function (props, ref) {
         rows: rows,
         hideEmptyCols: hideEmptyCols,
         ref: function ref(cellRef) {
-          return cellRef && (pickerCellsRef.current[index] = cellRef);
+          if (cellRef) {
+            pickerCellsRef.current[index] = cellRef;
+          }
         },
         touchToStop: touchToStop
       });

package/esm/popup/index.d.ts

@@ -66,11 +66,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupProps & React.RefAt
      * @param {PopupProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "ref" | "className" | "children" | "direction" | "context" | "key" | "translateZ" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "ref" | "className" | "children" | "direction" | "context" | "key" | "translateZ" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/popup-swiper/index.d.ts

@@ -73,11 +73,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "ref" | "className" | "children" | "direction" | "context" | "key" | "translateZ" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "translateZ" | "className" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "ref" | "className" | "children" | "direction" | "context" | "key" | "translateZ" | "getScrollContainer" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/pull-refresh/hooks.d.ts

@@ -17,14 +17,14 @@ export declare const useCommonState: ({ onRefresh, loosingMinHeight, }: {
     tipsHeight: number;
 };
 export declare const useAddScrollEvents: ({ domRef, handleTouchStart, handleTouchMove, handleTouchEnd, }: {
-    domRef: RefObject<HTMLDivElement>;
+    domRef: RefObject<HTMLDivElement | null>;
     handleTouchStart: (evt: HTMLElementEventMap['touchstart']) => void;
     handleTouchMove: (evt: HTMLElementEventMap['touchmove']) => void;
     handleTouchEnd: (evt: HTMLElementEventMap['touchend']) => void;
 }) => void;
 export declare const useCheckAsStart: ({ allowPullWhenNotTop, domRef, }: {
     allowPullWhenNotTop: boolean;
-    domRef: RefObject<HTMLDivElement>;
+    domRef: RefObject<HTMLDivElement | null>;
 }) => {
     ifShouldHandle: () => boolean | null;
 };

package/esm/radio/group.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { RadioGroupProps, RadioGroupRef, RadioProps, RadioRef, ValueType } from './type';
 import { GroupContextParams } from '../checkbox';
-export declare const RadioGroupContext: React.Context<GroupContextParams<string | number>>;
+export declare const RadioGroupContext: React.Context<GroupContextParams<React.ReactText>>;
 export declare function componentGenerator<T extends ValueType = ValueType, P extends RadioProps<T> = RadioProps<T>, R extends RadioRef = RadioRef>(Comp: React.ForwardRefExoticComponent<P & React.RefAttributes<R>>): React.ForwardRefExoticComponent<RadioGroupProps<T, P> & React.RefAttributes<RadioGroupRef>>;

package/esm/radio/group.js

@@ -71,7 +71,7 @@ export function componentGenerator(Comp) {
           layout: layout,
           disabled: disabled,
           icons: icons,
-          value: groupValue === void 0 ? [] : [groupValue],
+          value: groupValue === void 0 || groupValue === null ? [] : [groupValue],
           onChange: handleChange
         }
       }, children, !children && options && options.map(function (option) {

package/esm/radio/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export * from './type';
-declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & {
+declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<import("react").ReactText> & import("react").RefAttributes<import("./type").RadioRef>> & {
+    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<import("react").ReactText, import("./type").RadioProps<import("react").ReactText> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & {
         displayName?: string | undefined;
     };
 } & {

package/esm/radio/radio.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { CheckboxProps, CheckboxRef } from '../checkbox';
 import { RadioProps, RadioRef, ValueType } from './type';
 export declare function componentGenerator<T extends ValueType = ValueType, P extends CheckboxProps<T> = CheckboxProps<T>, R extends CheckboxRef = CheckboxRef>(Comp: React.ForwardRefExoticComponent<P & React.RefAttributes<R>>): React.ForwardRefExoticComponent<RadioProps<T> & React.RefAttributes<RadioRef>>;
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps<string | number> & React.RefAttributes<RadioRef>>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps<React.ReactText> & React.RefAttributes<RadioRef>>;

package/esm/radio/type.d.ts

@@ -8,10 +8,10 @@ export interface RadioGroupProps<T extends ValueType = ValueType, P extends Radi
      */
     options?: P[];
     /**
-     * 受控模式，选中的选项
+     * 受控模式，选中的选项，传null表示取消选中
      * @en Checked option, controlled mode
      */
-    value?: T;
+    value?: T | null;
     /**
      * 默认选中项
      * @en Default checked value

package/esm/skeleton/elements.js

@@ -170,7 +170,9 @@ export var SkeletonParagraph = /*#__PURE__*/forwardRef(function (props, ref) {
         backgroundColor: backgroundColor
       },
       ref: function ref(el) {
-        return el && (lineDomRefs.current[idx] = el);
+        if (el) {
+          lineDomRefs.current[idx] = el;
+        }
       }
     }, isGradientAnimation && offsets !== undefined && /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",
@@ -256,7 +258,9 @@ export var SkeletonGrid = /*#__PURE__*/forwardRef(function (props, ref) {
         backgroundColor: backgroundColor
       },
       ref: function ref(el) {
-        return el && (iconDomRefs.current[idx] = el);
+        if (el) {
+          iconDomRefs.current[idx] = el;
+        }
       }
     }, isGradientAnimation && iconOffsets !== undefined && /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",
@@ -269,7 +273,9 @@ export var SkeletonGrid = /*#__PURE__*/forwardRef(function (props, ref) {
         backgroundColor: backgroundColor
       },
       ref: function ref(el) {
-        return el && (textDomRefs.current[idx] = el);
+        if (el) {
+          textDomRefs.current[idx] = el;
+        }
       }
     }, isGradientAnimation && textOffsets !== undefined && /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",

package/esm/slider/hooks/index.d.ts

@@ -5,7 +5,7 @@ export declare type LinePosition = {
     length: number;
     start: number;
 };
-export declare const SliderContext: React.Context<Required<Pick<SliderProps, "max" | "disabled" | "style" | "size" | "step" | "type" | "className" | "onChange" | "onAfterChange" | "min" | "suffixLabel" | "prefixLabel" | "useRange" | "useAnimation" | "showTooltip" | "showMarks" | "useMarkOnly" | "draggableTrackOnly" | "formatTooltip" | "renderThumb">> & Pick<SliderProps, "value" | "defaultValue" | "marks" | "renderThumbPopover">>;
+export declare const SliderContext: React.Context<Required<Pick<SliderProps, "className" | "style" | "disabled" | "step" | "size" | "type" | "onChange" | "onAfterChange" | "max" | "min" | "suffixLabel" | "prefixLabel" | "useRange" | "useAnimation" | "showTooltip" | "showMarks" | "useMarkOnly" | "draggableTrackOnly" | "formatTooltip" | "renderThumb">> & Pick<SliderProps, "value" | "defaultValue" | "marks" | "renderThumbPopover">>;
 export * from './useSliderIcon';
 export * from './useSliderInit';
 export * from './useSliderStyle';

package/esm/slider/hooks/useSliderEvents.d.ts

@@ -7,7 +7,7 @@ declare enum IsTouchingStatus {
 }
 export declare const useSliderEvents: ({ getLinePosition, lineRef, valueGroup, setValueGroup, setCommonIsTouching, }: {
     getLinePosition: () => LinePosition;
-    lineRef: RefObject<HTMLDivElement>;
+    lineRef: RefObject<HTMLDivElement | null>;
     valueGroup: number | number[];
     setValueGroup: React.Dispatch<React.SetStateAction<number | [number, number]>>;
     setCommonIsTouching: React.Dispatch<React.SetStateAction<number>>;

package/esm/stepper/hooks/useValue.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { StepperProps } from '..';
 export default function useValue(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits'>> & Pick<StepperProps, 'formatter' | 'value'>): {
     updateValue: (updater: number | ((oldValue: number) => number)) => void;
     actualInputValue: number;
-    showValue: string | number;
+    showValue: import("react").ReactText;
     innerValue: number;
 };