@arco-design/mobile-react 2.23.0 → 2.24.1

package/umd/ellipsis/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, Ref } from 'react';
-interface BaseProps {
+import { ReactNode } from 'react';
+export interface EllipsisBaseProps {
     /**
      * 需要缩略的文本内容
      * @en Text content to be omitted
@@ -23,68 +23,17 @@ interface BaseProps {
      * @default false
      */
     dangerouslyUseInnerHTML?: boolean;
-}
-export interface NativeEllipsisProps extends BaseProps {
-    /**
-     * className 前缀
-     * @en Prefix classname
-     */
-    prefixCls: string;
-    /**
-     * 自定义收起节点，不为空时文本展开插入文本尾部
-     * @en Customize the collapsed node, when the text is not empty, the text expand Text expand content inserts the end of the text
-     */
-    collapseNode?: ReactNode;
-    /**
-     * 收起节点点击事件
-     * @en Collapse node click event
-     */
-    onCollapseNodeClick?: () => void;
-}
-export interface JsEllipsisRef {
-    dom: HTMLDivElement | null;
-    reflow: () => void;
-}
-export interface JsEllipsisProps extends BaseProps {
-    ref: Ref<HTMLDivElement | null>;
-    /**
-     * className 前缀
-     * @en Prefix classname
-     */
-    prefixCls: string;
-    /**
-     * 最大显示高度，单位 px，优先级高于 maxLine
-     * @en Maximum display height, unit px, priority higher than maxLine
-     */
-    maxHeight?: number;
     /**
      * 自定义缩略符节点，文本缩略时插入文本尾部
-     * @en Customize the ellipsis node, insert the end of the text when the text is omitted
+     * @en Customize the ellipsis node, insert at the end of the text when the text is omitted
      * @default "..."
      */
     ellipsisNode?: ReactNode;
     /**
      * 自定义收起符节点，不为空且文本展开时插入文本尾部
-     * @en Customize the collapse node, if the value is not empty, it will be inserted in the end of the text when the text is expanded
+     * @en Customize the collapse node, when the value is not empty and the text is expanded, the node is  inserted at the end of the text
      */
     collapseNode?: ReactNode;
-    /**
-     * 文本结尾处（缩略符之前）需要过滤掉的字符
-     * @en Characters that need to be filtered out at the end of the text (before abbreviations)
-     * @default []
-     */
-    endExcludes?: string[];
-    /**
-     * 容器大小变化时是否自适应，使用原生缩略时默认为 true
-     * @en Whether to adapt when the container size changes, the default is true when using native ellipsis
-     * @default false
-     */
-    reflowOnResize?: boolean;
-    /**
-     * 文本缩略处理的完成回调
-     * @en Callback when text omission processing is complete
-     */
-    onReflow?: (ellipsis: boolean, text: string) => void;
     /**
      * 缩略节点点击事件
      * @en Ellipsis node click event
@@ -108,7 +57,7 @@ export interface EllipsisRef {
      */
     reflow: (() => void) | undefined;
 }
-export interface EllipsisProps extends BaseProps {
+export interface EllipsisProps extends EllipsisBaseProps {
     /**
      * 自定义类名
      * @en Custom classname
@@ -119,17 +68,6 @@ export interface EllipsisProps extends BaseProps {
      * @en Maximum display height(unit: px), priority higher than maxLine
      */
     maxHeight?: number;
-    /**
-     * 自定义缩略符节点，文本缩略时插入文本尾部
-     * @en Customize the ellipsis node, insert at the end of the text when the text is omitted
-     * @default "..."
-     */
-    ellipsisNode?: ReactNode;
-    /**
-     * 自定义收起符节点，不为空且文本展开时插入文本尾部
-     * @en Customize the collapse node, when the value is not empty and the text is expanded, the node is  inserted at the end of the text
-     */
-    collapseNode?: ReactNode;
     /**
      * 文本结尾处（缩略符之前）需要过滤掉的字符
      * @en Characters to filter out at the end of the text (before the ellipsis)
@@ -142,20 +80,28 @@ export interface EllipsisProps extends BaseProps {
      * @default false
      */
     reflowOnResize?: boolean;
+    /**
+     * 文本缩略时，缩略符节点是否浮在文本右下角（默认加渐变色背景）
+     * @en Whether the abbreviation node is floating in the lower right corner of the text (with a gradient background by default)
+     * @default false
+     */
+    floatEllipsisNode?: boolean;
     /**
      * 文本缩略处理的完成回调
      * @en Callback when text omission processing is complete
      */
     onReflow?: (ellipsis: boolean, text: string) => void;
+}
+export declare type EllipsisCommonProps = EllipsisBaseProps & {
     /**
-     * 缩略节点点击事件
-     * @en Ellipsis node click event
-     */
-    onEllipsisNodeClick?: () => void;
-    /**
-     * 收起节点点击事件
-     * @en Collapse node click event
+     * className 前缀
+     * @en Prefix classname
      */
-    onCollapseNodeClick?: () => void;
+    prefixCls: string;
+};
+export declare type NativeEllipsisProps = EllipsisCommonProps;
+export interface JsEllipsisRef {
+    dom: HTMLDivElement | null;
+    reflow: () => void;
 }
-export {};
+export declare type JsEllipsisProps = EllipsisCommonProps & Pick<EllipsisProps, 'maxHeight' | 'endExcludes' | 'reflowOnResize' | 'onReflow'>;

package/umd/image-preview/index.d.ts

@@ -252,7 +252,7 @@ export declare function methodsGenerator<P extends ImagePreviewProps>(Comp: Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<P, Exclude<keyof P, "close">>) => {
+    open: (config: Pick<P, Exclude<keyof P, "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
         update: (newConfig: Pick<P, Exclude<keyof P, "close">>) => void;
     };
@@ -264,9 +264,9 @@ declare const _default: React.ForwardRefExoticComponent<ImagePreviewProps & Reac
      * @param {ImagePreviewProps} config configuration
      * @returns {{ close: () => void; update: (newConfig: ImagePreviewProps) => void; }}
      */
-    open: (config: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>, "style" | "ref" | "key" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>, "style" | "ref" | "key" | "context" | "getContainer" | "className" | "onClose" | "onTouchMove" | "fit" | "loadingArea" | "errorArea" | "showLoading" | "showError" | "retryTime" | "staticLabel" | "onChange" | "onTouchEnd" | "onTouchStart" | "animateDurationSlide" | "loop" | "swipeable" | "renderIndicator" | "indicatorPos" | "showIndicator" | "hideSingleIndicator" | "spaceBetween" | "percentToChange" | "distanceToChange" | "speedToChange" | "lazyloadCount" | "onAfterChange" | "images" | "openIndex" | "displayDuration" | "replaceFallbackWhenLoaded" | "noselect" | "scrollBezier" | "swipeToClose" | "getMinScale" | "getMaxScale" | "getDoubleClickScale" | "getThumbBounds" | "onImageClick" | "onImageDoubleClick" | "onImageLongTap">) => void;
     };
 };
 /**

package/umd/image-preview/index.js

@@ -1009,6 +1009,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
+
+  var ImagePreviewWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ImagePreview);
   /**
    * 图片预览组件，支持循环轮播、双指/双击缩放、缩略图放大效果。
    * @en The image preview, supports circular rotation, two-finger/double-tap zoom, and thumbnail zoom effects.
@@ -1018,8 +1020,7 @@
    * @name_en ImagePreview
    */
 
-
-  var _default = (0, _mobileUtils.componentWrapper)(ImagePreview, methodsGenerator(ImagePreview));
+  var _default = (0, _mobileUtils.componentWrapper)(ImagePreview, methodsGenerator(ImagePreviewWithGlobalContext));
 
   _exports.default = _default;
 });

