antd-mobile 5.32.4 → 5.33.1

package/2x/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/2x/es/components/popover/popover.js

@@ -18,13 +18,11 @@ const defaultProps = {
   placement: 'top',
   defaultVisible: false,
   stopPropagation: ['click'],
-  getContainer: () => document.body
+  getContainer: () => document.body,
+  mode: 'light'
 };
 export const Popover = forwardRef((p, ref) => {
   const props = mergeProps(defaultProps, p);
-  const {
-    mode = 'light'
-  } = props;
   const placement = normalizePlacement(props.placement);
   const [visible, setVisible] = usePropsValue({
     value: props.visible,
@@ -40,7 +38,9 @@ export const Popover = forwardRef((p, ref) => {
   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`),
+    className: classNames(classPrefix, `${classPrefix}-${props.mode}`, {
+      [`${classPrefix}-hidden`]: !visible
+    }),
     ref: floatingRef
   }, React.createElement("div", {
     className: `${classPrefix}-arrow`,

package/2x/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/2x/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/2x/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/2x/es/components/popup/popup.js

@@ -93,6 +93,7 @@ export const Popup = p => {
   }), React.createElement(animated.div, {
     className: bodyCls,
     style: Object.assign(Object.assign({}, props.bodyStyle), {
+      pointerEvents: percent.to(v => v === 0 ? 'unset' : 'none'),
       transform: percent.to(v => {
         if (props.position === 'bottom') {
           return `translate(0, ${v}%)`;

package/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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/2x/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;

package/2x/es/components/result/result.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 ResultProps = {
     status?: 'success' | 'error' | 'info' | 'waiting' | 'warning';

package/2x/es/components/result-page/result-page-card.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 ResultPageCardProps = {
     children?: ReactNode;

package/2x/es/components/result-page/result-page.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';
 interface ResultPageDetail {
     label: ReactNode;
@@ -12,7 +13,7 @@ export declare type ResultPageProps = {
     title: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
-    details?: ResultPageDetails;
+    details?: ResultPageDetails | null;
     children?: ReactNode;
     primaryButtonText?: ReactNode;
     secondaryButtonText?: ReactNode;

package/2x/es/components/result-page/result-page.js

@@ -44,7 +44,7 @@ export const ResultPage = p => {
     className: `${classPrefix}-title`
   }, title), isNodeWithContent(description) ? React.createElement("div", {
     className: `${classPrefix}-description`
-  }, description) : null, details.length ? React.createElement("div", {
+  }, description) : null, (details === null || details === void 0 ? void 0 : details.length) ? React.createElement("div", {
     className: `${classPrefix}-details`
   }, (collapse ? details.slice(0, 3) : details).map((detail, index) => {
     return React.createElement("div", {
@@ -61,7 +61,7 @@ export const ResultPage = p => {
     className: `${classPrefix}-bg`
   }))), React.createElement("div", {
     className: `${classPrefix}-content`
-  }, props.children), React.createElement("div", {
+  }, props.children), (showPrimaryButton || showSecondaryButton) && React.createElement("div", {
     className: `${classPrefix}-footer`
   }, showSecondaryButton && React.createElement(Button, {
     block: true,

package/2x/es/components/scroll-mask/scroll-mask.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import type { FC, RefObject } from 'react';
 export declare type ScrollMaskProps = {
     scrollTrackRef: RefObject<HTMLElement>;
 };

package/2x/es/components/search-bar/search-bar.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { InputRef, InputProps } from '../input';
 import { NativeProps } from '../../utils/native-props';
 export declare type SearchBarRef = InputRef;

package/2x/es/components/selector/check-mark.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CheckMark: React.MemoExoticComponent<() => JSX.Element>;
+export declare const CheckMark: React.MemoExoticComponent<() => React.JSX.Element>;

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

@@ -1,13 +1,15 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { GridProps } from '../grid';
+import type { FieldNamesType, BaseOptionType } from '../../hooks';
 declare type SelectorValue = string | number;
-export interface SelectorOption<V> {
-    label: ReactNode;
+export declare type SelectorOption<V> = {
+    label?: ReactNode;
     description?: ReactNode;
-    value: V;
+    value?: V;
     disabled?: boolean;
-}
+} & BaseOptionType;
 export declare type SelectorProps<V> = {
     options: SelectorOption<V>[];
     columns?: GridProps['columns'];
@@ -19,6 +21,7 @@ export declare type SelectorProps<V> = {
         items: SelectorOption<V>[];
     }) => void;
     showCheckMark?: boolean;
+    fieldNames?: FieldNamesType;
 } & NativeProps<'--color' | '--checked-color' | '--text-color' | '--checked-text-color' | '--border' | '--checked-border' | '--border-radius' | '--padding' | '--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Selector: <V extends SelectorValue>(p: SelectorProps<V>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

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

@@ -7,6 +7,7 @@ import Grid from '../grid';
 import { usePropsValue } from '../../utils/use-props-value';
 import { CheckMark } from './check-mark';
 import { useConfig } from '../config-provider';
+import { useFieldNames } from '../../hooks';
 const classPrefix = `adm-selector`;
 const defaultProps = {
   multiple: false,
@@ -15,6 +16,7 @@ const defaultProps = {
 };
 export const Selector = p => {
   const props = mergeProps(defaultProps, p);
+  const [labelName, valueName,, disabledName] = useFieldNames(props.fieldNames);
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -22,7 +24,7 @@ export const Selector = p => {
       var _a;
       const extend = {
         get items() {
-          return props.options.filter(option => val.includes(option.value));
+          return props.options.filter(option => val.includes(option[valueName]));
         }
       };
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
@@ -32,31 +34,31 @@ export const Selector = p => {
     locale
   } = useConfig();
   const items = props.options.map(option => {
-    const active = (value || []).includes(option.value);
-    const disabled = option.disabled || props.disabled;
+    const active = (value || []).includes(option[valueName]);
+    const disabled = option[disabledName] || props.disabled;
     const itemCls = classNames(`${classPrefix}-item`, {
       [`${classPrefix}-item-active`]: active && !props.multiple,
       [`${classPrefix}-item-multiple-active`]: active && props.multiple,
       [`${classPrefix}-item-disabled`]: disabled
     });
     return React.createElement("div", {
-      key: option.value,
+      key: option[valueName],
       className: itemCls,
       onClick: () => {
         if (disabled) {
           return;
         }
         if (props.multiple) {
-          const val = active ? value.filter(v => v !== option.value) : [...value, option.value];
+          const val = active ? value.filter(v => v !== option[valueName]) : [...value, option[valueName]];
           setValue(val);
         } else {
-          const val = active ? [] : [option.value];
+          const val = active ? [] : [option[valueName]];
           setValue(val);
         }
       },
       role: 'option',
       "aria-selected": active && !props.multiple || active && props.multiple
-    }, option.label, option.description && React.createElement("div", {
+    }, option[labelName], option.description && React.createElement("div", {
       className: `${classPrefix}-item-description`
     }, option.description), active && props.showCheckMark && React.createElement("div", {
       className: `${classPrefix}-check-mark-wrapper`
@@ -66,9 +68,9 @@ export const Selector = p => {
     className: classPrefix,
     role: 'listbox',
     "aria-label": locale.Selector.name
-  }, !props.columns && React.createElement(Space, {
-    wrap: true
-  }, items), props.columns && React.createElement(Grid, {
+  }, props.columns ? React.createElement(Grid, {
     columns: props.columns
+  }, items) : React.createElement(Space, {
+    wrap: true
   }, items)));
 };

package/2x/es/components/side-bar/side-bar.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { BadgeProps } from '../badge';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {
@@ -11,6 +11,6 @@ export declare type SideBarProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--width' | '--height' | '--item-border-radius' | '--background-color'>;
 export declare const SideBar: FC<SideBarProps>;

package/2x/es/components/slider/marks.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 export declare type SliderMarks = {
-    [key: number]: React.ReactNode;
+    [key: number]: ReactNode;
 };
 declare type MarksProps = {
     marks: SliderMarks;

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { SliderMarks } from './marks';
 export declare type SliderValue = number | [number, number];

package/2x/es/components/slider/thumb-icon.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare const ThumbIcon: FC<NativeProps>;

package/2x/es/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, RefObject, ReactNode } from 'react';
+import type { FC, RefObject, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type ThumbProps = {
     value: number;
@@ -7,7 +7,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     popover: boolean | ((value: number) => ReactNode);
     residentPopover: boolean;
 } & NativeProps;

package/2x/es/components/slider/ticks.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 declare type TicksProps = {
     points: number[];
     max: number;

package/2x/es/components/space/space.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 SpaceProps = {
     direction?: 'horizontal' | 'vertical';
@@ -7,6 +8,6 @@ export declare type SpaceProps = {
     wrap?: boolean;
     block?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Space: FC<SpaceProps>;

package/2x/es/components/steps/step.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 StepProps = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
     status?: 'wait' | 'process' | 'finish' | 'error';
 } & NativeProps;
 export declare const Step: FC<StepProps>;

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

@@ -1,10 +1,10 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Direction = 'horizontal' | 'vertical';
 export declare type StepsProps = {
     current?: number;
     direction?: Direction;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--title-font-size' | '--description-font-size' | '--indicator-margin-right' | '--icon-size'>;
 export declare const Steps: FC<StepsProps>;
 export {};

package/2x/es/components/swipe-action/swipe-action.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 { PropagationEvent } from '../../utils/with-stop-propagation';
 declare type SideType = 'left' | 'right';

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

@@ -92,7 +92,6 @@ export const SwipeAction = forwardRef((p, ref) => {
         right: leftWidth
       };
     },
-    // rubberband: true,
     axis: 'x',
     preventScroll: true,
     pointer: {

package/2x/es/components/swiper/swiper-item.d.ts

@@ -1,8 +1,9 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Props = {
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const SwiperItem: FC<Props>;
 export {};

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

@@ -1,4 +1,5 @@
-import React, { ReactElement, ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode, ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
 declare const eventToPropRecord: {

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

@@ -72,7 +72,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: 0 16px 0 calc(var(--height) - var(--border-width) + 8px);
+  margin: 0 16px 0 calc(var(--height) - var(--border-width) + 10px);
   height: 100%;
   color: var(--adm-color-weak);
   transition: margin 200ms;
@@ -92,7 +92,7 @@
 }
 
 .adm-switch.adm-switch-checked .adm-switch-inner {
-  margin: 0 calc(var(--height) - var(--border-width) + 10px) 0 20px;
+  margin: 0 calc(var(--height) - var(--border-width) + 10px) 0 16px;
   color: var(--adm-color-text-light-solid);
 }
 

package/2x/es/components/switch/switch.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 SwitchProps = {
     loading?: boolean;

package/2x/es/components/tab-bar/tab-bar.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {
@@ -12,6 +12,6 @@ export declare type TabBarProps = {
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
     safeArea?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const TabBar: FC<TabBarProps>;

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

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type TabProps = {
     title: ReactNode;
@@ -14,6 +14,7 @@ export declare type TabsProps = {
     activeLineMode?: 'auto' | 'full' | 'fixed';
     stretch?: boolean;
     onChange?: (key: string) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
+    direction?: 'ltr' | 'rtl';
 } & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding' | '--active-title-color' | '--active-line-color'>;
 export declare const Tabs: FC<TabsProps>;