@arco-design/mobile-react 2.36.2 → 2.37.0

package/umd/_helpers/react-dom.js

@@ -1,23 +1,20 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react-dom"], factory);
+    define(["exports", "react-dom"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react-dom"));
+    factory(exports, require("react-dom"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.reactDom);
+    factory(mod.exports, global.reactDom);
     global.reactDom = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, ReactDOM) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, ReactDOM) {
   "use strict";
 
-  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.render = void 0;
-  _extends2 = _interopRequireDefault(_extends2);
   ReactDOM = _interopRequireWildcard(ReactDOM);
 
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -28,56 +25,77 @@
     return Object.prototype.toString.call(obj) === '[object Object]';
   }
 
-  var CopyReactDOM = (0, _extends2.default)({}, ReactDOM);
+  // Cast ReactDOM to a version that might have createRoot and other properties
+  var typedReactDOM = ReactDOM;
   var copyRender;
-  var version = CopyReactDOM.version,
-      reactRender = CopyReactDOM.render,
-      unmountComponentAtNode = CopyReactDOM.unmountComponentAtNode;
-  var isReact18 = Number((version || '').split('.')[0]) > 17;
 
   var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
     // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
     // Avoid console warning
-    var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = CopyReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var secretInternals = typedReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-    if (isObject(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)) {
-      __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skipWarning;
+    if (isObject(secretInternals)) {
+      secretInternals.usingClientEntryPoint = skipWarning;
     }
   };
 
-  var createRoot;
-
-  try {
-    createRoot = CopyReactDOM.createRoot;
-  } catch (_) {}
+  var createRootFn = typedReactDOM.createRoot;
 
-  if (isReact18 && createRoot) {
-    copyRender = function copyRender(app, container) {
+  var getRender = function getRender(createRootFunction) {
+    return function (app, container) {
       updateUsingClientEntryPoint(true);
-      var root = createRoot(container);
+      var root = createRootFunction(container);
       updateUsingClientEntryPoint(false);
       root.render(app);
-
-      root._unmount = function () {
-        setTimeout(function () {
-          root == null ? void 0 : root.unmount == null ? void 0 : root.unmount();
-        });
+      return {
+        render: function render(elementToRender) {
+          root.render(elementToRender);
+        },
+        _unmount: function _unmount() {
+          setTimeout(function () {
+            if (root && typeof root.unmount === 'function') {
+              root.unmount();
+            }
+          });
+        }
       };
-
-      return root;
     };
-  } else {
+  };
+
+  if (createRootFn) {
+    // React 18
+    copyRender = getRender(createRootFn);
+  } else if (typeof typedReactDOM.render === 'function' && typeof typedReactDOM.unmountComponentAtNode === 'function') {
+    // React 16/17
     copyRender = function copyRender(app, container) {
-      reactRender(app, container);
+      typedReactDOM.render(app, container); // Use non-null assertion
+
       return {
-        render: function render(comment) {
-          reactRender(comment, container);
+        render: function render(elementToRender) {
+          typedReactDOM.render(elementToRender, container); // Use non-null assertion
         },
         _unmount: function _unmount() {
-          unmountComponentAtNode(container);
+          typedReactDOM.unmountComponentAtNode(container); // Use non-null assertion
         }
       };
     };
+  } else {
+    copyRender = function copyRender(app, container, createRootFunction) {
+      var defaultCb = function defaultCb() {
+        // Fallback if no rendering method is found
+        console.error('ArcoDesign: ReactDOM.createRoot() or ReactDOM.render() not found. ' + 'This usually means you are using an unsupported version of React, ' + 'or ReactDOM is not properly initialized. ' + 'ArcoDesign Mobile React requires React 16, 17, 18, or 19.');
+        return {
+          render: function render(_element) {},
+          _unmount: function _unmount() {}
+        };
+      };
+
+      if (createRootFunction) {
+        return getRender(createRootFunction)(app, container);
+      }
+
+      return defaultCb();
+    };
   }
 
   var render = copyRender;

package/umd/_helpers/render.js

@@ -35,14 +35,17 @@
 
     this.render = function (props) {
       var CustomApp = _this.app;
-      var propsWithContext = (0, _extends2.default)({}, props, {
+      var propsWithContext = (0, _extends2.default)({
         context: _this.context
-      });
+      }, props);
 
       if (_this.root) {
         _this.root.render( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext));
       } else {
-        _this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container);
+        var _ref = _this.context || {},
+            createRoot = _ref.createRoot;
+
+        _this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container, createRoot);
       }
     };
 

package/umd/action-sheet/index.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode, CSSProperties } from 'react';
+import { Promise } from 'es6-promise';
 import { PopupProps } from '../popup';
 import { OpenBaseProps } from '../masking';
 export interface ActionSheetItemOptions {
@@ -86,11 +87,11 @@ declare const _default: React.ForwardRefExoticComponent<ActionSheetProps & React
      * @param {ActionSheetProps} config setting
      * @returns {{ close: () => void; update: (newConfig: ActionSheetProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "ref" | "className" | "title" | "context" | "key" | "translateZ" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "title" | "ref" | "key" | "context" | "translateZ" | "className" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ActionSheetProps & React.RefAttributes<ActionSheetRef>>, "ref" | "className" | "title" | "context" | "key" | "translateZ" | "onTouchMove" | "getContainer" | "items" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "needBottomOffset" | "cancelText" | "subTitle"> & {
             key?: string | undefined;
         }) => void;
     };

package/umd/action-sheet/index.js

@@ -80,14 +80,14 @@
       }, subTitle) : null) : null, /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-action-sheet-list"
       }, (items || []).map(function (item, index) {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return item.content ? /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.cls)(prefixCls + "-action-sheet-item", item.className, item.status || 'normal'),
           key: index,
           style: item.style,
           onClick: function onClick(e) {
             return handleItemClick(e, item);
           }
-        }, item.content);
+        }, item.content) : null;
       })), cancelText ? /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-action-sheet-item cancel-item",
         onClick: function onClick(e) {

package/umd/checkbox/checkbox.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CheckboxProps, CheckboxRef } from './type';
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps<string | number> & React.RefAttributes<CheckboxRef>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps<React.ReactText> & React.RefAttributes<CheckboxRef>>;

