@arco-design/mobile-react 2.36.1 → 2.37.0

package/cjs/form/useForm.js

@@ -12,6 +12,10 @@ var _react = require("react");
 
 var _es6Promise = require("es6-promise");
 
+var _type = require("./type");
+
+var _utils = require("./utils");
+
 /* eslint-disable no-console */
 var defaultFunc = function defaultFunc() {};
 
@@ -41,7 +45,11 @@ var defaultFormDataMethods = {
     return {
       registerField: defaultFunc,
       setInitialValues: defaultFunc,
-      setCallbacks: defaultFunc
+      setCallbacks: defaultFunc,
+      getInitialValue: defaultFunc,
+      setInitialValue: defaultFunc,
+      innerSetFieldsValue: defaultFunc,
+      innerSetFieldValue: defaultFunc
     };
   }
 }; // 在field的静态的状态下设置
@@ -56,42 +64,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 (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.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues);
+  this.innerSetFieldValue = function (name, value, changeType) {
+    var _onValuesChange2, _onChange;
 
+    _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
+        });
       }
     });
   };
@@ -103,13 +151,13 @@ var FormData = function FormData() {
       });
     }
 
-    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) {
@@ -172,13 +220,42 @@ var FormData = function FormData() {
   };
 
   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 () {
@@ -210,7 +287,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;
 
@@ -218,7 +295,7 @@ var FormData = function FormData() {
         return;
       }
 
-      onSubmitFailed(_this._formData, e);
+      onSubmitFailed(_this.getFieldsValue(), e);
     });
   };
 
@@ -247,7 +324,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/cjs/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/cjs/form/utils.js

@@ -1,7 +1,16 @@
 "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;
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _cloneDeepWith = _interopRequireDefault(require("lodash/cloneDeepWith"));
+
+var _type = require("./type");
 
 var isFieldRequired = function isFieldRequired(rules) {
   if (rules === void 0) {
@@ -44,4 +53,35 @@ var getErrorAndWarnings = function getErrorAndWarnings(result) {
   };
 };
 
-exports.getErrorAndWarnings = getErrorAndWarnings;
+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/cjs/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/cjs/index-bar/group.js

@@ -86,7 +86,9 @@ var IndexBarGroup = /*#__PURE__*/(0, _react.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/cjs/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/cjs/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/cjs/input/index.js

@@ -60,7 +60,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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/cjs/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/cjs/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/cjs/notify/index.js

@@ -54,8 +54,8 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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/cjs/picker-view/components/cascader.js

@@ -127,7 +127,9 @@ var Cascader = /*#__PURE__*/(0, _react.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/cjs/picker-view/components/picker-cell.js

@@ -68,7 +68,7 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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/cjs/picker-view/index.js

@@ -269,7 +269,9 @@ var PickerView = /*#__PURE__*/(0, _react.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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/radio/group.js

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

@@ -188,7 +188,9 @@ var SkeletonParagraph = /*#__PURE__*/(0, _react.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.default.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",
@@ -276,7 +278,9 @@ var SkeletonGrid = /*#__PURE__*/(0, _react.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.default.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",
@@ -289,7 +293,9 @@ var SkeletonGrid = /*#__PURE__*/(0, _react.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.default.createElement("div", {
       className: prefixCls + "-skeleton-animation-item",

package/cjs/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';