antd-mobile 5.41.0-alpha.2 → 5.41.0-alpha.4

package/cjs/components/avatar/avatar.d.ts

@@ -1,9 +1,11 @@
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ImageProps } from '../image';
 export declare type AvatarProps = {
     src: string;
     fallback?: ReactNode;
     fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
+    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, Event>) => void;
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
 export declare const Avatar: FC<AvatarProps>;

package/cjs/components/avatar/avatar.js

@@ -7,8 +7,8 @@ exports.Avatar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
-var _fallback = require("./fallback");
 var _image = _interopRequireDefault(require("../image"));
+var _fallback = require("./fallback");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = 'adm-avatar';
 const defaultProps = {
@@ -16,10 +16,12 @@ const defaultProps = {
   fit: 'cover'
 };
 const Avatar = p => {
+  var _a;
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const mergedSrc = ((_a = props.src) === null || _a === void 0 ? void 0 : _a.trim()) || undefined;
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_image.default, {
     className: classPrefix,
-    src: props.src,
+    src: mergedSrc,
     fallback: props.fallback,
     placeholder: props.fallback,
     alt: props.alt,

package/cjs/components/calendar/calendar.js

@@ -96,12 +96,12 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
   };
   const header = _react.default.createElement("div", {
     className: `${classPrefix}-header`
-  }, _react.default.createElement("a", {
+  }, props.prevYearButton !== null && _react.default.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-year`,
     onClick: () => {
       handlePageChange('subtract', 1, 'year');
     }
-  }, props.prevYearButton), _react.default.createElement("a", {
+  }, props.prevYearButton), props.prevMonthButton !== null && _react.default.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-month`,
     onClick: () => {
       handlePageChange('subtract', 1, 'month');
@@ -111,12 +111,12 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
   }, (0, _replaceMessage.replaceMessage)(locale.Calendar.yearAndMonth, {
     year: current.year().toString(),
     month: (current.month() + 1).toString()
-  })), _react.default.createElement("a", {
+  })), props.nextMonthButton !== null && _react.default.createElement("a", {
     className: (0, _classnames.default)(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');
     }
-  }, props.nextMonthButton), _react.default.createElement("a", {
+  }, props.nextMonthButton), props.nextYearButton !== null && _react.default.createElement("a", {
     className: (0, _classnames.default)(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-year`),
     onClick: () => {
       handlePageChange('add', 1, 'year');

package/cjs/components/image/image.d.ts

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

package/cjs/components/image/image.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Image = void 0;
-var _withDefaultProps = require("../../utils/with-default-props");
 var _react = _interopRequireWildcard(require("react"));
-var _nativeProps = require("../../utils/native-props");
 var _stagedComponents = require("staged-components");
+var _nativeProps = require("../../utils/native-props");
 var _toCssLength = require("../../utils/to-css-length");
-var _lazyDetector = require("./lazy-detector");
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-var _imageIcon = require("./image-icon");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _brokenImageIcon = require("./broken-image-icon");
+var _imageIcon = require("./image-icon");
+var _lazyDetector = require("./lazy-detector");
 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-image`;
@@ -50,7 +50,7 @@ const Image = (0, _stagedComponents.staged)(p => {
     }
   }, []);
   function renderInner() {
-    if (failed) {
+    if (failed || src === undefined && !srcSet) {
       return _react.default.createElement(_react.default.Fragment, null, props.fallback);
     }
     const img = _react.default.createElement("img", {

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

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode, RefObject } from 'react';
 import React from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { SlidesRef } from './slides';
@@ -10,7 +10,8 @@ export declare type ImageViewerProps = {
     onClose?: () => void;
     afterClose?: () => void;
     renderFooter?: (image: string) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
     classNames?: {
@@ -25,7 +26,8 @@ export declare type MultiImageViewerProps = Omit<ImageViewerProps, 'image' | 're
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
     renderFooter?: (image: string, index: number) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
 };
@@ -34,7 +36,8 @@ export declare const MultiImageViewer: React.ForwardRefExoticComponent<Omit<Imag
     defaultIndex?: number | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
     renderFooter?: ((image: string, index: number) => ReactNode) | undefined;
-    imageRender?: ((image: string, { index }: {
+    imageRender?: ((image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode) | undefined;
 } & React.RefAttributes<SlidesRef>>;

package/cjs/components/image-viewer/index.d.ts

@@ -8,7 +8,8 @@ declare const _default: import("react").FC<import("./image-viewer").ImageViewerP
         defaultIndex?: number | undefined;
         onIndexChange?: ((index: number) => void) | undefined;
         renderFooter?: ((image: string, index: number) => import("react").ReactNode) | undefined;
-        imageRender?: ((image: string, { index }: {
+        imageRender?: ((image: string, { ref, index }: {
+            ref: import("react").RefObject<HTMLImageElement>;
             index: number;
         }) => import("react").ReactNode) | undefined;
     } & import("react").RefAttributes<import("./slides").SlidesRef>> & {

package/cjs/components/image-viewer/methods.js

@@ -7,8 +7,8 @@ exports.clearImageViewer = clearImageViewer;
 exports.showImageViewer = showImageViewer;
 exports.showMultiImageViewer = showMultiImageViewer;
 var _react = _interopRequireDefault(require("react"));
-var _imageViewer = require("./image-viewer");
 var _renderImperatively = require("../../utils/render-imperatively");
+var _imageViewer = require("./image-viewer");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const handlerSet = new Set();
 function showImageViewer(props) {

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

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

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

@@ -230,7 +230,8 @@ const Slide = props => {
     }
   });
   const customRendering = typeof imageRender === 'function' && imageRender(props.image, {
-    index
+    ref: imgRef,
+    index: index !== null && index !== void 0 ? index : 0
   });
   return _react.default.createElement("div", {
     className: `${classPrefix}-slide`

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

@@ -1,11 +1,12 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 export declare type SlidesType = {
     images: string[];
     onTap?: () => void;
     maxZoom: number;
     defaultIndex: number;
     onIndexChange?: (index: number) => void;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
 };

package/cjs/components/swiper/swiper.d.ts

@@ -1,5 +1,5 @@
+import type { CSSProperties, 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: {
@@ -59,10 +59,10 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     /**
      * renderProps is only work when `total` used
      */
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | ((index: number) => ReactElement) | undefined;
+    children?: ReactElement<any, string | React.JSXElementConstructor<any>> | ReactElement<any, string | React.JSXElementConstructor<any>>[] | ((index: number) => ReactElement) | undefined;
 } & {
     className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
+    style?: (CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
 export {};

package/cjs/components/swiper/swiper.js

@@ -4,23 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Swiper = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _nativeProps = require("../../utils/native-props");
-var _withDefaultProps = require("../../utils/with-default-props");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _swiperItem = require("./swiper-item");
-var _devLog = require("../../utils/dev-log");
 var _web = require("@react-spring/web");
-var _react2 = require("@use-gesture/react");
-var _pageIndicator = _interopRequireDefault(require("../page-indicator"));
+var _react = require("@use-gesture/react");
+var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _stagedComponents = require("staged-components");
-var _useRefState = require("../../utils/use-ref-state");
 var _bound = require("../../utils/bound");
-var _ahooks = require("ahooks");
+var _devLog = require("../../utils/dev-log");
+var _nativeProps = require("../../utils/native-props");
+var _useRefState = require("../../utils/use-ref-state");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _withFuncProps = require("../../utils/with-func-props");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _pageIndicator = _interopRequireDefault(require("../page-indicator"));
+var _swiperItem = require("./swiper-item");
 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-swiper`;
 const eventToPropRecord = {
   'mousedown': 'onMouseDown',
@@ -41,7 +42,7 @@ const defaultProps = {
   stopPropagation: []
 };
 let currentUid;
-const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
+const Swiper = (0, _react2.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     direction,
@@ -49,8 +50,8 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     children,
     indicator
   } = props;
-  const [uid] = (0, _react.useState)({});
-  const timeoutRef = (0, _react.useRef)(null);
+  const [uid] = (0, _react2.useState)({});
+  const timeoutRef = (0, _react2.useRef)(null);
   const isVertical = direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -58,21 +59,22 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     validChildren,
     count,
     renderChildren
-  } = (0, _react.useMemo)(() => {
+  } = (0, _react2.useMemo)(() => {
     let count = 0;
     let renderChildren = undefined;
     let validChildren = undefined;
     if (typeof children === 'function') {
       renderChildren = children;
     } else {
-      validChildren = _react.default.Children.map(children, child => {
-        if (!_react.default.isValidElement(child)) return null;
+      const childrenArray = (0, _toArray.default)(children);
+      validChildren = childrenArray.filter(child => {
+        if (!_react2.default.isValidElement(child)) return null;
         if (child.type !== _swiperItem.SwiperItem) {
           (0, _devLog.devWarning)('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
-          return null;
+          return false;
         }
         count++;
-        return child;
+        return true;
       });
     }
     return {
@@ -91,7 +93,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     if (slideRatio * (mergedTotal - 1) < 1) {
       loop = false;
     }
-    const trackRef = (0, _react.useRef)(null);
+    const trackRef = (0, _react2.useRef)(null);
     function getSlidePixels() {
       const track = trackRef.current;
       if (!track) return 0;
@@ -130,13 +132,13 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         });
       }
     }), [mergedTotal]);
-    const dragCancelRef = (0, _react.useRef)(null);
+    const dragCancelRef = (0, _react2.useRef)(null);
     function forceCancelDrag() {
       var _a;
       (_a = dragCancelRef.current) === null || _a === void 0 ? void 0 : _a.call(dragCancelRef);
       draggingRef.current = false;
     }
-    const bind = (0, _react2.useDrag)(state => {
+    const bind = (0, _react.useDrag)(state => {
       dragCancelRef.current = state.cancel;
       if (!state.intentional) return;
       if (state.first && !currentUid) {
@@ -211,7 +213,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     function swipePrev() {
       swipeTo(Math.round(position.get() / 100) - 1);
     }
-    (0, _react.useImperativeHandle)(ref, () => ({
+    (0, _react2.useImperativeHandle)(ref, () => ({
       swipeTo,
       swipeNext,
       swipePrev
@@ -236,7 +238,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         runTimeSwiper();
       }, autoplayInterval);
     };
-    (0, _react.useEffect)(() => {
+    (0, _react2.useEffect)(() => {
       if (!autoplay || dragging) return;
       runTimeSwiper();
       return () => {
@@ -245,7 +247,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     }, [autoplay, autoplayInterval, dragging, mergedTotal]);
     // ============================== Render ==============================
     // Render Item
-    function renderItem(index, child) {
+    function renderItem(index, child, key) {
       let itemStyle = {};
       if (loop) {
         itemStyle = {
@@ -259,15 +261,15 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
           [isVertical ? 'top' : 'left']: `-${index * 100}%`
         };
       }
-      return _react.default.createElement(_web.animated.div, {
+      return _react2.default.createElement(_web.animated.div, {
         className: (0, _classnames.default)(`${classPrefix}-slide`, {
           [`${classPrefix}-slide-active`]: current === index
         }),
         style: itemStyle,
-        key: index
+        key: key !== null && key !== void 0 ? key : index
       }, child);
     }
-    function renderItems() {
+    const renderStableItems = () => {
       if (renderChildren && total) {
         const offsetCount = 2;
         const startIndex = Math.max(current - offsetCount, 0);
@@ -276,25 +278,32 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         for (let index = startIndex; index <= endIndex; index += 1) {
           items.push(renderItem(index, renderChildren(index)));
         }
-        return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+        return _react2.default.createElement(_react2.default.Fragment, null, _react2.default.createElement("div", {
           className: `${classPrefix}-slide-placeholder`,
           style: {
             [isVertical ? 'height' : 'width']: `${startIndex * 100}%`
           }
         }), items);
       }
-      return _react.default.Children.map(validChildren, (child, index) => {
-        return renderItem(index, child);
-      });
+      if (validChildren) {
+        return validChildren.map((child, index) => {
+          var _a;
+          return renderItem(index, child, (_a = child === null || child === void 0 ? void 0 : child.key) !== null && _a !== void 0 ? _a : index);
+        });
+      }
+      return null;
+    };
+    function renderItems() {
+      return renderStableItems();
     }
     // Render Track Inner
     function renderTrackInner() {
       if (loop) {
-        return _react.default.createElement("div", {
+        return _react2.default.createElement("div", {
           className: `${classPrefix}-track-inner`
         }, renderItems());
       } else {
-        return _react.default.createElement(_web.animated.div, {
+        return _react2.default.createElement(_web.animated.div, {
           className: `${classPrefix}-track-inner`,
           style: {
             [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
@@ -320,18 +329,18 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     if (typeof indicator === 'function') {
       indicatorNode = indicator(mergedTotal, current);
     } else if (indicator !== false) {
-      indicatorNode = _react.default.createElement("div", {
+      indicatorNode = _react2.default.createElement("div", {
         className: `${classPrefix}-indicator`
-      }, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
+      }, _react2.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
         total: mergedTotal,
         current: current,
         direction: direction
       })));
     }
-    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    return (0, _nativeProps.withNativeProps)(props, _react2.default.createElement("div", {
       className: (0, _classnames.default)(classPrefix, `${classPrefix}-${direction}`),
       style: style
-    }, _react.default.createElement("div", Object.assign({
+    }, _react2.default.createElement("div", Object.assign({
       ref: trackRef,
       className: (0, _classnames.default)(`${classPrefix}-track`, {
         [`${classPrefix}-track-allow-touch-move`]: props.allowTouchMove

package/cjs/components/virtual-input/virtual-input.css

@@ -48,18 +48,22 @@
 }
 .adm-virtual-input-caret-container {
   display: inline-block;
-  width: var(--caret-width);
+  width: 0;
+  margin: 0;
+  padding: 0;
+  overflow: visible;
   height: 1.3em;
   vertical-align: top;
-  margin-right: 1px;
-  position: absolute;
+  position: relative;
 }
 .adm-virtual-input-caret {
-  width: 100%;
-  height: 100%;
+  width: var(--caret-width);
+  height: 95%;
   background-color: var(--caret-color);
-  position: relative;
+  position: absolute;
   top: 5%;
+  left: 0;
+  z-index: 1;
 }
 .adm-virtual-input:focus {
   outline: none;

package/es/components/avatar/avatar.d.ts

@@ -1,9 +1,11 @@
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ImageProps } from '../image';
 export declare type AvatarProps = {
     src: string;
     fallback?: ReactNode;
     fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
+    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, Event>) => void;
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
 export declare const Avatar: FC<AvatarProps>;

package/es/components/avatar/avatar.js

@@ -1,18 +1,20 @@
 import React from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
-import { Fallback } from './fallback';
 import Image from '../image';
+import { Fallback } from './fallback';
 const classPrefix = 'adm-avatar';
 const defaultProps = {
   fallback: React.createElement(Fallback, null),
   fit: 'cover'
 };
 export const Avatar = p => {
+  var _a;
   const props = mergeProps(defaultProps, p);
+  const mergedSrc = ((_a = props.src) === null || _a === void 0 ? void 0 : _a.trim()) || undefined;
   return withNativeProps(props, React.createElement(Image, {
     className: classPrefix,
-    src: props.src,
+    src: mergedSrc,
     fallback: props.fallback,
     placeholder: props.fallback,
     alt: props.alt,

package/es/components/calendar/calendar.js

@@ -87,12 +87,12 @@ export const Calendar = forwardRef((p, ref) => {
   };
   const header = React.createElement("div", {
     className: `${classPrefix}-header`
-  }, React.createElement("a", {
+  }, props.prevYearButton !== null && React.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-year`,
     onClick: () => {
       handlePageChange('subtract', 1, 'year');
     }
-  }, props.prevYearButton), React.createElement("a", {
+  }, props.prevYearButton), props.prevMonthButton !== null && React.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-month`,
     onClick: () => {
       handlePageChange('subtract', 1, 'month');
@@ -102,12 +102,12 @@ export const Calendar = forwardRef((p, ref) => {
   }, replaceMessage(locale.Calendar.yearAndMonth, {
     year: current.year().toString(),
     month: (current.month() + 1).toString()
-  })), React.createElement("a", {
+  })), props.nextMonthButton !== null && React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');
     }
-  }, props.nextMonthButton), React.createElement("a", {
+  }, props.nextMonthButton), props.nextYearButton !== null && React.createElement("a", {
     className: classNames(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-year`),
     onClick: () => {
       handlePageChange('add', 1, 'year');

package/es/components/image/image.d.ts

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

package/es/components/image/image.js

@@ -1,12 +1,12 @@
-import { mergeProps } from '../../utils/with-default-props';
-import React, { useState, useRef, useEffect } from 'react';
-import { withNativeProps } from '../../utils/native-props';
+import React, { useEffect, useRef, useState } from 'react';
 import { staged } from 'staged-components';
+import { withNativeProps } from '../../utils/native-props';
 import { toCSSLength } from '../../utils/to-css-length';
-import { LazyDetector } from './lazy-detector';
 import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
-import { ImageIcon } from './image-icon';
+import { mergeProps } from '../../utils/with-default-props';
 import { BrokenImageIcon } from './broken-image-icon';
+import { ImageIcon } from './image-icon';
+import { LazyDetector } from './lazy-detector';
 const classPrefix = `adm-image`;
 const defaultProps = {
   fit: 'fill',
@@ -42,7 +42,7 @@ export const Image = staged(p => {
     }
   }, []);
   function renderInner() {
-    if (failed) {
+    if (failed || src === undefined && !srcSet) {
       return React.createElement(React.Fragment, null, props.fallback);
     }
     const img = React.createElement("img", {

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

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode, RefObject } from 'react';
 import React from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { SlidesRef } from './slides';
@@ -10,7 +10,8 @@ export declare type ImageViewerProps = {
     onClose?: () => void;
     afterClose?: () => void;
     renderFooter?: (image: string) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
     classNames?: {
@@ -25,7 +26,8 @@ export declare type MultiImageViewerProps = Omit<ImageViewerProps, 'image' | 're
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
     renderFooter?: (image: string, index: number) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
 };
@@ -34,7 +36,8 @@ export declare const MultiImageViewer: React.ForwardRefExoticComponent<Omit<Imag
     defaultIndex?: number | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
     renderFooter?: ((image: string, index: number) => ReactNode) | undefined;
-    imageRender?: ((image: string, { index }: {
+    imageRender?: ((image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode) | undefined;
 } & React.RefAttributes<SlidesRef>>;

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

@@ -8,7 +8,8 @@ declare const _default: import("react").FC<import("./image-viewer").ImageViewerP
         defaultIndex?: number | undefined;
         onIndexChange?: ((index: number) => void) | undefined;
         renderFooter?: ((image: string, index: number) => import("react").ReactNode) | undefined;
-        imageRender?: ((image: string, { index }: {
+        imageRender?: ((image: string, { ref, index }: {
+            ref: import("react").RefObject<HTMLImageElement>;
             index: number;
         }) => import("react").ReactNode) | undefined;
     } & import("react").RefAttributes<import("./slides").SlidesRef>> & {

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ImageViewer, MultiImageViewer } from './image-viewer';
 import { renderImperatively } from '../../utils/render-imperatively';
+import { ImageViewer, MultiImageViewer } from './image-viewer';
 const handlerSet = new Set();
 export function showImageViewer(props) {
   clearImageViewer();