package/umd/image-preview/methods.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { GlobalContextParams } from '../context-provider';
 export interface OpenBaseProps {
     onClose?: () => void;
     close: (e: any) => void;
     openIndex: number;
     images: any[];
 }
-export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>): (config: Pick<P, Exclude<keyof P, "close">>) => {
+export declare function open<P extends OpenBaseProps>(Component: React.FunctionComponent<P>): (config: Pick<P, Exclude<keyof P, "close">>, context?: GlobalContextParams | undefined) => {
     close: () => void;
     update: (newConfig: Pick<P, Exclude<keyof P, "close">>) => void;
 };

package/umd/image-preview/methods.js

@@ -20,7 +20,7 @@
   _extends2 = _interopRequireDefault(_extends2);
 
   function open(Component) {
-    return function (config) {
+    return function (config, context) {
       var baseProps = (0, _extends2.default)({
         unmountOnExit: true
       }, config || {}, {
@@ -36,7 +36,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/input/hooks.js

@@ -222,6 +222,7 @@
 
     function renderWrapper(prefixCls, type, children) {
       return /*#__PURE__*/_react.default.createElement("div", {
+        role: "search",
         className: prefixCls + "-container all-border-box " + (className || ''),
         style: style,
         ref: wrapRef

package/umd/input/index.d.ts

@@ -27,6 +27,11 @@ export interface InputProps extends BasicInputProps {
      *  @en Other unlisted native properties have lower priority than listed component properties
      */
     nativeProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * 无障碍label
+     * @en accessible label
+     */
+    ariaLabel?: string;
 }
 export interface InputRef {
     /**

package/umd/input/index.js

@@ -47,7 +47,9 @@
         inputClass = props.inputClass,
         inputStyle = props.inputStyle,
         _props$nativeProps = props.nativeProps,
-        nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps;
+        nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
+        _props$ariaLabel = props.ariaLabel,
+        ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel;
     var inputRef = (0, _react.useRef)(null);
 
     var _useInputLogic = (0, _hooks.useInputLogic)(props, inputRef),
@@ -91,7 +93,9 @@
         onChange: handleChange,
         onInput: handleInput,
         onKeyDown: handleKeyDown,
-        onClick: handleClick
+        onClick: handleClick,
+        "aria-disabled": disabled,
+        "aria-label": ariaLabel
       })));
     }
 

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

@@ -220,6 +220,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
+
+  var MaskingWithGlobalContext = (0, _contextProvider.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.
@@ -229,8 +231,7 @@
    * @name_en Masking
    */
 
-
-  var _default = (0, _mobileUtils.componentWrapper)(Masking, methodsGenerator(Masking));
+  var _default = (0, _mobileUtils.componentWrapper)(Masking, methodsGenerator(MaskingWithGlobalContext));
 
   _exports.default = _default;
 });

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" | "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/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;