antd-mobile 5.24.2 → 5.25.0

package/2x/bundle/style.css

@@ -223,6 +223,7 @@ div.adm-px-tester {
   cursor: pointer;
   padding: 8px;
   font-size: 36px;
+  line-height: 1;
   color: var(--adm-color-weak);
 }
 

package/2x/cjs/components/cascader-view/cascader-view.d.ts

@@ -16,7 +16,7 @@ export declare type CascaderViewProps = {
     value?: CascaderValue[];
     defaultValue?: CascaderValue[];
     onChange?: (value: CascaderValue[], extend: CascaderValueExtend) => void;
-    placeholder?: string;
+    placeholder?: string | ((index: number) => string);
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
 } & NativeProps<'--height'>;

package/2x/cjs/components/cascader-view/cascader-view.js

@@ -27,9 +27,8 @@ const CascaderView = p => {
   const {
     locale
   } = (0, _configProvider.useConfig)();
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, {
-    placeholder: locale.Cascader.placeholder
-  }, p);
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const placeholder = props.placeholder || locale.Cascader.placeholder;
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -98,7 +97,7 @@ const CascaderView = p => {
       key: index.toString(),
       title: _react.default.createElement("div", {
         className: `${classPrefix}-header-title`
-      }, selected ? selected.label : props.placeholder),
+      }, selected ? selected.label : typeof placeholder === 'function' ? placeholder(index) : placeholder),
       forceRender: true
     }, _react.default.createElement("div", {
       className: `${classPrefix}-content`

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

@@ -67,6 +67,9 @@ const ImageUploader = p => {
       return transformedFile;
     });
   }
+  function getFinalTasks(tasks) {
+    return props.showFailed ? tasks : tasks.filter(task => task.status !== 'fail');
+  }
   function onChange(e) {
     var _a;
     return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
@@ -100,7 +103,7 @@ const ImageUploader = p => {
         status: 'pending',
         file
       }));
