@arco-design/mobile-react 2.36.2 → 2.38.0

package/esnext/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/esnext/badge/index.js

@@ -11,7 +11,7 @@ import { ContextLayout } from '../context-provider';
  * @name_en Badge
  */
 const Badge = forwardRef((props, ref) => {
-    const { className = '', style = {}, visible = true, text, dot = false, maxCount = 99, children = null, absolute = false, bordered = false, timeout = 300, } = props;
+    const { className = '', style = {}, visible = true, text, dot = false, maxCount = 99, children = null, absolute = false, bordered = false, timeout = 400, } = props;
     const domRef = useRef(null);
     useImperativeHandle(ref, () => ({
         dom: domRef.current,

package/esnext/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/esnext/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/esnext/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/esnext/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/esnext/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/esnext/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/esnext/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/esnext/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/esnext/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/esnext/context-provider/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import React, { createContext, useState, useEffect, useCallback, useMemo, useRef, } from 'react';
 import { addCssRules, removeCssStyleDom, defaultLocale } from '@arco-design/mobile-utils';
 const DEFAULT_DARK_MODE_SELECTOR = 'arco-theme-dark';
 export const defaultContext = {

package/esnext/count-down/hooks.js

@@ -4,8 +4,8 @@ import { startTask, stopTask } from './singleton';
 import { parseTime } from './util';
 export const useCountDown = (options) => {
     const taskIdRef = useRef(0);
-    const endTimeRef = useRef();
-    const countingRef = useRef();
+    const endTimeRef = useRef(undefined);
+    const countingRef = useRef(undefined);
     const [remain, remainRef, setRemain] = useRefState(options.time);
     const [current, setCurrent] = useState(parseTime(options.time));
     const taskType = options.millisecond ? 'micro' : 'macro';

package/esnext/count-down/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/esnext/date-picker/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/esnext/dialog/index.d.ts

@@ -1,6 +1,8 @@
-import React, { ReactNode } from 'react';
-import { ILocale } from '@arco-design/mobile-utils';
-import { MaskingCommonProps, MaskingRef, OpenBaseProps } from '../masking';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ILocale } from '@arco-design/mobile-utils';
+import type { Promise } from 'es6-promise';
+import type { MaskingCommonProps, MaskingRef, OpenBaseProps } from '../masking';
 export * from './methods';
 export interface FooterButtonOptions {
     /**
@@ -130,7 +132,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 +199,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>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "className" | "context" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "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>>, "platform" | "footer" | "title" | "children" | "ref" | "key" | "className" | "context" | "getScrollContainer" | "onTouchMove" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "contentTransitionVarType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onPreventTouchMove" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
             key?: string | undefined;
         }) => void;
     };

package/esnext/dialog/index.js

@@ -8,7 +8,7 @@ export * from './methods';
 const Dialog = forwardRef((props, ref) => {
     const system = useSystem();
     const nowSystem = props.platform || system;
-    const { close = () => { }, children, title, footer = [], footerType = 'grid', renderFooter, footerCollapseCount = 3, titleAlign = nowSystem === 'android' ? 'left' : 'center', contentAlign = nowSystem === 'android' ? 'left' : 'center', className, maskClass, contentClass, contentStyle, contentTransitionType = nowSystem === 'android' ? 'fade' : 'fade-scale', maskTransitionTimeout = 300, contentTransitionTimeout = 450, extra, ...restProps } = props;
+    const { close = () => { }, children, title, footer = [], footerType = 'grid', renderFooter, footerCollapseCount = 3, titleAlign = nowSystem === 'android' ? 'left' : 'center', contentAlign = nowSystem === 'android' ? 'left' : 'center', className, maskClass, contentClass, contentStyle, contentTransitionType = nowSystem === 'android' ? 'fade' : 'fade-scale', maskTransitionTimeout = 300, contentTransitionTimeout = nowSystem === 'android' ? 300 : { enter: 450, exit: 150 }, extra, ...restProps } = props;
     const maskingRef = useRef(null);
     const contentRef = useRef(null);
     useImperativeHandle(ref, () => ({

package/esnext/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/esnext/dialog/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-fade-scale-enter-active {
-  -webkit-animation: fade-scale-on 0.45s cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
-          animation: fade-scale-on 0.45s cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
+  -webkit-animation: fade-scale-on cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
+          animation: fade-scale-on cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
+  -webkit-animation-duration: var(--builtin-transition-fade-scale-enter-duration, 0.45s);
+          animation-duration: var(--builtin-transition-fade-scale-enter-duration, 0.45s);
 }
 .arco-fade-scale-exit-active {
-  -webkit-animation: fade-scale-off 0.15s cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
-          animation: fade-scale-off 0.15s cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
+  -webkit-animation: fade-scale-off cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
+          animation: fade-scale-off cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
+  -webkit-animation-duration: var(--builtin-transition-fade-scale-exit-duration, 0.15s);
+          animation-duration: var(--builtin-transition-fade-scale-exit-duration, 0.15s);
 }
 .arco-dialog-mask,
 .arco-dialog-container {

package/esnext/dialog/style/index.less

@@ -19,11 +19,13 @@
 }
 
 .@{prefix}-fade-scale-enter-active {
-    animation: fade-scale-on .45s cubic-bezier(.2, 1.23, .25, 1) forwards;
+    animation: fade-scale-on cubic-bezier(.2, 1.23, .25, 1) forwards;
+    animation-duration: var(--builtin-transition-fade-scale-enter-duration, .45s);
 }
 
 .@{prefix}-fade-scale-exit-active {
-    animation: fade-scale-off .15s cubic-bezier(.48, .04, .52, .96) forwards;
+    animation: fade-scale-off cubic-bezier(.48, .04, .52, .96) forwards;
+    animation-duration: var(--builtin-transition-fade-scale-exit-duration, .15s);
 }
 
 .@{prefix}-dialog {

package/esnext/divider/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/esnext/dropdown/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/esnext/dropdown-menu/helper.d.ts

@@ -26,7 +26,7 @@ export declare const getFormattedOptions: (options: OptionsItem[][] | string[] |
  * 判断是否为指定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/esnext/dropdown-menu/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/esnext/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/esnext/ellipsis/components/native-ellipsis.js

@@ -12,4 +12,4 @@ function NativeEllipsis({ prefixCls, ellipsis, dangerouslyUseInnerHTML, text, ma
         !ellipsis && collapseNode && (React.createElement("span", { onClick: onCollapseNodeClick, className: cls(`${prefixCls}-native-collapse`) }, collapseNode)),
         ellipsis && (ellipsisNode !== '...' || onEllipsisNodeClick) ? (React.createElement("span", { onClick: onEllipsisNodeClick, className: cls(`${prefixCls}-native-ellipsis-node`) }, ellipsisNode)) : null));
 }
-export default React.memo(NativeEllipsis);
+export default NativeEllipsis;

package/esnext/ellipsis/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/esnext/form/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