@arco-design/mobile-react 2.24.0 → 2.24.1

package/umd/dialog/index.d.ts

@@ -193,11 +193,11 @@ declare const _default: React.ForwardRefExoticComponent<DialogProps & React.RefA
      * @param {DialogProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: DialogProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "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" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "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" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "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" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<DialogProps & React.RefAttributes<DialogRef>>, "platform" | "footer" | "title" | "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" | "footerType" | "renderFooter" | "footerCollapseCount" | "titleAlign" | "contentAlign" | "extra"> & {
             key?: string | undefined;
         }) => void;
     };

package/umd/ellipsis/components/js-ellipsis.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
-import { JsEllipsisProps, JsEllipsisRef } from '../type';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<JsEllipsisProps, "text" | "ellipsis" | "maxHeight" | "prefixCls" | "ellipsisNode" | "collapseNode" | "endExcludes" | "reflowOnResize" | "onReflow" | "onEllipsisNodeClick" | "onCollapseNodeClick" | "maxLine" | "dangerouslyUseInnerHTML"> & React.RefAttributes<JsEllipsisRef>>>;
+import { JsEllipsisRef } from '../type';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../type").EllipsisBaseProps & {
+    prefixCls: string;
+} & Pick<import("../type").EllipsisProps, "maxHeight" | "endExcludes" | "reflowOnResize" | "onReflow"> & React.RefAttributes<JsEllipsisRef>>>;
 export default _default;

package/umd/ellipsis/components/js-ellipsis.js

@@ -229,7 +229,20 @@
     }, /*#__PURE__*/_react.default.createElement("span", {
       ref: textRef,
       className: prefixCls + "-js-content"
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }, dangerouslyUseInnerHTML ? /*#__PURE__*/_react.default.createElement("span", {
+      className: prefixCls + "-js-content-initial",
+      style: {
+        WebkitLineClamp: maxLine
+      },
+      dangerouslySetInnerHTML: {
+        __html: text
+      }
+    }) : /*#__PURE__*/_react.default.createElement("span", {
+      className: prefixCls + "-js-content-initial",
+      style: {
+        WebkitLineClamp: maxLine
+      }
+    }, text)), /*#__PURE__*/_react.default.createElement("span", {
       ref: ellipsisRef,
       className: prefixCls + "-js-content-ellipsis",
       onClick: onEllipsisNodeClick

package/umd/ellipsis/components/native-ellipsis.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { NativeEllipsisProps } from '../type';
-declare function NativeEllipsis({ prefixCls, ellipsis, dangerouslyUseInnerHTML, text, maxLine, collapseNode, onCollapseNodeClick, }: NativeEllipsisProps): JSX.Element;
+declare function NativeEllipsis({ prefixCls, ellipsis, dangerouslyUseInnerHTML, text, maxLine, ellipsisNode, collapseNode, onEllipsisNodeClick, onCollapseNodeClick, }: NativeEllipsisProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof NativeEllipsis>;
 export default _default;

package/umd/ellipsis/components/native-ellipsis.js

@@ -25,8 +25,10 @@
         dangerouslyUseInnerHTML = _ref.dangerouslyUseInnerHTML,
         text = _ref.text,
         maxLine = _ref.maxLine,
+        ellipsisNode = _ref.ellipsisNode,
         _ref$collapseNode = _ref.collapseNode,
         collapseNode = _ref$collapseNode === void 0 ? '' : _ref$collapseNode,
+        onEllipsisNodeClick = _ref.onEllipsisNodeClick,
         onCollapseNodeClick = _ref.onCollapseNodeClick;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-native", {
@@ -45,7 +47,10 @@
     }) : /*#__PURE__*/_react.default.createElement("span", null, text), !ellipsis && collapseNode && /*#__PURE__*/_react.default.createElement("span", {
       onClick: onCollapseNodeClick,
       className: (0, _mobileUtils.cls)(prefixCls + "-native-collapse")
-    }, collapseNode));
+    }, collapseNode), ellipsis && (ellipsisNode !== '...' || onEllipsisNodeClick) ? /*#__PURE__*/_react.default.createElement("span", {
+      onClick: onEllipsisNodeClick,
+      className: (0, _mobileUtils.cls)(prefixCls + "-native-ellipsis-node")
+    }, ellipsisNode) : null);
   }
 
   var _default = /*#__PURE__*/_react.default.memo(NativeEllipsis);

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

