antd-mobile 5.4.0 → 5.5.0

package/2x/es/components/form/form.js

@@ -8,6 +8,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import { Header } from './header';
 import { useConfig } from '../config-provider';
 import merge from 'lodash/merge';
+import { FormArray } from './form-array';
 const classPrefix = 'adm-form';
 const defaultProps = defaultFormContext;
 export const Form = forwardRef((p, ref) => {
@@ -46,12 +47,21 @@ export const Form = forwardRef((p, ref) => {
   }
 
   React.Children.forEach(props.children, child => {
-    if (React.isValidElement(child) && child.type === Header) {
-      collect();
-      currentHeader = child.props.children;
-    } else {
-      items.push(child);
+    if (React.isValidElement(child)) {
+      if (child.type === Header) {
+        collect();
+        currentHeader = child.props.children;
+        return;
+      }
+
+      if (child.type === FormArray) {
+        collect();
+        lists.push(child);
+        return;
+      }
     }
+
+    items.push(child);
   });
   collect();
   return React.createElement(RcForm, Object.assign({

package/2x/es/components/form/index.css

@@ -19,6 +19,11 @@
   padding: 40px 24px;
 }
 
+.adm-form-list-operation {
+  text-align: center;
+  color: #1677ff;
+}
+
 .adm-form-item + .adm-form-item {
   border-top: none;
 }
@@ -71,11 +76,16 @@
   flex: none;
 }
 
-.adm-form-item-footer {
+.adm-form-item-feedback-error {
   color: var(--adm-color-danger);
   margin-top: 8px;
 }
 
+.adm-form-item-feedback-warning {
+  color: var(--adm-color-warning);
+  margin-top: 8px;
+}
+
 .adm-form-item.adm-form-item-hidden {
   display: none;
 }

package/2x/es/components/form/index.d.ts

@@ -6,6 +6,7 @@ export type { FormProps, FormInstance } from './form';
 export type { FormItemProps } from './form-item';
 export type { FormSubscribeProps } from './form-subscribe';
 export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
+export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & import("../../utils/native-props").NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     layout?: FormLayout | undefined;
@@ -14,6 +15,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<import("r
     Item: import("react").FC<import("./form-item").FormItemProps>;
     Subscribe: import("react").VFC<import("./form-subscribe").FormSubscribeProps>;
     Header: import("react").FC<{}>;
+    Array: import("react").FC<import("./form-array").FormArrayProps>;
     useForm: typeof useForm;
 };
 export default _default;

package/2x/es/components/form/index.js

@@ -5,9 +5,11 @@ import { FormItem } from './form-item';
 import { Header } from './header';
 import { useForm } from 'rc-field-form';
 import { FormSubscribe } from './form-subscribe';
+import { FormArray } from './form-array';
 export default attachPropertiesToComponent(Form, {
   Item: FormItem,
   Subscribe: FormSubscribe,
   Header,
+  Array: FormArray,
   useForm
 });

package/2x/es/components/image-uploader/image-uploader.d.ts

@@ -20,7 +20,7 @@ export declare type ImageUploaderProps = {
     deletable?: boolean;
     capture?: InputHTMLAttributes<unknown>['capture'];
     onPreview?: (index: number, item: ImageUploadItem) => void;
-    beforeUpload?: (file: File[]) => Promise<File[]> | File[];
+    beforeUpload?: (file: File, files: File[]) => Promise<File | null> | File | null;
     upload: (file: File) => Promise<ImageUploadItem>;
     onDelete?: (item: ImageUploadItem) => boolean | Promise<boolean> | void;
     preview?: boolean;

package/2x/es/components/image-uploader/image-uploader.js

@@ -39,6 +39,17 @@ export const ImageUploader = p => {
     onPreview
   } = props;
 
+  function processFile(file, fileList) {
+    return __awaiter(this, void 0, void 0, function* () {
+      const {
+        beforeUpload
+      } = props;
+      let transformedFile = file;
+      transformedFile = yield beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(file, fileList);
+      return transformedFile;
+    });
+  }
+
   function onChange(e) {
     var _a;
 
@@ -51,7 +62,12 @@ export const ImageUploader = p => {
       let files = [].slice.call(rawFiles);
 
       if (props.beforeUpload) {
-        files = yield props.beforeUpload(files);
+        const postFiles = files.map(file => {
+          return processFile(file, files);
+        });
+        yield Promise.all(postFiles).then(filesList => {
+          files = filesList.filter(Boolean);
+        });
       }
 
       if (files.length === 0) {

package/2x/es/components/popover/index.d.ts

@@ -3,16 +3,21 @@ import './popover.less';
 import './popover-menu.less';
 export type { PopoverProps, PopoverRef } from './popover';
 export type { PopoverMenuProps, Action } from './popover-menu';
+export declare type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export declare type DeprecatedPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 declare const _default: import("react").ForwardRefExoticComponent<{
+    defaultVisible?: boolean | undefined;
+    visible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
     getContainer?: import("../../utils/render-to-container").GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
     children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
-    placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
-} & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
+} & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
     Menu: import("react").ForwardRefExoticComponent<Omit<import("./popover").PopoverProps, "content"> & {
         actions: import("./popover-menu").Action[];
         onAction?: ((item: import("./popover-menu").Action) => void) | undefined;

package/2x/es/components/popover/normalize-placement.d.ts

@@ -0,0 +1,2 @@
+import { DeprecatedPlacement, Placement } from './index';
+export declare function normalizePlacement(placement: Placement | DeprecatedPlacement): Placement;

package/2x/es/components/popover/normalize-placement.js

@@ -0,0 +1,15 @@
+const record = {
+  'topLeft': 'top-start',
+  'topRight': 'top-end',
+  'bottomLeft': 'bottom-start',
+  'bottomRight': 'bottom-end',
+  'leftTop': 'left-start',
+  'leftBottom': 'left-end',
+  'rightTop': 'right-start',
+  'rightBottom': 'right-end'
+};
+export function normalizePlacement(placement) {
+  var _a;
+
+  return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
+}

package/2x/es/components/popover/popover.css

@@ -34,110 +34,6 @@
   display: none;
 }
 
-.adm-popover-placement-top,
-.adm-popover-placement-topLeft,
-.adm-popover-placement-topRight {
-  padding-bottom: var(--arrow-size);
-}
-
-.adm-popover-placement-top .adm-popover-arrow,
-.adm-popover-placement-topLeft .adm-popover-arrow,
-.adm-popover-placement-topRight .adm-popover-arrow {
-  bottom: 0;
-  --arrow-icon-rotate: 0deg;
-}
-
-.adm-popover-placement-top .adm-popover-arrow {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.adm-popover-placement-topLeft .adm-popover-arrow {
-  left: 24px;
-}
-
-.adm-popover-placement-topRight .adm-popover-arrow {
-  right: 24px;
-}
-
-.adm-popover-placement-right,
-.adm-popover-placement-rightTop,
-.adm-popover-placement-rightBottom {
-  padding-left: var(--arrow-size);
-}
-
-.adm-popover-placement-right .adm-popover-arrow,
-.adm-popover-placement-rightTop .adm-popover-arrow,
-.adm-popover-placement-rightBottom .adm-popover-arrow {
-  left: 0;
-  --arrow-icon-rotate: 90deg;
-}
-
-.adm-popover-placement-right .adm-popover-arrow {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.adm-popover-placement-rightTop .adm-popover-arrow {
-  top: 24px;
-}
-
-.adm-popover-placement-rightBottom .adm-popover-arrow {
-  bottom: 24px;
-}
-
-.adm-popover-placement-bottom,
-.adm-popover-placement-bottomLeft,
-.adm-popover-placement-bottomRight {
-  padding-top: var(--arrow-size);
-}
-
-.adm-popover-placement-bottom .adm-popover-arrow,
-.adm-popover-placement-bottomLeft .adm-popover-arrow,
-.adm-popover-placement-bottomRight .adm-popover-arrow {
-  top: 0;
-  --arrow-icon-rotate: 180deg;
-}
-
-.adm-popover-placement-bottom .adm-popover-arrow {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.adm-popover-placement-bottomLeft .adm-popover-arrow {
-  left: 24px;
-}
-
-.adm-popover-placement-bottomRight .adm-popover-arrow {
-  right: 24px;
-}
-
-.adm-popover-placement-left,
-.adm-popover-placement-leftTop,
-.adm-popover-placement-leftBottom {
-  padding-right: var(--arrow-size);
-}
-
-.adm-popover-placement-left .adm-popover-arrow,
-.adm-popover-placement-leftTop .adm-popover-arrow,
-.adm-popover-placement-leftBottom .adm-popover-arrow {
-  right: 0;
-  --arrow-icon-rotate: 270deg;
-}
-
-.adm-popover-placement-left .adm-popover-arrow {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.adm-popover-placement-leftTop .adm-popover-arrow {
-  top: 24px;
-}
-
-.adm-popover-placement-leftBottom .adm-popover-arrow {
-  bottom: 24px;
-}
-
 .adm-popover-inner {
   background-color: var(--background);
   background-clip: padding-box;

package/2x/es/components/popover/popover.d.ts

@@ -1,30 +1,36 @@
 import React, { ReactElement } from 'react';
-import type { TooltipProps } from 'rc-tooltip/lib/Tooltip';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
+import { DeprecatedPlacement, Placement } from './index';
 export declare type PopoverProps = {
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
     getContainer?: GetContainer;
     destroyOnHide?: boolean;
     children: ReactElement;
     mode?: 'light' | 'dark';
     trigger?: 'click';
-    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    placement?: Placement | DeprecatedPlacement;
     stopPropagation?: PropagationEvent[];
     content: React.ReactNode;
-} & Pick<TooltipProps, 'defaultVisible' | 'visible' | 'onVisibleChange' | 'align'> & NativeProps<'--z-index'>;
+} & NativeProps<'--z-index'>;
 export declare type PopoverRef = {
     show: () => void;
     hide: () => void;
     visible: boolean;
 };
 export declare const Popover: React.ForwardRefExoticComponent<{
+    defaultVisible?: boolean | undefined;
+    visible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
     getContainer?: GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
     children: ReactElement;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
-    placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
     content: React.ReactNode;
-} & Pick<TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & NativeProps<"--z-index"> & React.RefAttributes<PopoverRef>>;
+} & NativeProps<"--z-index"> & React.RefAttributes<PopoverRef>>;

package/2x/es/components/popover/popover.js

@@ -1,10 +1,18 @@
-import React, { forwardRef, useImperativeHandle } from 'react';
-import Tooltip from 'rc-tooltip';
+import { __awaiter } from "tslib";
+import React, { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 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';
 const classPrefix = `adm-popover`;
 const defaultProps = {
   placement: 'top',
@@ -13,12 +21,11 @@ const defaultProps = {
   getContainer: () => document.body
 };
 export const Popover = forwardRef((p, ref) => {
-  var _a;
-
   const props = mergeProps(defaultProps, p);
   const {
     mode = 'light'
   } = props;
+  const placement = normalizePlacement(props.placement);
   const [visible, setVisible] = usePropsValue({
     value: props.visible,
     defaultValue: props.defaultVisible,
@@ -31,23 +38,112 @@ export const Popover = forwardRef((p, ref) => {
       visible
     };
   }, [visible]);
-  const overlay = withStopPropagation(props.stopPropagation, React.createElement("div", {
+  const targetRef = useRef(null);
+  const floatingRef = useRef(null);
+  const arrowRef = useRef(null);
+  const floating = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
+    className: classNames(classPrefix, `${classPrefix}-${mode}`, !visible && `${classPrefix}-hidden`),
+    ref: floatingRef
+  }, React.createElement("div", {
+    className: `${classPrefix}-arrow`,
+    ref: arrowRef
+  }, React.createElement(Arrow, {
+    className: `${classPrefix}-arrow-icon`
+  })), React.createElement("div", {
+    className: `${classPrefix}-inner`
+  }, React.createElement("div", {
     className: `${classPrefix}-inner-content`
-  }, props.content));
-  return React.createElement(Tooltip, Object.assign({}, props, {
-    placement: props.placement,
-    align: props.align,
-    overlayClassName: classNames(`${classPrefix}-${mode}`, props.className),
-    overlayStyle: props.style,
-    destroyTooltipOnHide: props.destroyOnHide,
-    prefixCls: classPrefix,
-    getTooltipContainer: props.getContainer || (() => document.body),
-    visible: visible,
-    arrowContent: React.createElement(Arrow, {
-      className: `${classPrefix}-arrow-icon`
-    }),
-    onVisibleChange: setVisible,
-    trigger: (_a = props.trigger) !== null && _a !== void 0 ? _a : [],
-    overlay: overlay
-  }), props.children);
+  }, props.content)))));
+  const [targetElement, setTargetElement] = useState(null);
+
+  function update() {
+    var _a, _b, _c;
+
+    return __awaiter(this, void 0, void 0, function* () {
+      const target = (_b = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null;
+      const floating = floatingRef.current;
+      const arrowElement = arrowRef.current;
+      setTargetElement(target);
+      if (!target || !floating || !arrowElement) return;
+      const {
+        x,
+        y,
+        placement: realPlacement,
+        middlewareData
+      } = yield computePosition(target, floating, {
+        placement,
+        middleware: [offset(convertPx(12)), shift({
+          padding: convertPx(4),
+          crossAxis: false,
+          limiter: limitShift()
+        }), flip(), hide(), arrow({
+          element: arrowElement,
+          padding: convertPx(12)
+        })]
+      });
+      Object.assign(floating.style, {
+        left: `${x}px`,
+        top: `${y}px`
+      });
+      const side = realPlacement.split('-')[0];
+      const arrowSide = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right'
+      }[side];
+      const {
+        x: arrowX,
+        y: arrowY
+      } = (_c = middlewareData.arrow) !== null && _c !== void 0 ? _c : {};
+      Object.assign(arrowElement.style, {
+        left: arrowX != null ? `${arrowX}px` : '',
+        top: arrowY != null ? `${arrowY}px` : '',
+        right: '',
+        bottom: '',
+        [arrowSide]: `-${convertPx(8)}px`
+      });
+      const arrowRotate = {
+        top: '0deg',
+        bottom: '180deg',
+        left: '270deg',
+        right: '90deg'
+      }[side];
+      arrowElement.style.setProperty('--arrow-icon-rotate', arrowRotate);
+    });
+  }
+
+  useIsomorphicLayoutEffect(() => {
+    update();
+  });
+  useEffect(() => {
+    if (!targetElement) return;
+    if (!props.trigger) return;
+
+    function handleClick() {
+      setVisible(v => !v);
+    }
+
+    targetElement.addEventListener('click', handleClick);
+    return () => {
+      targetElement.removeEventListener('click', handleClick);
+    };
+  }, [targetElement, props.trigger]);
+  useEffect(() => {
+    const floatingElement = floatingRef.current;
+    if (!targetElement || !floatingElement) return;
+    return autoUpdate(targetElement, floatingElement, update);
+  }, [targetElement]);
+  useClickAway(() => {
+    if (!props.trigger) return;
+    setVisible(false);
+  }, () => {
+    var _a;
+
+    return (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element;
+  });
+  const shouldRender = useShouldRender(visible, false, props.destroyOnHide);
+  return React.createElement(React.Fragment, null, React.createElement(Wrapper, {
+    ref: targetRef
+  }, props.children), shouldRender && renderToContainer(props.getContainer, floating));
 });

package/2x/es/components/popover/wrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare class Wrapper extends React.Component<{}, {}> {
+    element: Element | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.ReactNode;
+}

package/2x/es/components/popover/wrapper.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { findDOMNode } from 'react-dom';
+export class Wrapper extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.element = null;
+  }
+
+  componentDidMount() {
+    this.componentDidUpdate();
+  }
+
+  componentDidUpdate() {
+    // eslint-disable-next-line
+    const node = findDOMNode(this);
+
+    if (node instanceof Element) {
+      this.element = node;
+    } else {
+      this.element = null;
+    }
+  }
+
+  render() {
+    return React.Children.only(this.props.children);
+  }
+
+}

package/2x/es/components/pull-to-refresh/pull-to-refresh.js

@@ -103,15 +103,30 @@ export const PullToRefresh = p => {
 
     const [, y] = state.movement;
 
-    if (state.first) {
-      const element = elementRef.current;
-      if (!element) return;
-      const scrollParent = getScrollParent(element);
-      if (!scrollParent) return;
-      const top = 'scrollTop' in scrollParent ? scrollParent.scrollTop : scrollParent.scrollY;
-
-      if (top <= 0 && y > 0) {
-        pullingRef.current = true;
+    if (state.first && y > 0) {
+      const target = state.event.target;
+      if (!target || !(target instanceof Element)) return;
+      let scrollParent = getScrollParent(target);
+
+      while (true) {
+        if (!scrollParent) return;
+        const scrollTop = getScrollTop(scrollParent);
+
+        if (scrollTop > 0) {
+          return;
+        }
+
+        if (scrollParent instanceof Window) {
+          break;
+        }
+
+        scrollParent = getScrollParent(scrollParent.parentNode);
+      }
+
+      pullingRef.current = true;
+
+      function getScrollTop(element) {
+        return 'scrollTop' in element ? element.scrollTop : element.scrollY;
       }
     }
 

package/2x/es/components/radio/radio.js

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 import { RadioGroupContext } from './group-context';
@@ -64,22 +64,34 @@ export const Radio = p => {
     }, checked && React.createElement(CheckIcon, null));
   };
 
+  const inputRef = useRef(null);
+  const labelRef = useRef(null);
+  useEffect(() => {
+    var _a;
+
+    (_a = labelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', e => {
+      if (e.target !== inputRef.current) {
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+      }
+    }, {
+      capture: false
+    });
+  }, []);
   return withNativeProps(props, React.createElement("label", {
+    ref: labelRef,
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
     })
   }, React.createElement("input", {
+    ref: inputRef,
     type: 'radio',
     checked: checked,
     onChange: e => {
       setChecked(e.target.checked);
     },
-    onClick: e => {
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
-    },
     disabled: disabled,
     id: props.id
   }), renderIcon(), props.children && React.createElement("div", {

package/2x/es/utils/use-props-value.d.ts

@@ -1,7 +1,8 @@
+import { SetStateAction } from 'react';
 declare type Options<T> = {
     value?: T;
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (this: unknown, v: T) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (this: unknown, v: SetStateAction<T>) => void];
 export {};

package/2x/es/utils/use-props-value.js

@@ -14,12 +14,14 @@ export function usePropsValue(options) {
   }
 
   const setState = useMemoizedFn(v => {
+    const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
+
     if (value === undefined) {
-      stateRef.current = v;
+      stateRef.current = nextValue;
       update();
     }
 
-    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
   });
   return [stateRef.current, setState];
 }

package/2x/package.json

@@ -1,7 +1,8 @@
 {
   "name": "antd-mobile",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "dependencies": {
+    "@floating-ui/dom": "^0.3.1",
     "@react-spring/web": "^9.4.3",
     "@types/resize-observer-browser": "^0.1.7",
     "@use-gesture/react": "^10.2.7",
@@ -12,7 +13,6 @@
     "dayjs": "^1.10.8",
     "lodash": "^4.17.21",
     "rc-field-form": "^1.23.1",
-    "rc-tooltip": "^5.1.1",
     "staged-components": "^1.1.2",
     "tslib": "^2.3.1",
     "use-async-memo": "^1.2.3"