package/umd/checkbox/group.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { GroupContextParams, CheckboxGroupProps, CheckboxGroupRef, ValueType, CheckboxProps, CheckboxRef } from './type';
-export declare const CheckboxGroupContext: React.Context<GroupContextParams<string | number>>;
+export declare const CheckboxGroupContext: React.Context<GroupContextParams<React.ReactText>>;
 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<CheckboxGroupProps<T, P> & React.RefAttributes<CheckboxGroupRef>>;

package/umd/checkbox/hooks/useMergeProps.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CheckboxProps, GroupContextParams, ValueType } from '../type';
-export declare const useMergeProps: <T extends string | number = string | number, P extends CheckboxProps<T> = CheckboxProps<T>>(props: P, groupContext: React.Context<GroupContextParams<ValueType>>) => P;
+export declare const useMergeProps: <T extends React.ReactText = React.ReactText, P extends CheckboxProps<T> = CheckboxProps<T>>(props: P, groupContext: React.Context<GroupContextParams<ValueType>>) => P;

package/umd/checkbox/index.d.ts

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

package/umd/context-provider/index.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { Attributes } from 'react';
 import { ILocale } from '@arco-design/mobile-utils';
+import { CreateRootFnType } from '../_helpers';
 export interface GlobalContextParams {
     /**
      * 组件类名前缀
@@ -52,6 +53,11 @@ export interface GlobalContextParams {
      * @en Triggered when the system's native dark mode changes, valid when useDarkMode=true
      */
     onDarkModeChange?: (isDark: boolean) => void;
+    /**
+     * React19 修改了 createRoot 的引入路径，导致组件内部无法直接引入（低react版本会找不到模块）。因此使用 react 19 的用户需从外部传入 createRoot 方法
+     * @en Users using react 19 need to pass in the createRoot method from outside
+     */
+    createRoot?: CreateRootFnType;
 }
 export declare const defaultContext: GlobalContextParams;
 export declare const GlobalContext: React.Context<GlobalContextParams>;
