@arco-design/mobile-react 2.23.0 → 2.24.1

package/esm/masking/index.d.ts

@@ -191,12 +191,7 @@ export declare function methodsGenerator<P extends OpenBaseProps>(Comp: React.Fu
      */
     open: (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;
-    }) => {
-        /**
-         * 点击蒙层是否关闭菜单
-         * @en Whether to click the mask to close the menu
-         * @default true
-         */
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
             key?: string | undefined;
@@ -210,16 +205,11 @@ declare const _default: React.ForwardRefExoticComponent<MaskingProps & React.Ref
      * @param {MaskingProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: MaskingProps) => void; }}
      */
-    open: (config: Pick<MaskingProps & React.RefAttributes<MaskingRef>, "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
         key?: string | undefined;
-    }) => {
-        /**
-         * 点击蒙层是否关闭菜单
-         * @en Whether to click the mask to close the menu
-         * @default true
-         */
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<MaskingProps & React.RefAttributes<MaskingRef>, "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "contentAtCenter" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/masking/index.js

@@ -1,6 +1,6 @@
 import React, { useRef, forwardRef, useImperativeHandle, useEffect, useState } from 'react';
 import { cls, nextTick, componentWrapper } from '@arco-design/mobile-utils';
-import { ContextLayout } from '../context-provider';
+import { ContextLayout, CompWithGlobalContext } from '../context-provider';
 import Portal from '../portal';
 import Transition from '../transition';
 import { usePopupScroll, usePreventBodyScroll } from '../_helpers';
@@ -190,6 +190,7 @@ export function methodsGenerator(Comp) {
     open: open(Comp)
   };
 }
+var MaskingWithGlobalContext = CompWithGlobalContext(Masking);
 /**
  * 通用模态弹窗，内部内容自定义。默认做了防滚动穿透处理，如果弹层内容中需要滚动，则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
  * @en Generic modal popup with custom internal content. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the bullet layer, need to pass the scroll container to the `getScrollContainer` to release scrolling when it is not scrolled to the top or bottom.
@@ -199,4 +200,4 @@ export function methodsGenerator(Comp) {
  * @name_en Masking
  */
 
-export default componentWrapper(Masking, methodsGenerator(Masking));
+export default componentWrapper(Masking, methodsGenerator(MaskingWithGlobalContext));

package/esm/masking/methods.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GlobalContextParams } from '../context-provider';
 export interface OpenBaseProps {
     unmountOnExit?: boolean;
     getContainer?: () => HTMLElement;
@@ -8,13 +9,13 @@ export interface OpenBaseProps {
 }
 export declare function getOpenMethod<T extends {
     key?: string;
-}, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, containerId?: string, normalize?: (config: T) => P): (config: T) => {
+}, P extends OpenBaseProps>(Component: React.FunctionComponent<P>, containerId?: string, normalize?: (config: T) => P): (config: T, context?: GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: T) => void;
 };
 export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>, containerId?: string): (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
     key?: string | undefined;
-}) => {
+}, context?: GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;

package/esm/masking/methods.js

@@ -8,7 +8,7 @@ export function getOpenMethod(Component, containerId, normalize) {
     };
   }
 