-      setTasks(prev => [...prev, ...newTasks]);
+      setTasks(prev => [...getFinalTasks(prev), ...newTasks]);
       yield Promise.all(newTasks.map(currentTask => (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
         try {
           const result = yield props.upload(currentTask.file);
@@ -149,7 +152,8 @@ const ImageUploader = p => {
     var _a;
     (_a = imageViewerHandlerRef.current) === null || _a === void 0 ? void 0 : _a.close();
   });
-  const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
+  const finalTasks = getFinalTasks(tasks);
+  const showUpload = props.showUpload && (maxCount === 0 || value.length + finalTasks.length < maxCount);
   const renderImages = () => {
     return value.map((fileItem, index) => {
       var _a, _b;
@@ -180,10 +184,7 @@ const ImageUploader = p => {
     className: `${classPrefix}-space`,
     wrap: true,
     block: true
-  }, renderImages(), tasks.map(task => {
-    if (!props.showFailed && task.status === 'fail') {
-      return null;
-    }
+  }, renderImages(), finalTasks.map(task => {
     return _react.default.createElement(_previewItem.default, {
       key: task.id,
       file: task.file,
@@ -191,7 +192,7 @@ const ImageUploader = p => {
       status: task.status,
       imageFit: props.imageFit,
       onDelete: () => {
-        setTasks(tasks.filter(x => x.id !== task.id));
+        setTasks(prev => prev.filter(x => x.id !== task.id));
       }
     });
   }), showUpload && _react.default.createElement("div", {

package/2x/cjs/components/image-viewer/image-viewer.d.ts

@@ -3,7 +3,7 @@ import { GetContainer } from '../../utils/render-to-container';
 import { SlidesRef } from './slides';
 export declare type ImageViewerProps = {
     image?: string;
-    maxZoom?: number;
+    maxZoom?: number | 'auto';
     getContainer?: GetContainer;
     visible?: boolean;
     onClose?: () => void;

package/2x/cjs/components/image-viewer/slide.d.ts

@@ -1,7 +1,7 @@
 import { FC, MutableRefObject } from 'react';
 declare type Props = {
     image: string;
-    maxZoom: number;
+    maxZoom: number | 'auto';
     onTap: () => void;
     onZoomChange?: (zoom: number) => void;
     dragLockRef?: MutableRefObject<boolean>;

package/2x/cjs/components/image-viewer/slide.js

@@ -16,7 +16,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const classPrefix = `adm-image-viewer`;
 const Slide = props => {
   const {
-    dragLockRef
+    dragLockRef,
+    maxZoom
   } = props;
   const controlRef = (0, _react.useRef)(null);
   const imgRef = (0, _react.useRef)(null);
@@ -98,7 +99,13 @@ const Slide = props => {
       pinchLockRef.current = !state.last;
       const [d] = state.offset;
       if (d < 0) return;
-      const nextZoom = state.last ? (0, _bound.bound)(d, 1, props.maxZoom) : d;
+      let mergedMaxZoom;
+      if (maxZoom === 'auto') {
+        mergedMaxZoom = controlSize && imgSize ? Math.max(controlSize.height / imgSize.height, controlSize.width / imgSize.width) : 1;
+      } else {
+        mergedMaxZoom = maxZoom;
+      }
+      const nextZoom = state.last ? (0, _bound.bound)(d, 1, mergedMaxZoom) : d;
       (_a = props.onZoomChange) === null || _a === void 0 ? void 0 : _a.call(props, nextZoom);
       if (state.last && nextZoom <= 1) {
         api.start({

package/2x/cjs/components/popup/popup.css

@@ -63,5 +63,6 @@
   cursor: pointer;
   padding: 8px;
   font-size: 36px;
+  line-height: 1;
   color: var(--adm-color-weak);
 }

package/2x/cjs/components/slider/thumb.js

@@ -7,8 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@use-gesture/react");
 var _thumbIcon = require("./thumb-icon");
-var _popover = require("../popover/popover");
+var _popover = _interopRequireDefault(require("../popover"));
 var _configProvider = require("../config-provider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const classPrefix = `adm-slider`;
@@ -67,7 +68,7 @@ const Thumb = props => {
     "aria-valuemin": min,
     "aria-valuenow": value,
     "aria-disabled": disabled
-  }), renderPopoverContent ? _react.default.createElement(_popover.Popover, {
+  }), renderPopoverContent ? _react.default.createElement(_popover.default, {
     content: renderPopoverContent(value),
     placement: 'top',
     visible: residentPopover || dragging,

package/2x/cjs/index.d.ts

@@ -1,84 +1,164 @@
 import './global';
 export { setDefaultConfig } from './components/config-provider';
 export { default as ActionSheet } from './components/action-sheet';
+export type { ActionSheetProps } from './components/action-sheet';
 export { default as AutoCenter } from './components/auto-center';
+export type { AutoCenterProps } from './components/auto-center';
 export { default as Avatar } from './components/avatar';
+export type { AvatarProps } from './components/avatar';
 export { default as Badge } from './components/badge';
+export type { BadgeProps } from './components/badge';
 export { default as Button } from './components/button';
+export type { ButtonProps, ButtonRef } from './components/button';
 export { default as Calendar } from './components/calendar';
+export type { CalendarProps, CalendarRef } from './components/calendar';
 export { default as CapsuleTabs } from './components/capsule-tabs';
+export type { CapsuleTabsProps, CapsuleTabProps, } from './components/capsule-tabs';
 export { default as Card } from './components/card';
+export type { CardProps } from './components/card';
 export { default as CascadePicker } from './components/cascade-picker';
+export type { CascadePickerProps, CascadePickerOption, CascadePickerRef, } from './components/cascade-picker';
 export { default as CascadePickerView } from './components/cascade-picker-view';
+export type { CascadePickerViewProps } from './components/cascade-picker-view';
 export { default as Cascader } from './components/cascader';
+export type { CascaderProps, CascaderRef } from './components/cascader';
 export { default as CascaderView } from './components/cascader-view';
+export type { CascaderViewProps, CascaderOption, } from './components/cascader-view';
 export { default as CenterPopup } from './components/center-popup';
+export type { CenterPopupProps } from './components/center-popup';
 export { default as CheckList } from './components/check-list';
+export type { CheckListProps, CheckListItemProps, } from './components/check-list';
 export { default as Checkbox } from './components/checkbox';
+export type { CheckboxProps, CheckboxGroupProps, CheckboxRef, } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
+export type { CollapseProps, CollapsePanelProps } from './components/collapse';
 export { default as ConfigProvider } from './components/config-provider';
+export type { ConfigProviderProps } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
+export type { DatePickerProps, DatePickerRef } from './components/date-picker';
 export { default as DatePickerView } from './components/date-picker-view';
+export type { DatePickerViewProps } from './components/date-picker-view';
 export { default as Dialog } from './components/dialog';
+export type { DialogProps, DialogShowProps, DialogAlertProps, DialogConfirmProps, } from './components/dialog';
 export { default as Divider } from './components/divider';
+export type { DividerProps } from './components/divider';
 export { default as DotLoading } from './components/dot-loading';
+export type { DotLoadingProps } from './components/dot-loading';
 export { default as Dropdown } from './components/dropdown';
+export type { DropdownProps, DropdownItemProps, DropdownRef, } from './components/dropdown';
 export { default as Ellipsis } from './components/ellipsis';
+export type { EllipsisProps } from './components/ellipsis';
 export { default as Empty } from './components/empty';
+export type { EmptyProps } from './components/empty';
 export { default as ErrorBlock } from './components/error-block';
+export type { ErrorBlockProps, ErrorBlockStatus, } from './components/error-block';
 export { default as FloatingBubble } from './components/floating-bubble';
+export type { FloatingBubbleProps } from './components/floating-bubble';
 export { default as FloatingPanel } from './components/floating-panel';
+export type { FloatingPanelProps, FloatingPanelRef, } from './components/floating-panel';
 export { default as Form } from './components/form';
+export type { FormProps, FormItemProps } from './components/form';
 export { default as Grid } from './components/grid';
+export type { GridProps, GridItemProps } from './components/grid';
 export { default as Image } from './components/image';
+export type { ImageProps } from './components/image';
 export { default as ImageUploader } from './components/image-uploader';
+export type { ImageUploaderProps, ImageUploadItem, } from './components/image-uploader';
 export { default as ImageViewer } from './components/image-viewer';
+export type { ImageViewerProps, MultiImageViewerProps, MultiImageViewerRef, } from './components/image-viewer';
 export { default as IndexBar } from './components/index-bar';
+export type { IndexBarProps, IndexBarPanelProps, IndexBarRef, } from './components/index-bar';
 export { default as InfiniteScroll } from './components/infinite-scroll';
+export type { InfiniteScrollProps } from './components/infinite-scroll';
 export { default as Input } from './components/input';
+export type { InputProps, InputRef } from './components/input';
 export { default as JumboTabs } from './components/jumbo-tabs';
+export type { JumboTabsProps, JumboTabProps } from './components/jumbo-tabs';
 export { default as List } from './components/list';
+export type { ListProps, ListItemProps, ListRef } from './components/list';
 export { default as Loading } from './components/loading';
+export type { LoadingProps } from './components/loading';
 export { default as Mask } from './components/mask';
+export type { MaskProps } from './components/mask';
 export { default as Modal } from './components/modal';
+export type { ModalProps, ModalShowProps, ModalAlertProps, ModalConfirmProps, } from './components/modal';
 export { default as NavBar } from './components/nav-bar';
+export type { NavBarProps } from './components/nav-bar';
 export { default as NoticeBar } from './components/notice-bar';
+export type { NoticeBarProps } from './components/notice-bar';
 export { default as NumberKeyboard } from './components/number-keyboard';
+export type { NumberKeyboardProps } from './components/number-keyboard';
 export { default as PageIndicator } from './components/page-indicator';
+export type { PageIndicatorProps } from './components/page-indicator';
 export { default as PasscodeInput } from './components/passcode-input';
+export type { PasscodeInputProps, PasscodeInputRef, } from './components/passcode-input';
 export { default as Picker } from './components/picker';
+export type { PickerProps, PickerRef } from './components/picker';
 export { default as PickerView } from './components/picker-view';
+export type { PickerViewProps } from './components/picker-view';
 export { default as Popover } from './components/popover';
+export type { PopoverProps, PopoverMenuProps, PopoverRef, } from './components/popover';
 export { default as Popup } from './components/popup';
+export type { PopupProps } from './components/popup';
 export { default as ProgressBar } from './components/progress-bar';
+export type { ProgressBarProps } from './components/progress-bar';
 export { default as ProgressCircle } from './components/progress-circle';
+export type { ProgressCircleProps } from './components/progress-circle';
 export { default as PullToRefresh } from './components/pull-to-refresh';
+export type { PullToRefreshProps } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
+export type { RadioProps, RadioGroupProps } from './components/radio';
 export { default as Rate } from './components/rate';
+export type { RateProps } from './components/rate';
 export { default as Result } from './components/result';
+export type { ResultProps } from './components/result';
 export { default as ResultPage } from './components/result-page';
+export type { ResultPageProps } from './components/result-page';
 export { default as SafeArea } from './components/safe-area';
+export type { SafeAreaProps } from './components/safe-area';
 export { default as ScrollMask } from './components/scroll-mask';
+export type { ScrollMaskProps } from './components/scroll-mask';
 export { default as SearchBar } from './components/search-bar';
+export type { SearchBarProps, SearchBarRef } from './components/search-bar';
 export { default as Selector } from './components/selector';
+export type { SelectorProps, SelectorOption } from './components/selector';
 export { default as SideBar } from './components/side-bar';
+export type { SideBarProps, SideBarItemProps } from './components/side-bar';
 export { default as Skeleton } from './components/skeleton';
+export type { SkeletonProps, SkeletonTitleProps } from './components/skeleton';
 export { default as Slider } from './components/slider';
+export type { SliderProps } from './components/slider';
 export { default as Space } from './components/space';
+export type { SpaceProps } from './components/space';
 export { default as SpinLoading } from './components/spin-loading';
-export { default as Stepper } from './components//stepper';
+export type { SpinLoadingProps } from './components/spin-loading';
+export { default as Stepper } from './components/stepper';
+export type { StepperProps } from './components/stepper';
 export { default as Steps } from './components/steps';
+export type { StepsProps, StepProps } from './components/steps';
 export { default as SwipeAction } from './components/swipe-action';
+export type { SwipeActionProps, SwipeActionRef, } from './components/swipe-action';
 export { default as Swiper } from './components/swiper';
+export type { SwiperProps, SwiperRef } from './components/swiper';
 export { default as Switch } from './components/switch';
+export type { SwitchProps } from './components/switch';
 export { default as TabBar } from './components/tab-bar';
+export type { TabBarProps, TabBarItemProps } from './components/tab-bar';
 export { default as Tabs } from './components/tabs';
+export type { TabsProps, TabProps } from './components/tabs';
 export { default as Tag } from './components/tag';
+export type { TagProps } from './components/tag';
 export { default as TextArea } from './components/text-area';
+export type { TextAreaProps, TextAreaRef } from './components/text-area';
 export { default as Toast } from './components/toast';
+export type { ToastShowProps } from './components/toast';
 export { default as TreeSelect } from './components/tree-select';
+export type { TreeSelectProps, TreeSelectOption, } from './components/tree-select';
 export { default as VirtualInput } from './components/virtual-input';
+export type { VirtualInputProps, VirtualInputRef, } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
+export type { WaterMarkProps } from './components/water-mark';
 export { default as Footer } from './components/footer';
+export type { FooterProps } from './components/footer';
 export { createErrorBlock } from './components/error-block';
 export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';

package/2x/cjs/index.js

@@ -574,7 +574,7 @@ var _skeleton = _interopRequireDefault(require("./components/skeleton"));
 var _slider = _interopRequireDefault(require("./components/slider"));
 var _space = _interopRequireDefault(require("./components/space"));
 var _spinLoading = _interopRequireDefault(require("./components/spin-loading"));
-var _stepper = _interopRequireDefault(require("./components//stepper"));
+var _stepper = _interopRequireDefault(require("./components/stepper"));
 var _steps = _interopRequireDefault(require("./components/steps"));
 var _swipeAction = _interopRequireDefault(require("./components/swipe-action"));
 var _swiper = _interopRequireDefault(require("./components/swiper"));

package/2x/es/components/cascader-view/cascader-view.d.ts

@@ -16,7 +16,7 @@ export declare type CascaderViewProps = {
     value?: CascaderValue[];
     defaultValue?: CascaderValue[];
     onChange?: (value: CascaderValue[], extend: CascaderValueExtend) => void;
-    placeholder?: string;
+    placeholder?: string | ((index: number) => string);
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
 } & NativeProps<'--height'>;

package/2x/es/components/cascader-view/cascader-view.js

@@ -18,9 +18,8 @@ export const CascaderView = p => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps, {
-    placeholder: locale.Cascader.placeholder
-  }, p);
+  const props = mergeProps(defaultProps, p);
+  const placeholder = props.placeholder || locale.Cascader.placeholder;
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -89,7 +88,7 @@ export const CascaderView = p => {
       key: index.toString(),
       title: React.createElement("div", {
         className: `${classPrefix}-header-title`
-      }, selected ? selected.label : props.placeholder),
+      }, selected ? selected.label : typeof placeholder === 'function' ? placeholder(index) : placeholder),
       forceRender: true
     }, React.createElement("div", {
       className: `${classPrefix}-content`

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

@@ -58,6 +58,9 @@ export const ImageUploader = p => {
       return transformedFile;
     });
   }
+  function getFinalTasks(tasks) {
+    return props.showFailed ? tasks : tasks.filter(task => task.status !== 'fail');
+  }
   function onChange(e) {
     var _a;
     return __awaiter(this, void 0, void 0, function* () {
@@ -91,7 +94,7 @@ export const ImageUploader = p => {
         status: 'pending',
         file
       }));
-      setTasks(prev => [...prev, ...newTasks]);
+      setTasks(prev => [...getFinalTasks(prev), ...newTasks]);
       yield Promise.all(newTasks.map(currentTask => __awaiter(this, void 0, void 0, function* () {
         try {
           const result = yield props.upload(currentTask.file);
@@ -140,7 +143,8 @@ export const ImageUploader = p => {
     var _a;
     (_a = imageViewerHandlerRef.current) === null || _a === void 0 ? void 0 : _a.close();
   });
-  const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
+  const finalTasks = getFinalTasks(tasks);
+  const showUpload = props.showUpload && (maxCount === 0 || value.length + finalTasks.length < maxCount);
   const renderImages = () => {
     return value.map((fileItem, index) => {
       var _a, _b;
@@ -171,10 +175,7 @@ export const ImageUploader = p => {
     className: `${classPrefix}-space`,
     wrap: true,
     block: true
-  }, renderImages(), tasks.map(task => {
-    if (!props.showFailed && task.status === 'fail') {
-      return null;
-    }
+  }, renderImages(), finalTasks.map(task => {
     return React.createElement(PreviewItem, {
       key: task.id,
       file: task.file,
@@ -182,7 +183,7 @@ export const ImageUploader = p => {
       status: task.status,
       imageFit: props.imageFit,
       onDelete: () => {
-        setTasks(tasks.filter(x => x.id !== task.id));
+        setTasks(prev => prev.filter(x => x.id !== task.id));
       }
     });
   }), showUpload && React.createElement("div", {

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

@@ -3,7 +3,7 @@ import { GetContainer } from '../../utils/render-to-container';
 import { SlidesRef } from './slides';
 export declare type ImageViewerProps = {
     image?: string;
-    maxZoom?: number;
+    maxZoom?: number | 'auto';
     getContainer?: GetContainer;
     visible?: boolean;
     onClose?: () => void;

package/2x/es/components/image-viewer/slide.d.ts

@@ -1,7 +1,7 @@
 import { FC, MutableRefObject } from 'react';
 declare type Props = {
     image: string;
-    maxZoom: number;
+    maxZoom: number | 'auto';
     onTap: () => void;
     onZoomChange?: (zoom: number) => void;
     dragLockRef?: MutableRefObject<boolean>;

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

@@ -8,7 +8,8 @@ import * as mat from '../../utils/matrix';
 const classPrefix = `adm-image-viewer`;
 export const Slide = props => {
   const {
-    dragLockRef
+    dragLockRef,
+    maxZoom
   } = props;
   const controlRef = useRef(null);
   const imgRef = useRef(null);
@@ -90,7 +91,13 @@ export const Slide = props => {
       pinchLockRef.current = !state.last;
       const [d] = state.offset;
       if (d < 0) return;
-      const nextZoom = state.last ? bound(d, 1, props.maxZoom) : d;
+      let mergedMaxZoom;
+      if (maxZoom === 'auto') {
+        mergedMaxZoom = controlSize && imgSize ? Math.max(controlSize.height / imgSize.height, controlSize.width / imgSize.width) : 1;
+      } else {
+        mergedMaxZoom = maxZoom;
+      }
+      const nextZoom = state.last ? bound(d, 1, mergedMaxZoom) : d;
       (_a = props.onZoomChange) === null || _a === void 0 ? void 0 : _a.call(props, nextZoom);
       if (state.last && nextZoom <= 1) {
         api.start({

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

@@ -63,5 +63,6 @@
   cursor: pointer;
   padding: 8px;
   font-size: 36px;
+  line-height: 1;
   color: var(--adm-color-weak);
 }

package/2x/es/components/slider/thumb.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { ThumbIcon } from './thumb-icon';
-import { Popover } from '../popover/popover';
+import Popover from '../popover';
 import { useConfig } from '../config-provider';
 const classPrefix = `adm-slider`;
 const Thumb = props => {