@arco-design/mobile-react 2.22.3 → 2.24.0

package/umd/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/umd/masking/methods.js

@@ -27,7 +27,7 @@
       };
     }
 
-    return function (config) {
+    return function (config, context) {
       var baseProps = (0, _extends2.default)({
         unmountOnExit: true
       }, normalize(config), {
@@ -43,7 +43,7 @@
 
       var leaving = false;
 
-      var _ReactDOMRender = new _render.ReactDOMRender(Component, div),
+      var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
           render = _ReactDOMRender.render;
 
       function update(newConfig) {

package/umd/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/umd/nav-bar/index.js

@@ -59,7 +59,11 @@
         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 = (0, _react.useRef)(null);
 
     var _useState = (0, _react.useState)(showOffset > 0),
@@ -147,7 +151,9 @@
           paddingTop: fixed && statusBarHeight ? statusBarHeight + "px" : ''
         }, style || {}, relBackground ? {
           background: relBackground
-        } : {})
+        } : {}),
+        "aria-label": ariaLabel,
+        role: ariaRole
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(className, system, prefixCls + "-nav-bar-wrapper", (_cls2 = {}, _cls2[prefixCls + "-nav-bar-wrapper-fixed"] = fixed, _cls2[prefixCls + "-nav-bar-wrapper-border"] = hasBottomLine, _cls2)),
         style: (0, _extends2.default)({

package/umd/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/umd/notify/index.js

@@ -175,6 +175,8 @@
       warn: (0, _methods.notify)(Comp, 'warn')
     };
   }
+
+  var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
   /**
    * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
    * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -184,8 +186,7 @@
    * @name_en Notify
    */
 
-
-  var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(Notify));
+  var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(NotifyWithGlobalContext));
 
   _exports.default = _default;
 });

package/umd/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/umd/notify/methods.js

@@ -20,7 +20,7 @@
   _extends2 = _interopRequireDefault(_extends2);
 
   function notify(Component, type) {
-    return function (originConfig) {
+    return function (originConfig, context) {
       var config = typeof originConfig === 'string' ? {
         content: originConfig,
         type: 'info'
@@ -39,7 +39,7 @@
         document.body.appendChild(div);
       }
 
-      var _ReactDOMRender = new _render.ReactDOMRender(Component, div),
+      var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
           render = _ReactDOMRender.render,
           unmount = _ReactDOMRender.unmount;
 

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

@@ -368,12 +368,14 @@
       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.default.createElement("div", {
+        "aria-label": index === currentIndex ? "" + item.value : '',
         key: index + "_" + item.value,
         className: (0, _mobileUtils.cls)(prefixCls + "-column-item", (_cls = {
           selected: index === currentIndex

package/umd/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" | "ref" | "children" | "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" | "ref" | "children" | "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/umd/popup/index.js

@@ -99,6 +99,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
+
+  var PopupWithGlobalContext = (0, _contextProvider.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.
@@ -108,8 +110,7 @@
    * @name_en Popup
    */
 
-
-  var _default = (0, _mobileUtils.componentWrapper)(Popup, methodsGenerator(Popup));
+  var _default = (0, _mobileUtils.componentWrapper)(Popup, methodsGenerator(PopupWithGlobalContext));
 
   _exports.default = _default;
 });

package/umd/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/umd/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" | "ref" | "children" | "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" | "ref" | "children" | "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/umd/popup-swiper/index.js

@@ -280,6 +280,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
+
+  var PopupSwiperWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(PopupSwiper);
   /**
    * 基于弹出层(Popup)封装的具有手势关闭功能的弹出层组件，拥有 Popup 组件的其他能力。
    * @en The popup with gesture closing function based on the popup encapsulation, has other capabilities of the Popup component.
@@ -289,8 +291,7 @@
    * @name_en PopupSwiper
    */
 
-
-  var _default = (0, _mobileUtils.componentWrapper)(PopupSwiper, methodsGenerator(PopupSwiper));
+  var _default = (0, _mobileUtils.componentWrapper)(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));
 
   _exports.default = _default;
 });

package/umd/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/umd/progress/index.js

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

package/umd/rate/index.js

@@ -164,6 +164,11 @@
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
+        role: "slider",
+        "aria-valuemin": 0,
+        "aria-valuemax": count,
+        "aria-valuenow": innerValue,
+        "aria-disabled": disabled,
         className: (0, _mobileUtils.cls)(prefixCls + "-rate", className, {
           disabled: disabled
         }),

package/umd/slider/index.js

@@ -147,7 +147,12 @@
         '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.default.createElement("div", {
       className: prefixCls + "-slider-wrapper"
     }, /*#__PURE__*/_react.default.createElement(_marks.default, {

package/umd/stepper/demo/style/css/mobile.css

@@ -0,0 +1,4 @@
+#demo-stepper .arcodesign-mobile-demo-content {
+  padding: 0;
+  background: transparent;
+}

package/umd/stepper/demo/style/mobile.less

@@ -0,0 +1,10 @@
+@import "../../../../style/mixin.less";
+
+#demo-stepper {
+
+    .arcodesign-mobile-demo-content {
+        padding: 0;
+        background: transparent;
+    }
+
+}

package/umd/stepper/hooks/useButtonClick.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StepperProps } from '../type';
+export default function useButtonClick(params: Required<Pick<StepperProps, 'min' | 'max' | 'step' | 'disabled' | 'digits' | 'digits' | 'equalLimitDisabled'>> & Pick<StepperProps, 'onAddButtonClick' | 'onMinusButtonClick'> & {
+    actualInputValue: number;
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+}): {
+    minusButtonDisable: boolean;
+    addButtonDisable: boolean;
+    handleMinusButtonClick: (e: React.MouseEvent) => void;
+    handleAddButtonClick: (e: React.MouseEvent) => void;
+};

package/umd/stepper/hooks/useButtonClick.js

@@ -0,0 +1,86 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.useButtonClick = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.default = useButtonClick;
+
+  function correctCalculation(leftNumber, rightNumber, operator) {
+    var magnification = 1e17;
+    var left = leftNumber * magnification;
+    var right = rightNumber * magnification;
+    return operator === '-' ? (left - right) / magnification : (left + right) / magnification;
+  }
+
+  function useButtonClick(params) {
+    var actualInputValue = params.actualInputValue,
+        min = params.min,
+        max = params.max,
+        step = params.step,
+        disabled = params.disabled,
+        equalLimitDisabled = params.equalLimitDisabled,
+        updateValue = params.updateValue,
+        onAddButtonClick = params.onAddButtonClick,
+        onMinusButtonClick = params.onMinusButtonClick;
+
+    var _useState = (0, _react.useState)(function () {
+      return actualInputValue === min || disabled;
+    }),
+        minusButtonDisable = _useState[0],
+        setMinusButtonDisable = _useState[1];
+
+    var _useState2 = (0, _react.useState)(function () {
+      return actualInputValue === max || disabled;
+    }),
+        addButtonDisable = _useState2[0],
+        setAddButtonDisable = _useState2[1];
+
+    var handleMinusButtonClick = function handleMinusButtonClick(e) {
+      if (minusButtonDisable) {
+        return;
+      }
+
+      updateValue(function (oldValue) {
+        var result = correctCalculation(oldValue, step, '-');
+        return result < min ? equalLimitDisabled ? oldValue : min : result;
+      });
+      onMinusButtonClick && onMinusButtonClick(e);
+    };
+
+    var handleAddButtonClick = function handleAddButtonClick(e) {
+      if (addButtonDisable) {
+        return;
+      }
+
+      updateValue(function (oldValue) {
+        var result = correctCalculation(Number(oldValue), step, '+');
+        return result > max ? equalLimitDisabled ? oldValue : max : result;
+      });
+      onAddButtonClick && onAddButtonClick(e);
+    }; // 当前值改变时，更新按钮状态
+    // Changes button status when value changed
+
+
+    (0, _react.useEffect)(function () {
+      setMinusButtonDisable(actualInputValue <= min);
+      setAddButtonDisable(actualInputValue >= max);
+    }, [actualInputValue]);
+    return {
+      minusButtonDisable: minusButtonDisable,
+      addButtonDisable: addButtonDisable,
+      handleMinusButtonClick: handleMinusButtonClick,
+      handleAddButtonClick: handleAddButtonClick
+    };
+  }
+});