@@ -1,4 +1,4 @@
-#demo-ellipsis {
+#demo-ellipsis .arco-ellipsis {
   line-height: 26px;
 }
 #demo-ellipsis .demo-link,

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

@@ -1,7 +1,9 @@
 @import '../../../../style/mixin.less';
 
 #demo-ellipsis {
-    line-height: 26px;
+    .@{prefix}-ellipsis {
+        line-height: 26px;
+    }
     .demo-link,
     .demo-link-line {
         .use-var(color, primary-color);

package/umd/ellipsis/index.js

@@ -53,15 +53,17 @@
         ellipsisNode = _props$ellipsisNode === void 0 ? '...' : _props$ellipsisNode,
         _props$collapseNode = props.collapseNode,
         collapseNode = _props$collapseNode === void 0 ? '' : _props$collapseNode,
-        onCollapseNodeClick = props.onCollapseNodeClick,
         endExcludes = props.endExcludes,
         _props$reflowOnResize = props.reflowOnResize,
         reflowOnResize = _props$reflowOnResize === void 0 ? false : _props$reflowOnResize,
+        _props$floatEllipsisN = props.floatEllipsisNode,
+        floatEllipsisNode = _props$floatEllipsisN === void 0 ? false : _props$floatEllipsisN,
         onReflow = props.onReflow,
+        onCollapseNodeClick = props.onCollapseNodeClick,
         onEllipsisNodeClick = props.onEllipsisNodeClick;
     var domRef = (0, _react.useRef)(null);
     var jsEllipsisRef = (0, _react.useRef)(null);
-    var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && ellipsisNode === '...' && (!endExcludes || endExcludes.length === 0) && !onReflow && !onEllipsisNodeClick;
+    var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && (!endExcludes || endExcludes.length === 0) && !onReflow && (floatEllipsisNode || ellipsisNode === '...' && !onEllipsisNodeClick);
     (0, _react.useImperativeHandle)(ref, function () {
       var _jsEllipsisRef$curren;
 
@@ -81,7 +83,9 @@
         dangerouslyUseInnerHTML: dangerouslyUseInnerHTML,
         text: text,
         maxLine: maxLine,
+        ellipsisNode: ellipsisNode,
         collapseNode: collapseNode,
+        onEllipsisNodeClick: onEllipsisNodeClick,
         onCollapseNodeClick: onCollapseNodeClick
       }) : /*#__PURE__*/_react.default.createElement(_jsEllipsis.default, {
         ref: jsEllipsisRef,

package/umd/ellipsis/style/css/index.css

@@ -1,10 +1,23 @@
 .arco-ellipsis {
   font-size:  0.32rem ;
 }
-.arco-ellipsis-native.ellipsis {
+.arco-ellipsis-native.ellipsis,
+.arco-ellipsis-js-content-initial {
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
   -webkit-box-orient: vertical;
+  position: relative;
+}
+.arco-ellipsis-native-ellipsis-node {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background:  -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff) ;
+  background:  linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff) ;
+  padding-left:  20PX ;
+}
+.arco-ellipsis-js-content-ellipsis {
+  display: none;
 }

package/umd/ellipsis/style/index.less

@@ -3,11 +3,25 @@
 .@{prefix}-ellipsis {
     .use-var(font-size, ellipsis-default-text-size);
 
-    &-native.ellipsis {
+    &-native.ellipsis,
+    &-js-content-initial {
         display: -webkit-box;
         overflow: hidden;
         text-overflow: ellipsis;
         word-break: break-word;
         -webkit-box-orient: vertical;
+        position: relative;
+    }
+
+    &-native-ellipsis-node {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        .use-var(background, ellipsis-float-ellipsis-node-background);
+        .use-var(padding-left, ellipsis-float-ellipsis-node-padding-left);
+    }
+
+    &-js-content-ellipsis {
+        display: none;
     }
 }

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/masking/index.d.ts

@@ -205,11 +205,11 @@ declare const _default: React.ForwardRefExoticComponent<MaskingProps & React.Ref
      * @param {MaskingProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: MaskingProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "ref" | "children" | "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"> & {
+    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;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<MaskingProps & React.RefAttributes<MaskingRef>>, "ref" | "children" | "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"> & {
+        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/popup/index.d.ts

@@ -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<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"> & {
+    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<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"> & {
+        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-swiper/index.d.ts

@@ -76,11 +76,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    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"> & {
+    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<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"> & {
+        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; /**
          * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件