@arco-design/mobile-react 2.36.2 → 2.38.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.38.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.37.0...@arco-design/mobile-react@2.38.0) (2025-09-01)
+
+
+### Bug Fixes
+
+* `PopupSwiper` animation loss issue & add faq ([#338](https://github.com/arco-design/arco-design-mobile/issues/338)) ([12f1f0c](https://github.com/arco-design/arco-design-mobile/commit/12f1f0cc4b93bc698d365ba64c2c0e0413a2e0f3))
+* `Tabs` underline initial transition ([#344](https://github.com/arco-design/arco-design-mobile/issues/344)) ([62ea305](https://github.com/arco-design/arco-design-mobile/commit/62ea305e83b15244755436253e6b053f07d10443))
+
+
+### Features
+
+* `Transition` support changing timeout by component props ([#341](https://github.com/arco-design/arco-design-mobile/issues/341)) ([0337ba1](https://github.com/arco-design/arco-design-mobile/commit/0337ba1685ed3cc0f3268ab56207d466deb62754))
+
+
+
+
+
+# [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.37.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.37.0/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.37.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.37.0/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" | "contentTransitionVarType" | "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" | "contentTransitionVarType" | "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/action-sheet/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/avatar/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/badge/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export interface BadgeProps {
     /**
      * 自定义类名

package/cjs/badge/index.js

@@ -44,7 +44,7 @@ var Badge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$bordered = props.bordered,
       bordered = _props$bordered === void 0 ? false : _props$bordered,
       _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 300 : _props$timeout;
+      timeout = _props$timeout === void 0 ? 400 : _props$timeout;
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {

package/cjs/badge/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
@@ -559,12 +577,16 @@
   }
 }
 .arco-scale-enter-active {
-  -webkit-animation: scale-on 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
-          animation: scale-on 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+  -webkit-animation: scale-on cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+          animation: scale-on cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+  -webkit-animation-duration: var(--builtin-transition-scale-enter-duration, 0.4s);
+          animation-duration: var(--builtin-transition-scale-enter-duration, 0.4s);
 }
 .arco-scale-exit-active {
-  -webkit-animation: scale-off 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
-          animation: scale-off 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+  -webkit-animation: scale-off cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+          animation: scale-off cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
+  -webkit-animation-duration: var(--builtin-transition-scale-exit-duration, 0.4s);
+          animation-duration: var(--builtin-transition-scale-exit-duration, 0.4s);
 }
 .arco-badge {
   cursor: pointer;

package/cjs/badge/style/index.less

@@ -19,11 +19,13 @@
 }
 
 .@{prefix}-scale-enter-active {
-    animation: scale-on .4s cubic-bezier(.3, 1.3, .3, 1) forwards;
+    animation: scale-on cubic-bezier(.3, 1.3, .3, 1) forwards;
+    animation-duration: var(--builtin-transition-scale-enter-duration, .4s);
 }
 
 .@{prefix}-scale-exit-active {
-    animation: scale-off .4s cubic-bezier(.3, 1.3, .3, 1) forwards;
+    animation: scale-off cubic-bezier(.3, 1.3, .3, 1) forwards;
+    animation-duration: var(--builtin-transition-scale-exit-duration, .4s);
 }
 
 .@{prefix}-badge {

package/cjs/button/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/carousel/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/cell/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

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/checkbox/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/circle-progress/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

package/cjs/collapse/style/css/index.css

@@ -75,6 +75,24 @@
  * }
  * ```
  */
+/**
+ * 为属性设置 transition 变量
+ * @desc {en} set the transition variable for the attribute
+ * @param @transitionVariable transition 变量名
+ * @param @transitionVariable {en} transition variable name
+ * @param @backupVariable 备份变量名
+ * @param @backupVariable {en} backup variable name
+ * @param @property css属性名
+ * @param @property {en} css property
+ * @example
+ * ```
+ * @import '@arco-design/mobile-react/style/mixin.less';
+ *
+ * .demo {
+ *     .use-transition-var(builtin-transition-fade-enter-duration, transition-fade-duration);
+ * }
+ * ```
+ */
 /**
  * 在常规模式和 rtl 模式下为属性设置 arco 提供的 token 变量
  * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode

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],