antd-mobile 5.32.3 → 5.33.0

package/es/components/image-viewer/slide.js

@@ -11,6 +11,7 @@ export const Slide = props => {
     dragLockRef,
     maxZoom
   } = props;
+  const initialMartix = useRef([]);
   const controlRef = useRef(null);
   const imgRef = useRef(null);
   const [{
@@ -24,8 +25,22 @@ export const Slide = props => {
   const controlSize = useSize(controlRef);
   const imgSize = useSize(imgRef);
   const pinchLockRef = useRef(false);
-  const boundMatrix = (nextMatrix, type, last = false) => {
-    if (!controlSize || !imgSize) return nextMatrix;
+  /**
+   * Calculate the min and max value of x and y
+   */
+  const getMinAndMax = nextMatrix => {
+    if (!controlSize || !imgSize) return {
+      x: {
+        position: 0,
+        minX: 0,
+        maxX: 0
+      },
+      y: {
+        position: 0,
+        minY: 0,
+        maxY: 0
+      }
+    };
     const controlLeft = -controlSize.width / 2;
     const controlTop = -controlSize.height / 2;
     const imgLeft = -imgSize.width / 2;
@@ -33,20 +48,59 @@ export const Slide = props => {
     const zoom = mat.getScaleX(nextMatrix);
     const scaledImgWidth = zoom * imgSize.width;
     const scaledImgHeight = zoom * imgSize.height;
+    const minX = controlLeft - (scaledImgWidth - controlSize.width);
+    const maxX = controlLeft;
+    const minY = controlTop - (scaledImgHeight - controlSize.height);
+    const maxY = controlTop;
     const [x, y] = mat.apply(nextMatrix, [imgLeft, imgTop]);
+    return {
+      x: {
+        position: x,
+        minX,
+        maxX
+      },
+      y: {
+        position: y,
+        minY,
+        maxY
+      }
+    };
+  };
+  /**
+   * Check if is reach the bound
+   */
+  const getReachBound = (position, min, max, buffer = 0) => {
+    return [position <= min - buffer, position >= max + buffer];
+  };
+  /**
+   * Limit the matrix in the bound
+   */
+  const boundMatrix = (nextMatrix, type, last = false) => {
+    if (!controlSize || !imgSize) return nextMatrix;
+    const zoom = mat.getScaleX(nextMatrix);
+    const scaledImgWidth = zoom * imgSize.width;
+    const scaledImgHeight = zoom * imgSize.height;
+    const {
+      x: {
+        position: x,
+        minX,
+        maxX
+      },
+      y: {
+        position: y,
+        minY,
+        maxY
+      }
+    } = getMinAndMax(nextMatrix);
     if (type === 'translate') {
       let boundedX = x;
       let boundedY = y;
       if (scaledImgWidth > controlSize.width) {
-        const minX = controlLeft - (scaledImgWidth - controlSize.width);
-        const maxX = controlLeft;
         boundedX = last ? bound(x, minX, maxX) : rubberbandIfOutOfBounds(x, minX, maxX, zoom * 50);
       } else {
         boundedX = -scaledImgWidth / 2;
       }
       if (scaledImgHeight > controlSize.height) {
-        const minY = controlTop - (scaledImgHeight - controlSize.height);
-        const maxY = controlTop;
         boundedY = last ? bound(y, minY, maxY) : rubberbandIfOutOfBounds(y, minY, maxY, zoom * 50);
       } else {
         boundedY = -scaledImgHeight / 2;
@@ -54,18 +108,29 @@ export const Slide = props => {
       return mat.translate(nextMatrix, boundedX - x, boundedY - y);
     }
     if (type === 'scale' && last) {
-      const [boundedX, boundedY] = [scaledImgWidth > controlSize.width ? bound(x, controlLeft - (scaledImgWidth - controlSize.width), controlLeft) : -scaledImgWidth / 2, scaledImgHeight > controlSize.height ? bound(y, controlTop - (scaledImgHeight - controlSize.height), controlTop) : -scaledImgHeight / 2];
+      const [boundedX, boundedY] = [scaledImgWidth > controlSize.width ? bound(x, minX, maxX) : -scaledImgWidth / 2, scaledImgHeight > controlSize.height ? bound(y, minY, maxY) : -scaledImgHeight / 2];
       return mat.translate(nextMatrix, boundedX - x, boundedY - y);
     }
     return nextMatrix;
   };
   useDragAndPinch({
     onDrag: state => {
-      if (state.first) return;
+      var _a;
+      if (state.first) {
+        const {
+          x: {
+            position: x,
+            minX,
+            maxX
+          }
+        } = getMinAndMax(matrix.get());
+        initialMartix.current = getReachBound(x, minX, maxX);
+        return;
+      }
       if (state.pinching) return state.cancel();
       if (state.tap && state.elapsedTime > 0 && state.elapsedTime < 1000) {
         // 判断点击时间>0是为了过滤掉非正常操作，例如用户长按选择图片之后的取消操作（也是一次点击）
-        props.onTap();
+        (_a = props.onTap) === null || _a === void 0 ? void 0 : _a.call(props);
         return;
       }
       const currentZoom = mat.getScaleX(matrix.get());
@@ -84,6 +149,21 @@ export const Slide = props => {
           matrix: boundMatrix(nextMatrix, 'translate', state.last),
           immediate: !state.last
         });
+        const {
+          x: {
+            position: x,
+            minX,
+            maxX
+          }
+        } = getMinAndMax(nextMatrix);
+        if (state.last && initialMartix.current.some(i => i) && getReachBound(x, minX, maxX).some(i => i)) {
+          if (dragLockRef) {
+            dragLockRef.current = false;
+          }
+          api.start({
+            matrix: mat.create()
+          });
+        }
       }
     },
     onPinch: state => {
@@ -127,7 +207,6 @@ export const Slide = props => {
   }, {
     target: controlRef,
     drag: {
-      // filterTaps: true,
       from: () => [mat.getTranslateX(matrix.get()), mat.getTranslateY(matrix.get())],
       pointer: {
         touch: true
@@ -141,12 +220,7 @@ export const Slide = props => {
     }
   });
   return React.createElement("div", {
-    className: `${classPrefix}-slide`,
-    onPointerMove: e => {
-      if (mat.getScaleX(matrix.get()) !== 1) {
-        e.stopPropagation();
-      }
-    }
+    className: `${classPrefix}-slide`
   }, React.createElement("div", {
     className: `${classPrefix}-control`,
     ref: controlRef

package/es/components/image-viewer/slides.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare type SlidesType = {
     images: string[];
-    onTap: () => void;
+    onTap?: () => void;
     maxZoom: number;
     defaultIndex: number;
     onIndexChange?: (index: number) => void;

package/es/components/image-viewer/slides.js

@@ -47,12 +47,10 @@ export const Slides = forwardRef((props, ref) => {
   }, {
     transform: ([x, y]) => [-x, y],
     from: () => [x.get(), 0],
-    bounds: () => {
-      return {
-        left: 0,
-        right: (count - 1) * slideWidth
-      };
-    },
+    bounds: () => ({
+      left: 0,
+      right: (count - 1) * slideWidth
+    }),
     rubberband: true,
     axis: 'x',
     pointer: {

package/es/components/index-bar/index-bar.d.ts

@@ -1,9 +1,10 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type IndexBarProps = {
     sticky?: boolean;
     onIndexChange?: (index: string) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--sticky-offset-top'>;
 export declare type IndexBarRef = {
     scrollTo: (index: string) => void;
@@ -11,7 +12,7 @@ export declare type IndexBarRef = {
 export declare const IndexBar: React.ForwardRefExoticComponent<{
     sticky?: boolean | undefined;
     onIndexChange?: ((index: string) => void) | undefined;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--sticky-offset-top", string>>) | undefined;

package/es/components/index-bar/panel.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type IndexBarPanelProps = {
     index: string;

package/es/components/index-bar/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 declare type SidebarProps = {
     indexItems: {
         index: string;

package/es/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type InfiniteScrollProps = {
     loadMore: (isRetry: boolean) => Promise<void>;
     hasMore: boolean;
     threshold?: number;
-    children?: React.ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void) => React.ReactNode);
+    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void) => ReactNode);
 } & NativeProps;
 export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/es/components/jumbo-tabs/jumbo-tabs.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { ReactNode, FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type JumboTabProps = {
     title: ReactNode;
@@ -6,13 +6,13 @@ export declare type JumboTabProps = {
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const JumboTab: FC<JumboTabProps>;
 export declare type JumboTabsProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const JumboTabs: FC<JumboTabsProps>;

package/es/components/list/list-item.d.ts

@@ -1,4 +1,5 @@
-import React, { FC, ReactNode } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ListItemProps = {
     title?: ReactNode;

package/es/components/list/list.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ListProps = {
     header?: ReactNode;

package/es/components/mask/mask.d.ts

@@ -1,5 +1,6 @@
 import { NativeProps } from '../../utils/native-props';
 import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type MaskProps = {
@@ -14,6 +15,6 @@ export declare type MaskProps = {
     afterShow?: () => void;
     afterClose?: () => void;
     stopPropagation?: PropagationEvent[];
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--z-index'>;
-export declare const Mask: React.FC<MaskProps>;
+export declare const Mask: FC<MaskProps>;

package/es/components/modal/alert.d.ts

@@ -1,5 +1,5 @@
 import { ModalProps } from './index';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare type ModalAlertProps = Omit<ModalProps, 'visible' | 'closeOnAction' | 'actions'> & {
     confirmText?: ReactNode;
     onConfirm?: () => void | Promise<void>;

package/es/components/modal/confirm.d.ts

@@ -1,5 +1,5 @@
 import { ModalProps } from './index';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare type ModalConfirmProps = Omit<ModalProps, 'visible' | 'closeOnAction' | 'actions'> & {
     confirmText?: ReactNode;
     cancelText?: ReactNode;

package/es/components/modal/modal-action-button.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type Action = {
     key: string | number;

package/es/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { Action } from './modal-action-button';
 import { NativeProps } from '../../utils/native-props';
 import { CenterPopupProps } from '../center-popup';

package/es/components/nav-bar/nav-bar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type NavBarProps = {
     back?: ReactNode;

package/es/components/notice-bar/notice-bar.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type NoticeBarProps = {
     /** The type of the NoticeBar */
@@ -8,7 +9,7 @@ export declare type NoticeBarProps = {
     /** Scroll speed, unit px/s */
     speed?: number;
     /** The content of the NoticeBar */
-    content: React.ReactNode;
+    content: ReactNode;
     /** Whether it can be closed */
     closeable?: boolean;
     /** Callback when closed */
@@ -16,9 +17,9 @@ export declare type NoticeBarProps = {
     /** Event when click */
     onClick?: () => void;
     /** Additional operating area, displayed to the left of the close button */
-    extra?: React.ReactNode;
+    extra?: ReactNode;
     /** Radio icon on the left */
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     /** Whether to display multiple lines */
     wrap?: boolean;
 } & NativeProps<'--background-color' | '--border-color' | '--text-color' | '--font-size' | '--icon-font-size' | '--height'>;

package/es/components/number-keyboard/number-keyboard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FC } from 'react';
 import { PopupProps } from '../popup';
 import { NativeProps } from '../../utils/native-props';
 export declare type NumberKeyboardProps = {
@@ -15,4 +15,4 @@ export declare type NumberKeyboardProps = {
     closeOnConfirm?: boolean;
     safeArea?: boolean;
 } & Pick<PopupProps, 'afterClose' | 'afterShow' | 'getContainer' | 'destroyOnClose' | 'forceRender' | 'stopPropagation'> & NativeProps;
-export declare const NumberKeyboard: React.FC<NumberKeyboardProps>;
+export declare const NumberKeyboard: FC<NumberKeyboardProps>;

package/es/components/passcode-input/passcode-input.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import type { NumberKeyboardProps } from '../number-keyboard';
 export declare type PasscodeInputProps = {

package/es/components/picker/picker.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode, CSSProperties } from 'react';
 import { PopupProps } from '../popup';
 import { NativeProps } from '../../utils/native-props';
 import { PickerColumn, PickerColumnItem, PickerValue, PickerValueExtend } from './index';
@@ -27,7 +28,7 @@ export declare type PickerProps = {
     renderLabel?: (item: PickerColumnItem) => ReactNode;
     mouseWheel?: boolean;
     popupClassName?: string;
-    popupStyle?: React.CSSProperties;
+    popupStyle?: CSSProperties;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'forceRender' | 'destroyOnClose'> & NativeProps<'--header-button-font-size' | '--title-font-size' | '--item-font-size' | '--item-height'>;
 export declare const Picker: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     columns: PickerColumn[] | ((value: PickerValue[]) => PickerColumn[]);

package/es/components/picker-view/picker-view.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PickerProps } from '../picker';
 export declare type PickerValue = string | number | null;

package/es/components/picker-view/wheel.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { PickerColumnItem, PickerValue } from './index';
 declare type Props = {
     index: number;

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

@@ -23,6 +23,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
 } & import("react").AriaAttributes & import("react").RefAttributes<import("./popover").PopoverRef>> & {
     Menu: import("react").ForwardRefExoticComponent<Omit<import("./popover").PopoverProps, "content"> & {
         actions: import("./popover-menu").Action[];
+        maxCount?: number | undefined;
         onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
     } & import("react").RefAttributes<import("./popover").PopoverRef>>;
 };

package/es/components/popover/popover-menu.css

@@ -11,6 +11,19 @@
 .adm-popover-menu-list-inner {
   margin-top: -1px;
 }
+.adm-popover-menu-list-scroll {
+  padding-right: 2px;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: auto;
+}
+.adm-popover-menu-list-scroll::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 4px;
+}
+.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #ddd;
+}
 .adm-popover-menu-item {
   display: flex;
   padding-left: 20px;

package/es/components/popover/popover-menu.d.ts

@@ -1,17 +1,20 @@
 import React from 'react';
+import type { ReactNode } from 'react';
 import { PopoverProps, PopoverRef } from './popover';
 export declare type Action = {
-    text: React.ReactNode;
-    icon?: React.ReactNode;
+    text: ReactNode;
+    icon?: ReactNode;
     disabled?: boolean;
     key?: string | number;
     onClick?: () => void;
 };
 export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
     actions: Action[];
+    maxCount?: number;
     onAction?: (item: Action) => void;
 };
 export declare const PopoverMenu: React.ForwardRefExoticComponent<Omit<PopoverProps, "content"> & {
     actions: Action[];
+    maxCount?: number | undefined;
     onAction?: ((item: Action) => void) | undefined;
 } & React.RefAttributes<PopoverRef>>;

package/es/components/popover/popover-menu.js

@@ -17,10 +17,17 @@ export const PopoverMenu = forwardRef((props, ref) => {
     (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
   }, [props.onAction]);
   const overlay = useMemo(() => {
+    const whetherScroll = (props === null || props === void 0 ? void 0 : props.maxCount) && props.actions.length > (props === null || props === void 0 ? void 0 : props.maxCount);
+    const innerHeight = (props === null || props === void 0 ? void 0 : props.maxCount) && (props === null || props === void 0 ? void 0 : props.maxCount) * 48;
     return React.createElement("div", {
       className: `${classPrefix}-list`
     }, React.createElement("div", {
-      className: `${classPrefix}-list-inner`
+      className: classNames(`${classPrefix}-list-inner`, {
+        [`${classPrefix}-list-scroll`]: whetherScroll
+      }),
+      style: {
+        height: innerHeight
+      }
     }, props.actions.map((action, index) => {
       var _a;
       return React.createElement("a", {

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

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactNode, ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
@@ -14,7 +15,7 @@ export declare type PopoverProps = {
     trigger?: 'click';
     placement?: Placement | DeprecatedPlacement;
     stopPropagation?: PropagationEvent[];
-    content: React.ReactNode;
+    content: ReactNode;
 } & NativeProps<'--z-index' | '--arrow-size'>;
 export declare type PopoverRef = {
     show: () => void;
@@ -32,7 +33,7 @@ export declare const Popover: React.ForwardRefExoticComponent<{
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
-    content: React.ReactNode;
+    content: ReactNode;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--z-index" | "--arrow-size", string>>) | undefined;

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

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

package/es/components/popup/popup-base-props.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CSSProperties } from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -6,7 +7,7 @@ export declare type PopupBaseProps = {
     afterClose?: () => void;
     afterShow?: () => void;
     bodyClassName?: string;
-    bodyStyle?: React.CSSProperties;
+    bodyStyle?: CSSProperties;
     closeOnMaskClick?: boolean;
     destroyOnClose?: boolean;
     disableBodyScroll?: boolean;

package/es/components/popup/popup.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PopupBaseProps } from './popup-base-props';
 export declare type PopupProps = PopupBaseProps & PropsWithChildren<{

package/es/components/progress-bar/progress-bar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ProgressBarProps = {
     percent?: number;

package/es/components/progress-circle/progress-circle.d.ts

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ProgressCircleProps = {
     percent?: number;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--size' | '--track-width' | '--track-color' | '--fill-color'>;
 export declare const ProgressCircle: FC<ProgressCircleProps>;

package/es/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 export declare type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 export declare type PullToRefreshProps = {
     onRefresh?: () => Promise<any>;
@@ -11,7 +11,7 @@ export declare type PullToRefreshProps = {
     threshold?: number;
     disabled?: boolean;
     renderText?: (status: PullStatus) => ReactNode;
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 export declare const defaultProps: {
     pullingText: string;

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

@@ -1,9 +1,9 @@
 import { __awaiter } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
 import { mergeProps } from '../../utils/with-default-props';
 import { animated, useSpring } from '@react-spring/web';
 import { useDrag } from '@use-gesture/react';
 import { getScrollParent } from '../../utils/get-scroll-parent';
-import React, { useEffect, useRef, useState } from 'react';
 import { supportsPassive } from '../../utils/supports-passive';
 import { convertPx } from '../../utils/convert-px';
 import { rubberbandIfOutOfBounds } from '../../utils/rubberband';

package/es/components/radio/group.d.ts

@@ -1,10 +1,10 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { RadioValue } from '.';
 export interface RadioGroupProps {
     value?: RadioValue | null;
     onChange?: (val: RadioValue) => void;
     defaultValue?: RadioValue | null;
     disabled?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const Group: FC<RadioGroupProps>;

package/es/components/radio/radio.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RadioValue = string | number;
 export declare type RadioProps = {
@@ -9,8 +10,8 @@ export declare type RadioProps = {
     value?: RadioValue;
     block?: boolean;
     id?: string;
-    icon?: (checked: boolean) => React.ReactNode;
-    children?: React.ReactNode;
+    icon?: (checked: boolean) => ReactNode;
+    children?: ReactNode;
     onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/es/components/rate/rate.d.ts

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RateProps = {
     allowClear?: boolean;
     allowHalf?: boolean;
-    character?: React.ReactNode;
+    character?: ReactNode;
     count?: number;
     defaultValue?: number;
     readOnly?: boolean;