-  return function (config) {
+  return function (config, context) {
     var baseProps = _extends({
       unmountOnExit: true
     }, normalize(config), {
@@ -26,7 +26,7 @@ export function getOpenMethod(Component, containerId, normalize) {
 
     var leaving = false;
 
-    var _ReactDOMRender = new ReactDOMRender(Component, div),
+    var _ReactDOMRender = new ReactDOMRender(Component, div, context),
         render = _ReactDOMRender.render;
 
     function update(newConfig) {

package/esm/nav-bar/index.d.ts

@@ -105,6 +105,18 @@ export interface NavBarProps {
      * @en Set a custom style according to the scroll offset value. After setting this property, the scroll event of the scroll container will be monitored.
      */
     getComputedStyleByScroll?: (offset: number) => CSSProperties;
+    /**
+     * 无障碍aria-label属性
+     * @en Accessibility attribute aria-label
+     * @default ""
+     */
+    ariaLabel?: string;
+    /**
+     * 无障碍role属性
+     * @en Accessibility attribute role
+     * @default "banner"
+     */
+    ariaRole?: string;
 }
 /**
  * 导航栏组件，支持吸顶和沉浸式，支持在指定滚动位置展示，支持根据滚动位置实时更新style。

package/esm/nav-bar/index.js

@@ -39,7 +39,11 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
       getScrollContainer = props.getScrollContainer,
       _props$showOffset = props.showOffset,
       showOffset = _props$showOffset === void 0 ? 0 : _props$showOffset,
-      getComputedStyleByScroll = props.getComputedStyleByScroll;
+      getComputedStyleByScroll = props.getComputedStyleByScroll,
+      _props$ariaLabel = props.ariaLabel,
+      ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel,
+      _props$ariaRole = props.ariaRole,
+      ariaRole = _props$ariaRole === void 0 ? 'banner' : _props$ariaRole;
   var navBarRef = useRef(null);
 
   var _useState = useState(showOffset > 0),
@@ -127,7 +131,9 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
         paddingTop: fixed && statusBarHeight ? statusBarHeight + "px" : ''
       }, style || {}, relBackground ? {
         background: relBackground
-      } : {})
+      } : {}),
+      "aria-label": ariaLabel,
+      role: ariaRole
     }, /*#__PURE__*/React.createElement("div", {
       className: cls(className, system, prefixCls + "-nav-bar-wrapper", (_cls2 = {}, _cls2[prefixCls + "-nav-bar-wrapper-fixed"] = fixed, _cls2[prefixCls + "-nav-bar-wrapper-border"] = hasBottomLine, _cls2)),
       style: _extends({

package/esm/notify/index.d.ts

@@ -9,7 +9,7 @@ export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+    info: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
         close: () => void;
     };
@@ -19,7 +19,7 @@ export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+    success: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
         close: () => void;
     };
@@ -29,7 +29,7 @@ export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+    error: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
         close: () => void;
     };
@@ -39,7 +39,7 @@ export declare function methodsGenerator<P extends NotifyBaseProps>(Comp: React.
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+    warn: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
         close: () => void;
     };
@@ -51,8 +51,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => {
-        update: (newConfig: Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -61,8 +61,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => {
-        update: (newConfig: Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -71,8 +71,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => {
-        update: (newConfig: Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -81,8 +81,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => {
-        update: (newConfig: Pick<NotifyProps & React.RefAttributes<NotifyRef>, "style" | "content" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
 };

package/esm/notify/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, forwardRef, useImperativeHandle, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { componentWrapper, nextTick } from '@arco-design/mobile-utils';
-import { ContextLayout } from '../context-provider';
+import { ContextLayout, CompWithGlobalContext } from '../context-provider';
 import { getStyleWithVendor, useUpdateEffect } from '../_helpers';
 import { notify } from './methods';
 export * from './type';
@@ -145,6 +145,7 @@ export function methodsGenerator(Comp) {
     warn: notify(Comp, 'warn')
   };
 }
+var NotifyWithGlobalContext = CompWithGlobalContext(Notify);
 /**
  * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
  * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -154,4 +155,4 @@ export function methodsGenerator(Comp) {
  * @name_en Notify
  */
 
-export default componentWrapper(Notify, methodsGenerator(Notify));
+export default componentWrapper(Notify, methodsGenerator(NotifyWithGlobalContext));

package/esm/notify/methods.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GlobalContextParams } from '../context-provider';
 export interface NotifyBaseProps {
     getContainer?: () => HTMLElement;
     onClose?: (scene?: string) => void;
@@ -7,7 +8,7 @@ export interface NotifyBaseProps {
     close?: (e: any) => void;
     type?: string;
 }
-export declare function notify<P extends NotifyBaseProps>(Component: React.FC<P>, type?: string): (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+export declare function notify<P extends NotifyBaseProps>(Component: React.FC<P>, type?: string): (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: GlobalContextParams | undefined) => {
     update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
     close: () => void;
 };

package/esm/notify/methods.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { nextTick } from '@arco-design/mobile-utils';
 import { ReactDOMRender } from '../_helpers/render';
 export function notify(Component, type) {
-  return function (originConfig) {
+  return function (originConfig, context) {
     var config = typeof originConfig === 'string' ? {
       content: originConfig,
       type: 'info'
@@ -21,7 +21,7 @@ export function notify(Component, type) {
       document.body.appendChild(div);
     }
 
-    var _ReactDOMRender = new ReactDOMRender(Component, div),
+    var _ReactDOMRender = new ReactDOMRender(Component, div, context),
         render = _ReactDOMRender.render,
         unmount = _ReactDOMRender.unmount;
 

package/esm/picker-view/components/picker-cell.js

@@ -346,12 +346,14 @@ var PickerCell = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: wrapRef,
     onTouchStart: _handleItemTouchStart,
     onTouchEnd: _handleColumnTouchEnd,
-    onTouchCancel: _handleColumnTouchEnd
+    onTouchCancel: _handleColumnTouchEnd,
+    "aria-disabled": disabled
   }, data.map(function (item, index) {
     var _cls;
 
     var dis = Math.abs(index - currentIndex);
     return /*#__PURE__*/React.createElement("div", {
+      "aria-label": index === currentIndex ? "" + item.value : '',
       key: index + "_" + item.value,
       className: cls(prefixCls + "-column-item", (_cls = {
         selected: index === currentIndex

package/esm/popup/index.d.ts

@@ -52,7 +52,7 @@ export declare function methodsGenerator<P extends OpenBaseProps>(Comp: React.Fu
      */
     open: (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;
-    }) => {
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
             key?: string | undefined;
@@ -66,11 +66,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupProps & React.RefAt
      * @param {PopupProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupProps) => void; }}
      */
-    open: (config: Pick<PopupProps & React.RefAttributes<PopupRef>, "direction" | "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
         key?: string | undefined;
-    }) => {
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<PopupProps & React.RefAttributes<PopupRef>, "direction" | "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/popup/index.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["children", "maskClass", "contentClass", "contentTransitionType", "className", "direction", "needBottomOffset", "translateZ", "maskTransitionTimeout", "contentTransitionTimeout"];
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { cls, componentWrapper } from '@arco-design/mobile-utils';
-import { ContextLayout } from '../context-provider';
+import { ContextLayout, CompWithGlobalContext } from '../context-provider';
 import Masking from '../masking';
 import { open } from './methods';
 export * from './methods';
@@ -69,6 +69,7 @@ export function methodsGenerator(Comp) {
     open: open(Comp)
   };
 }
+var PopupWithGlobalContext = CompWithGlobalContext(Popup);
 /**
  * 基于模态弹窗的的全屏菜单，支持各个方向。默认做了防滚动穿透处理，如果弹层内容中需要滚动，则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
  * @en A full-screen menu based on a modal popup, supporting all directions. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the popup layer, you need to pass the scroll container to the `getScrollContainer` property to release scrolling when it is not scrolled to the top or bottom.
@@ -78,4 +79,4 @@ export function methodsGenerator(Comp) {
  * @name_en Popup
  */
 
-export default componentWrapper(Popup, methodsGenerator(Popup));
+export default componentWrapper(Popup, methodsGenerator(PopupWithGlobalContext));

package/esm/popup/methods.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OpenBaseProps } from '../masking/methods';
 export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>): (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
     key?: string | undefined;
-}) => {
+}, context?: import("../context-provider").GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;

package/esm/popup-swiper/index.d.ts

@@ -59,11 +59,14 @@ export declare function methodsGenerator<P extends OpenBaseProps>(Comp: React.Fu
      */
     open: (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;
-    }) => {
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
         update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
             key?: string | undefined;
-        }) => void;
+        }) => void; /**
+         * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件
+         * @en The touchstart callback of content panel. When it returns true, it means that the event is prevented from being processed inside the component
+         */
     };
 };
 declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>> & {
@@ -73,13 +76,16 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    open: (config: Pick<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>, "direction" | "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
         key?: string | undefined;
-    }) => {
+    }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>, "direction" | "ref" | "children" | "key" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
             key?: string | undefined;
-        }) => void;
+        }) => void; /**
+         * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件
+         * @en The touchstart callback of content panel. When it returns true, it means that the event is prevented from being processed inside the component
+         */
     };
 };
 /**

package/esm/popup-swiper/index.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["className", "visible", "children", "maskStyle", "contentStyle", "direction", "percentToClose", "distanceToClose", "speedToClose", "allowSwipeDirections", "exitDirection", "onTouchMove", "onTouchStart", "onTouchEnd", "onOpen", "onClose", "close"];
 import React, { useRef, forwardRef, useImperativeHandle, useCallback, useState, useEffect, useMemo } from 'react';
 import { cls, componentWrapper, nextTick } from '@arco-design/mobile-utils';
-import { ContextLayout } from '../context-provider';
+import { ContextLayout, CompWithGlobalContext } from '../context-provider';
 import Popup from '../popup';
 import { open } from './methods';
 import { getStyleWithVendor, useRefState } from '../_helpers';
@@ -258,6 +258,7 @@ export function methodsGenerator(Comp) {
     open: open(Comp)
   };
 }
+var PopupSwiperWithGlobalContext = CompWithGlobalContext(PopupSwiper);
 /**
  * 基于弹出层(Popup)封装的具有手势关闭功能的弹出层组件，拥有 Popup 组件的其他能力。
  * @en The popup with gesture closing function based on the popup encapsulation, has other capabilities of the Popup component.
@@ -267,4 +268,4 @@ export function methodsGenerator(Comp) {
  * @name_en PopupSwiper
  */
 
-export default componentWrapper(PopupSwiper, methodsGenerator(PopupSwiper));
+export default componentWrapper(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));

package/esm/popup-swiper/methods.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OpenBaseProps } from '../masking/methods';
 export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>): (config: Pick<P, Exclude<keyof P, "visible" | "close">> & {
     key?: string | undefined;
-}) => {
+}, context?: import("../context-provider").GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">> & {
         key?: string | undefined;

package/esm/progress/index.js

@@ -86,6 +86,10 @@ var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
   function renderBarProgress(_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
+      role: "progressbar",
+      "aria-valuenow": percentage,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
       className: cls(prefixCls + "-progress", {
         'progress-fixed': mode === 'nav'
       }, {

package/esm/rate/index.js

@@ -144,6 +144,11 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
     var prefixCls = _ref2.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
+      role: "slider",
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": innerValue,
+      "aria-disabled": disabled,
       className: cls(prefixCls + "-rate", className, {
         disabled: disabled
       }),

package/esm/slider/index.js

@@ -126,7 +126,12 @@ var Slider = /*#__PURE__*/forwardRef(function (_, ref) {
       'show-marks': showMarks
     }),
     style: style,
-    ref: domRef
+    ref: domRef,
+    role: "slider",
+    "aria-valuemin": min,
+    "aria-valuemax": max,
+    "aria-valuenow": Array.isArray(valueGroup) ? valueGroup[0] : valueGroup,
+    "aria-disabled": disabled
   }, isHorizontal ? renderPrefixLabel : renderSuffixLabel, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-slider-wrapper"
   }, /*#__PURE__*/React.createElement(Marks, {

package/esm/stepper/index.js

@@ -125,6 +125,7 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
       ref: domRef,
       onClick: onClick
     }, /*#__PURE__*/React.createElement("div", {
+      "aria-label": "decrease",
       onClick: handleMinusButtonClick
     }, minusButton || /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-stepper-minus-button")
@@ -142,8 +143,13 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
       value: showValue,
       readOnly: inputReadonly,
       ref: inputRef,
-      type: "number"
+      type: "number",
+      role: "spinbutton",
+      "aria-valuenow": Number(showValue),
+      "aria-valuemax": max,
+      "aria-valuemin": min
     }), /*#__PURE__*/React.createElement("div", {
+      "aria-label": "increase",
       onClick: handleAddButtonClick
     }, addButton || /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-stepper-add-button")

package/esm/swipe-action/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { SwipeActionProps, SwipeActionRef } from './type';
+export * from './type';
 /**
  * 滑动操作组件，左右滑动拉出菜单栏
  * @en SwipeAction component, slide left and right to pull out the menu bar

package/esm/swipe-action/index.js

@@ -4,6 +4,7 @@ import { nextTick, cls } from '@arco-design/mobile-utils';
 import { GlobalContext } from '../context-provider';
 import RenderAction from './item';
 import { getStyleWithVendor, useLatestRef, useRefState } from '../_helpers';
+export * from './type';
 /**
  * 滑动操作组件，左右滑动拉出菜单栏
  * @en SwipeAction component, slide left and right to pull out the menu bar

package/esm/switch/index.js

@@ -104,6 +104,10 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
+      role: "switch",
+      "aria-checked": switchChecked,
+      "aria-disabled": disabled,
+      tabIndex: 0,
       ref: domRef,
       className: cls(prefixCls + "-switch all-border-box", className, "type-" + platform, "system-" + system, shape, {
         checked: switchChecked,