@arco-design/mobile-react 2.36.1 → 2.37.0

package/umd/form/useForm.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "es6-promise", "./type", "./utils"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("es6-promise"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("es6-promise"), require("./type"), require("./utils"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.es6Promise);
+    factory(mod.exports, global._extends, global.react, global.es6Promise, global.type, global.utils);
     global.useForm = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends6, _react, _es6Promise) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends6, _react, _es6Promise, _type, _utils) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -49,7 +49,11 @@
       return {
         registerField: defaultFunc,
         setInitialValues: defaultFunc,
-        setCallbacks: defaultFunc
+        setCallbacks: defaultFunc,
+        getInitialValue: defaultFunc,
+        setInitialValue: defaultFunc,
+        innerSetFieldsValue: defaultFunc,
+        innerSetFieldValue: defaultFunc
       };
     }
   }; // 在field的静态的状态下设置
@@ -64,42 +68,82 @@
     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 (0, _extends6.default)({}, acc, (_extends2 = {}, _extends2[key] = _this.getFieldValue(key), _extends2));
       }, {});
       _this._formData = (0, _extends6.default)({}, _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 = (0, _extends6.default)({}, _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 = _type.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
+          });
         }
       });
     };
@@ -111,13 +155,13 @@
         });
       }
 
-      return _this._formData;
+      return (0, _utils.deepClone)(_this._formData);
     };
 
     this.getFieldValue = function (name) {
       var _this$_formData;
 
-      return (_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name];
+      return (0, _utils.deepClone)((_this$_formData = _this._formData) == null ? void 0 : _this$_formData[name]);
     };
 
     this.getFieldError = function (name) {
@@ -180,13 +224,42 @@
     };
 
     this.setInitialValues = function (initVal) {
-      _this._initialValues = (0, _extends6.default)({}, initVal || {});
+      _this._initialValues = (0, _utils.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 = (0, _extends6.default)({}, _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, _type.ValueChangeType.Reset);
     };
 
     this.validateFields = function () {
@@ -218,7 +291,7 @@
     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;
 
@@ -226,7 +299,7 @@
           return;
         }
 
-        onSubmitFailed(_this._formData, e);
+        onSubmitFailed(_this.getFieldsValue(), e);
       });
     };
 
@@ -255,7 +328,11 @@
       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/umd/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/umd/form/utils.js

@@ -1,20 +1,24 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports"], factory);
+    define(["exports", "@arco-design/mobile-utils", "lodash/cloneDeepWith", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports);
+    factory(exports, require("@arco-design/mobile-utils"), require("lodash/cloneDeepWith"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports);
+    factory(mod.exports, global.mobileUtils, global.cloneDeepWith, global.type);
     global.utils = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _mobileUtils, _cloneDeepWith, _type) {
   "use strict";
 
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
-  _exports.isFieldRequired = _exports.getErrorAndWarnings = void 0;
+  _exports.deepClone = deepClone;
+  _exports.isFieldRequired = _exports.getErrorAndWarnings = _exports.getDefaultValueForInterComponent = void 0;
+  _cloneDeepWith = _interopRequireDefault(_cloneDeepWith);
 
   var isFieldRequired = function isFieldRequired(rules) {
     if (rules === void 0) {
@@ -58,4 +62,35 @@
   };
 
   _exports.getErrorAndWarnings = getErrorAndWarnings;
+
+  var getDefaultValueForInterComponent = function getDefaultValueForInterComponent(componentType) {
+    switch (componentType) {
+      case _type.FormInternalComponentType.Input:
+      case _type.FormInternalComponentType.Textarea:
+        return undefined;
+
+      case _type.FormInternalComponentType.CheckboxGroup:
+        return [];
+
+      case _type.FormInternalComponentType.RadioGroup:
+        return null;
+
+      case _type.FormInternalComponentType.Slider:
+      case _type.FormInternalComponentType.Rate:
+        return 0;
+
+      default:
+        return undefined;
+    }
+  };
+
+  _exports.getDefaultValueForInterComponent = getDefaultValueForInterComponent;
+
+  function deepClone(value) {
+    return (0, _cloneDeepWith.default)(value, function (val) {
+      if (!(0, _mobileUtils.isObject)(val) && !(0, _mobileUtils.isArray)(val)) {
+        return val;
+      }
+    });
+  }
 });

package/umd/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/umd/index-bar/group.js

@@ -91,7 +91,9 @@
         stickyStyle: "absolute",
         getScrollContainer: getScrollContainer,
         ref: function ref(stickyRef) {
-          return stickyRef && updateRef(groupIndex, stickyRef);
+          if (stickyRef) {
+            updateRef(groupIndex, stickyRef);
+          }
         }
       }, titleDom) : titleDom;
     };

