@arco-design/mobile-react 2.36.2 → 2.37.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.37.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.36.2...@arco-design/mobile-react@2.37.0) (2025-06-17)
+
+
+### Features
+
+* add new locale "es" and "de" & react 19 compatibility ([#334](https://github.com/arco-design/arco-design-mobile/issues/334)) ([95559a5](https://github.com/arco-design/arco-design-mobile/commit/95559a5f592fdf85c4e79176ddbfe3c93910330f))
+
+
+
+
+
 ## [2.36.2](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.36.1...@arco-design/mobile-react@2.36.2) (2025-06-06)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.1/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.36.1/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.2/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.36.2/dist/index.min.js"></script>
 ```
 
 ## Full import

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.1/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.36.1/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.36.2/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.36.2/dist/index.min.js"></script>
 ```
 
 ## 引入全部

package/cjs/_helpers/hooks.d.ts

@@ -146,7 +146,7 @@ export declare function useLatestRef<T>(variable: T): React.MutableRefObject<T>;
  * const systemWithHarmony = useSystem({ detectHarmony: true });
  * ```
  */
-export declare function useSystem(options?: SystemOptions): "" | "android" | "harmony" | "ios" | "pc";
+export declare function useSystem(options?: SystemOptions): "" | "pc" | "android" | "ios" | "harmony";
 /**
  * 获取页面视口宽高大小，并在页面有resize时更新大小
  * @desc {en} Get the width and height of the page viewport, and update the size when the page is resized

package/cjs/_helpers/hooks.js

@@ -787,7 +787,7 @@ function useSingleAndDoubleClick(onClick, onDoubleClick, delay) {
       clickTimes = _useState11[0],
       setClickTimes = _useState11[1];
 
-  var eventRef = (0, _react.useRef)();
+  var eventRef = (0, _react.useRef)(undefined);
   (0, _react.useEffect)(function () {
     var timer = setTimeout(function () {
       if (clickTimes === 1) onClick(eventRef.current);

package/cjs/_helpers/react-dom.d.ts

@@ -1,13 +1,13 @@
 import { ReactElement } from 'react';
 export interface RootType {
-    render: (container: ReactElement) => void;
+    render: (element: ReactElement) => void;
     _unmount: () => void;
 }
 export interface RootTypeReact extends RootType {
     unmount?: () => void;
 }
-export declare type CreateRootFnType = (container: Element | DocumentFragment) => RootTypeReact;
-export declare const render: (app: ReactElement, container: Element | DocumentFragment) => {
-    render: (container: ReactElement) => void;
-    _unmount: () => void;
+export declare type CreateRootFnType = (container: Element | DocumentFragment) => {
+    render: (element: ReactElement) => void;
+    unmount?: () => void;
 };
+export declare const render: (app: ReactElement, container: Element | DocumentFragment, createRootFunction?: CreateRootFnType | undefined) => RootType;

package/cjs/_helpers/react-dom.js

@@ -1,12 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.render = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 
 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); }
@@ -17,56 +13,77 @@ function isObject(obj) {
   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/cjs/_helpers/render.js

@@ -27,14 +27,17 @@ root // use root in cache
 
   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/cjs/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/cjs/action-sheet/index.js

@@ -78,14 +78,14 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, 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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/count-down/hooks.js

@@ -13,8 +13,8 @@ var _util = require("./util");
 
 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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/ellipsis/components/native-ellipsis.js

@@ -43,6 +43,5 @@ function NativeEllipsis(_ref) {
   }, ellipsisNode) : null);
 }
 
-var _default = /*#__PURE__*/_react.default.memo(NativeEllipsis);
-
+var _default = NativeEllipsis;
 exports.default = _default;

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