@@ -71,4 +77,4 @@ export declare type WithGlobalContext<T> = T & {
  */
 export default function ContextProvider(props: ContextProviderProps): JSX.Element;
 export declare const ContextLayout: React.Consumer<GlobalContextParams>;
-export declare function CompWithGlobalContext<P extends JSX.IntrinsicAttributes>(Component: React.FunctionComponent<P>): (props: WithGlobalContext<P>) => JSX.Element;
+export declare function CompWithGlobalContext<P extends Attributes>(Component: React.FunctionComponent<P>): (props: WithGlobalContext<P>) => JSX.Element;

package/umd/count-down/hooks.js

@@ -18,8 +18,8 @@
 
   var useCountDown = function useCountDown(options) {
     var taskIdRef = (0, _react.useRef)(0);
-    var endTimeRef = (0, _react.useRef)();
-    var countingRef = (0, _react.useRef)();
+    var endTimeRef = (0, _react.useRef)(undefined);
+    var countingRef = (0, _react.useRef)(undefined);
 
     var _useRefState = (0, _helpers.useRefState)(options.time),
         remain = _useRefState[0],

package/umd/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ILocale } from '@arco-design/mobile-utils';
+import { Promise } from 'es6-promise';
 import { MaskingCommonProps, MaskingRef, OpenBaseProps } from '../masking';
 export * from './methods';
 export interface FooterButtonOptions {
@@ -130,7 +131,11 @@ export interface ConfirmOptions extends AlertOptions {
      * */
     cancelText?: ReactNode;
 }
-export declare function methodsGenerator<P extends OpenBaseProps, A = AlertOptions, C = ConfirmOptions>(Comp: React.FunctionComponent<P>): {
+export declare function methodsGenerator<P extends OpenBaseProps, A extends {
+    key?: string;
+} = AlertOptions, C extends {
+    key?: string;
+} = ConfirmOptions>(Comp: React.FunctionComponent<P>): {
     /**
      * 打开确认框(含一个确认按钮)
      * @desc {en} Open a confirmation dialog (with a confirmation button)
@@ -193,11 +198,11 @@ declare const _default: React.ForwardRefExoticComponent<DialogProps & React.RefA
      * @param {DialogProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: DialogProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "ref" | "className" | "footer" | "title" | "children" | "context" | "key" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "platform" | "extra"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "context" | "className" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "ref" | "className" | "footer" | "title" | "children" | "context" | "key" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "platform" | "extra"> & {
             key?: string | undefined;
         }) => void;
     };

package/umd/dialog/methods.d.ts

@@ -2,11 +2,15 @@ import React from 'react';
 import { OpenBaseProps } from '../masking/methods';
 export declare function normalizeAlert<AlertOptions, P>(config: AlertOptions): P;
 export declare function normalizeConfirm<ConfirmOptions, P>(config: ConfirmOptions): P;
-export declare function alert<AlertOptions, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, normalize?: <T, Props>(config: T) => Props): (config: AlertOptions, context?: import("../context-provider").GlobalContextParams | undefined) => {
+export declare function alert<AlertOptions extends {
+    key?: string;
+}, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, normalize?: <T, Props>(config: T) => Props): (config: AlertOptions, context?: import("../context-provider").GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: AlertOptions) => void;
 };
-export declare function confirm<ConfirmOptions, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, normalize?: <T, Props>(config: T) => Props): (config: ConfirmOptions, context?: import("../context-provider").GlobalContextParams | undefined) => {
+export declare function confirm<ConfirmOptions extends {
+    key?: string;
+}, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, normalize?: <T, Props>(config: T) => Props): (config: ConfirmOptions, context?: import("../context-provider").GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: ConfirmOptions) => void;
 };

package/umd/dropdown-menu/helper.d.ts

@@ -20,13 +20,13 @@ export declare function isCascadeArray(options: string[] | OptionsItem[][] | Cas
  * */
 export declare const getFormattedOptions: (options: OptionsItem[][] | string[] | CascadeOptions[], currentValues: ValueType) => {
     formattedOptions: OptionsItem[][];
-    formattedValue: (string | number | (string | number)[])[];
+    formattedValue: (string | number | React.ReactText[])[];
 };
 /**
  * 判断是否为指定ref内的元素
  * @en Determine whether it is an element within the specified ref
  */
-export declare const isRefDom: (dom: any, ref: React.RefObject<HTMLDivElement>) => boolean;
+export declare const isRefDom: (dom: any, ref: React.RefObject<HTMLDivElement | null>) => boolean;
 /**
  * 判断是否为指定类名下的元素
  * @en Determine whether it is an element under the specified classname

package/umd/ellipsis/components/native-ellipsis.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { NativeEllipsisProps } from '../type';
 declare function NativeEllipsis({ prefixCls, ellipsis, dangerouslyUseInnerHTML, text, maxLine, ellipsisNode, collapseNode, onEllipsisNodeClick, onCollapseNodeClick, }: NativeEllipsisProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof NativeEllipsis>;
-export default _default;
+export default NativeEllipsis;

package/umd/ellipsis/components/native-ellipsis.js

@@ -53,7 +53,6 @@
     }, ellipsisNode) : null);
   }
 
-  var _default = /*#__PURE__*/_react.default.memo(NativeEllipsis);
-
+  var _default = NativeEllipsis;
   _exports.default = _default;
 });

package/umd/form/type.d.ts

@@ -1,5 +1,5 @@
 import { IRules } from '@arco-design/mobile-utils';
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Promise } from 'es6-promise';
 export declare type FieldValue = any;
 export declare type FieldItem = Record<string, FieldValue>;
@@ -46,7 +46,7 @@ export interface FormProps {
      * @en Form initial value
      */
     initialValues?: FieldItem;
-    children: React.ReactNodeArray | ReactNode;
+    children: ReactNode[] | ReactNode;
     /**
      * 表单项数据变化时的回调
      * @en Callback when the form item value changes
@@ -282,7 +282,7 @@ export interface FormItemProps {
      * 表单项子节点
      * @en Form item children
      */
-    children: JSX.Element;
+    children: ReactElement;
     /**
      * 表单项是否刷新
      * @en Form item is updated
@@ -297,7 +297,7 @@ export interface FormItemProps {
      * 表单项下方节点
      * @en Form item extra node
      */
-    extra?: JSX.Element;
+    extra?: ReactElement;
     /**
      * 触发事件更新事件名称
      * @en The function name when updating data
@@ -337,7 +337,7 @@ export interface IFormItemInnerProps {
      * 表单项子节点
      * @en Form item children
      */
-    children: JSX.Element;
+    children: ReactElement<any, any>;
     /**
      * 表单项是否刷新
      * @en Form item is updated

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/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
         });