package/umd/stepper/hooks/useInputEvent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StepperProps } from '../type';
+export default function useInputEvent(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits' | 'allowEmpty'>> & Pick<StepperProps, 'onBlur' | 'onChange' | 'onInput'> & {
+    actualInputValue: number;
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+}): {
+    handleInput: (e: React.FocusEvent<HTMLInputElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+};

package/umd/stepper/hooks/useInputEvent.js

@@ -0,0 +1,71 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "../../_helpers"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("../../_helpers"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._helpers);
+    global.useInputEvent = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _helpers) {
+  "use strict";
+
+  _exports.__esModule = true;
+  _exports.default = useInputEvent;
+
+  function useInputEvent(params) {
+    var defaultValue = params.defaultValue,
+        min = params.min,
+        max = params.max,
+        digits = params.digits,
+        actualInputValue = params.actualInputValue,
+        allowEmpty = params.allowEmpty,
+        updateValue = params.updateValue,
+        onBlur = params.onBlur,
+        onChange = params.onChange,
+        onInput = params.onInput;
+
+    var handleInput = function handleInput(e) {
+      var targetValue = e.target.value;
+      var numberValue = Number(targetValue);
+      var pointIndex = targetValue.indexOf('.');
+
+      if (digits > 0 && pointIndex !== -1) {
+        var decimalLength = targetValue.slice(pointIndex + 1).length;
+        updateValue(decimalLength > digits ? actualInputValue : numberValue);
+      } else if (allowEmpty && targetValue === '') {
+        updateValue(Number.MIN_VALUE);
+      } else {
+        updateValue(numberValue);
+      }
+
+      onInput && onInput(e);
+    };
+
+    var handleBlur = function handleBlur(e) {
+      var targetValue = e.target.value;
+      var numberValue = Number(targetValue);
+
+      if (allowEmpty && targetValue === '') {
+        updateValue(Number.MIN_VALUE);
+      } else if (!allowEmpty && targetValue === '') {
+        updateValue(defaultValue);
+      } else {
+        updateValue(Math.max(min, Math.min(max, numberValue)));
+      }
+
+      onBlur && onBlur(e);
+    };
+
+    (0, _helpers.useUpdateEffect)(function () {
+      onChange && onChange(actualInputValue);
+    }, [actualInputValue]);
+    return {
+      handleInput: handleInput,
+      handleBlur: handleBlur
+    };
+  }
+});

package/umd/stepper/hooks/useValue.d.ts

@@ -0,0 +1,6 @@
+import { StepperProps } from '..';
+export default function useValue(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits'>> & Pick<StepperProps, 'formatter' | 'value'>): {
+    updateValue: (updater: number | ((oldValue: number) => number)) => void;
+    actualInputValue: number;
+    showValue: string | number;
+};