antd-mobile 5.38.0 → 5.39.0

package/es/components/popover/popover.js

@@ -1,18 +1,18 @@
 import { __awaiter } from "tslib";
-import React, { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { arrow, autoUpdate, computePosition, flip, hide, limitShift, offset, shift } from '@floating-ui/dom';
+import { useClickAway, useIsomorphicLayoutEffect } from 'ahooks';
 import classNames from 'classnames';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { convertPx } from '../../utils/convert-px';
+import { withNativeProps } from '../../utils/native-props';
+import { renderToContainer } from '../../utils/render-to-container';
+import { useShouldRender } from '../../utils/should-render';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
-import { withNativeProps } from '../../utils/native-props';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
 import { Arrow } from './arrow';
-import { renderToContainer } from '../../utils/render-to-container';
-import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShift } from '@floating-ui/dom';
-import { Wrapper } from './wrapper';
-import { useShouldRender } from '../../utils/should-render';
-import { useClickAway, useIsomorphicLayoutEffect } from 'ahooks';
 import { normalizePlacement } from './normalize-placement';
-import { convertPx } from '../../utils/convert-px';
+import { Wrapper } from './wrapper';
 const classPrefix = `adm-popover`;
 const defaultProps = {
   placement: 'top',
@@ -124,11 +124,11 @@ export const Popover = forwardRef((p, ref) => {
   }, [targetElement, props.trigger]);
   useEffect(() => {
     const floatingElement = floatingRef.current;
-    if (!targetElement || !floatingElement) return;
+    if (!targetElement || !floatingElement || !visible) return;
     return autoUpdate(targetElement, floatingElement, update, {
       elementResize: typeof ResizeObserver !== 'undefined'
     });
-  }, [targetElement]);
+  }, [targetElement, visible]);
   useClickAway(() => {
     if (!props.trigger) return;
     setVisible(false);

package/es/components/swipe-action/swipe-action.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 declare type SideType = 'left' | 'right';
@@ -23,6 +23,7 @@ export declare type SwipeActionProps = {
     children: ReactNode;
     stopPropagation?: PropagationEvent[];
     onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
 } & NativeProps<'--background'>;
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
@@ -33,6 +34,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     children: ReactNode;
     stopPropagation?: PropagationEvent[] | undefined;
     onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--background", string>>) | undefined;

package/es/components/swipe-action/swipe-action.js

@@ -1,11 +1,11 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import { useSpring, animated } from '@react-spring/web';
+import { animated, useSpring } from '@react-spring/web';
 import { useDrag } from '@use-gesture/react';
-import Button from '../button';
-import { nearest } from '../../utils/nearest';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
+import { nearest } from '../../utils/nearest';
+import { mergeProps } from '../../utils/with-default-props';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
+import Button from '../button';
 const classPrefix = `adm-swipe-action`;
 const defaultProps = {
   rightActions: [],
@@ -99,12 +99,14 @@ export const SwipeAction = forwardRef((p, ref) => {
     },
     triggerAllEvents: true
   });
-  function close() {
+  const close = () => {
+    var _a;
     api.start({
       x: 0
     });
     forceCancelDrag();
-  }
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+  };
   useImperativeHandle(ref, () => ({
     show: (side = 'right') => {
       var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.38.0",
+  "version": "5.39.0",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"