package/umd/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/umd/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/umd/input/index.js

@@ -65,7 +65,7 @@
     function renderInput(_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-input";
-      return renderWrapper(prefix, type, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, nativeProps, {
+      return renderWrapper(prefix, type + " single-line", /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, nativeProps, {
         id: id,
         name: name,
         maxLength: maxLength,

package/umd/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/umd/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/umd/notify/index.js

@@ -53,8 +53,8 @@
         getContainer = props.getContainer;
     var domRef = (0, _react.useRef)(null);
     var innerRef = (0, _react.useRef)(null);
-    var closeTimerRef = (0, _react.useRef)();
-    var onCloseTimeRef = (0, _react.useRef)();
+    var closeTimerRef = (0, _react.useRef)(undefined);
+    var onCloseTimeRef = (0, _react.useRef)(undefined);
 
     var _useState = (0, _react.useState)(!visible),
         hasTrans = _useState[0],

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

@@ -135,7 +135,9 @@
         rows: rows,
         hideEmptyCols: hideEmptyCols,
         ref: function ref(cellRef) {
-          return cellRef && (pickerCellsRef.current[index] = cellRef);
+          if (cellRef) {
+            pickerCellsRef.current[index] = cellRef;
+          }
         },
         touchToStop: touchToStop
       });

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

@@ -75,7 +75,7 @@
     var rowCount = Math.max(rows % 2 === 0 ? rows + 1 : rows, 3);
     var isTouchMoveRef = (0, _react.useRef)(false);
     var isTouchStopped = (0, _react.useRef)(false);
-    var unmountCallbackRef = (0, _react.useRef)();
+    var unmountCallbackRef = (0, _react.useRef)(undefined);
     var timeRef = (0, _react.useRef)(null);
     var colStyle = (0, _react.useMemo)(function () {
       return (0, _helpers.getStyleWithVendor)((0, _extends2.default)({

package/umd/picker-view/index.js

@@ -265,7 +265,9 @@
           rows: rows,
           hideEmptyCols: hideEmptyCols,
           ref: function ref(cellRef) {
-            return cellRef && (pickerCellsRef.current[index] = cellRef);
+            if (cellRef) {
+              pickerCellsRef.current[index] = cellRef;
+            }
           },
           touchToStop: touchToStop
         });

package/umd/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/umd/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/umd/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/umd/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/umd/radio/group.js

@@ -97,7 +97,7 @@
             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/umd/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/umd/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/umd/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/umd/skeleton/elements.js

@@ -191,7 +191,9 @@
           backgroundColor: backgroundColor
         },
         ref: function ref(el) {
-          return el && (lineDomRefs.current[idx] = el);
+          if (el) {
+            lineDomRefs.current[idx] = el;
+          }
         }
       }, isGradientAnimation && offsets !== undefined && /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-skeleton-animation-item",
@@ -279,7 +281,9 @@
           backgroundColor: backgroundColor
         },
         ref: function ref(el) {
-          return el && (iconDomRefs.current[idx] = el);
+          if (el) {
+            iconDomRefs.current[idx] = el;
+          }
         }
       }, isGradientAnimation && iconOffsets !== undefined && /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-skeleton-animation-item",
@@ -292,7 +296,9 @@
           backgroundColor: backgroundColor
         },
         ref: function ref(el) {
-          return el && (textDomRefs.current[idx] = el);
+          if (el) {
+            textDomRefs.current[idx] = el;
+          }
         }
       }, isGradientAnimation && textOffsets !== undefined && /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-skeleton-animation-item",