antd-mobile 5.12.1 → 5.12.4

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

@@ -14,13 +14,15 @@
 
 .adm-image-tip {
   position: relative;
-  background-color: #f3f3f3;
+  background-color: #f5f5f5;
   height: 100%;
   min-height: 48px;
   min-width: 48px;
 }
 
-.adm-image-tip > .antd-mobile-icon {
+.adm-image-tip > svg {
+  width: 48px;
+  height: 48px;
   position: absolute;
   left: 50%;
   top: 50%;

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

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

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

@@ -1,20 +1,21 @@
 import { mergeProps } from '../../utils/with-default-props';
 import React, { useState, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
-import { PictureOutline, PictureWrongOutline } from 'antd-mobile-icons';
 import { staged } from 'staged-components';
 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 { BrokenImageIcon } from './broken-image-icon';
 const classPrefix = `adm-image`;
 const defaultProps = {
   fit: 'fill',
   placeholder: React.createElement("div", {
     className: `${classPrefix}-tip`
-  }, React.createElement(PictureOutline, null)),
+  }, React.createElement(ImageIcon, null)),
   fallback: React.createElement("div", {
     className: `${classPrefix}-tip`
-  }, React.createElement(PictureWrongOutline, null)),
+  }, React.createElement(BrokenImageIcon, null)),
   lazy: false
 };
 export const Image = staged(p => {

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

@@ -5,7 +5,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import ImageViewer from '../image-viewer';
 import PreviewItem from './preview-item';
 import { usePropsValue } from '../../utils/use-props-value';
-import { useIsomorphicLayoutEffect, useMemoizedFn, useUnmount } from 'ahooks';
+import { useIsomorphicLayoutEffect, useUnmount } from 'ahooks';
 import Space from '../space';
 import { withNativeProps } from '../../utils/native-props';
 import { useConfig } from '../config-provider';
@@ -28,9 +28,6 @@ export const ImageUploader = p => {
   } = useConfig();
   const props = mergeProps(defaultProps, p);
   const [value, setValue] = usePropsValue(props);
-  const updateValue = useMemoizedFn(updater => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = useState([]);
   useIsomorphicLayoutEffect(() => {
     setTasks(prev => prev.filter(task => {
@@ -109,7 +106,7 @@ export const ImageUploader = p => {
               return task;
             });
           });
-          updateValue(prev => {
+          setValue(prev => {
             const newVal = Object.assign({}, result);
             return [...prev, newVal];
           });

package/2x/es/components/infinite-scroll/infinite-scroll.js

@@ -27,9 +27,11 @@ export const InfiniteScroll = p => {
     threshold: 250
   }, p);
   const doLoadMore = useLockFn(() => props.loadMore());
-  const elementRef = useRef(null);
+  const elementRef = useRef(null); // Prevent duplicated trigger of `check` function
+
   const [flag, setFlag] = useState({});
   const nextFlagRef = useRef(flag);
+  const [scrollParent, setScrollParent] = useState();
   const check = useMemoizedFn(() => __awaiter(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag) return;
     if (!props.hasMore) return;
@@ -37,6 +39,7 @@ export const InfiniteScroll = p => {
     if (!element) return;
     if (!element.offsetParent) return;
     const parent = getScrollParent(element);
+    setScrollParent(parent);
     if (!parent) return;
     const rect = element.getBoundingClientRect();
     const elementTop = rect.top;
@@ -56,18 +59,17 @@ export const InfiniteScroll = p => {
   useEffect(() => {
     const element = elementRef.current;
     if (!element) return;
-    const parent = getScrollParent(element);
-    if (!parent) return;
+    if (!scrollParent) return;
 
     function onScroll() {
       check();
     }
 
-    parent.addEventListener('scroll', onScroll);
+    scrollParent.addEventListener('scroll', onScroll);
     return () => {
-      parent.removeEventListener('scroll', onScroll);
+      scrollParent.removeEventListener('scroll', onScroll);
     };
-  }, []);
+  }, [scrollParent]);
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix,
     ref: elementRef

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

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { Action } from './modal-action-button';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -19,7 +20,7 @@ export declare type ModalProps = {
     getContainer?: GetContainer;
     bodyStyle?: React.CSSProperties;
     bodyClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     stopPropagation?: PropagationEvent[];
     showCloseButton?: boolean;

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

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import type { MaskProps } from '../mask';
 import { GetContainer } from '../../utils/render-to-container';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 export declare type PopupProps = {
@@ -15,7 +16,7 @@ export declare type PopupProps = {
     bodyClassName?: string;
     bodyStyle?: React.CSSProperties;
     maskClassName?: string;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
     children?: React.ReactNode;

package/2x/es/components/search-bar/search-bar.js

@@ -52,7 +52,7 @@ export const SearchBar = forwardRef((p, ref) => {
   }));
 
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);
@@ -61,13 +61,7 @@ export const SearchBar = forwardRef((p, ref) => {
     }
 
     return isShowCancel && React.createElement("div", {
-      className: `${classPrefix}-suffix`,
-      onMouseDown: e => {
-        e.preventDefault();
-      },
-      onTouchStart: e => {
-        e.preventDefault();
-      }
+      className: `${classPrefix}-suffix`
     }, React.createElement(Button, {
       fill: 'none',
       className: `${classPrefix}-cancel-button`,
@@ -80,6 +74,9 @@ export const SearchBar = forwardRef((p, ref) => {
 
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
+      },
+      onMouseDown: e => {
+        e.preventDefault();
       }
     }, props.cancelText));
   };

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

@@ -1,10 +1,11 @@
 import { FC, ReactNode } from 'react';
 import React from 'react';
+import { BadgeProps } from '../badge';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {
     title?: ReactNode;
     disabled?: boolean;
-    badge?: ReactNode;
+    badge?: BadgeProps['content'];
 } & NativeProps;
 export declare const SideBarItem: FC<SideBarItemProps>;
 export declare type SideBarProps = {

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

@@ -3,6 +3,8 @@
   --content-padding: 24px;
   --active-line-height: 4px;
   --active-line-border-radius: var(--active-line-height);
+  --active-line-color: var(--adm-color-primary);
+  --active-title-color: var(--adm-color-primary);
   position: relative;
   min-width: 0;
 }
@@ -45,7 +47,7 @@
 }
 
 .adm-tabs-tab-active {
-  color: var(--adm-color-primary);
+  color: var(--active-title-color);
 }
 
 .adm-tabs-tab-disabled {
@@ -57,8 +59,7 @@
   position: absolute;
   bottom: 0;
   height: var(--active-line-height);
-  color: var(--adm-color-primary);
-  background: var(--adm-color-primary);
+  background: var(--active-line-color);
   border-radius: var(--active-line-border-radius);
 }
 

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

@@ -15,5 +15,5 @@ export declare type TabsProps = {
     stretch?: boolean;
     onChange?: (key: string) => void;
     children?: React.ReactNode;
-} & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
+} & 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>;

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

@@ -14,7 +14,7 @@
   transform: translate(-50%, -50%);
   width: auto;
   min-width: 192px;
-  max-width: 70%;
+  max-width: 400px;
   max-height: 70%;
   overflow: auto;
   color: white;

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

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
+import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
 export interface ToastProps {
     afterClose?: () => void;
-    maskStyle?: React.CSSProperties;
+    maskStyle?: MaskProps['style'];
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;

package/2x/es/utils/get-scroll-parent.js

@@ -19,7 +19,7 @@ export function getScrollParent(el, root = defaultRoot) {
       overflowY
     } = window.getComputedStyle(node);
 
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
 

package/2x/package.json

@@ -1,14 +1,10 @@
 {
   "name": "antd-mobile",
-  "version": "5.12.1",
+  "version": "5.12.4",
   "dependencies": {
     "@floating-ui/dom": "^0.4.5",
     "@react-spring/web": "^9.4.5",
-    "@types/big.js": "^6.1.3",
-    "@types/react-is": "^17.0.3",
-    "@types/react-virtualized": "^9.21.21",
-    "@types/resize-observer-browser": "^0.1.7",
-    "@use-gesture/react": "^10.2.12",
+    "@use-gesture/react": "10.2.14",
     "ahooks": "^3.3.10",
     "antd-mobile-icons": "^0.2.2",
     "antd-mobile-v5-count": "^1.0.1",
@@ -43,6 +39,5 @@
     "url": "git+https://github.com/ant-design/ant-design-mobile.git",
     "branch": "master",
     "platform": "github"
-  },
-  "packageManager": "yarn@3.2.0"
+  }
 }

package/bundle/antd-mobile.cjs.js

@@ -1626,7 +1626,7 @@ function getScrollParent(el2, root2 = defaultRoot) {
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
     node = node.parentNode;
@@ -9144,7 +9144,11 @@ const Button = React$1.forwardRef((p2, ref) => {
       [`${classPrefix$1d}-large`]: props.size === "large",
       [`${classPrefix$1d}-loading`]: loading
     }, `${classPrefix$1d}-shape-${props.shape}`),
-    disabled
+    disabled,
+    onMouseDown: props.onMouseDown,
+    onMouseUp: props.onMouseUp,
+    onTouchStart: props.onTouchStart,
+    onTouchEnd: props.onTouchEnd
   }, loading ? React__default["default"].createElement("div", {
     className: `${classPrefix$1d}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : props.children));
@@ -9416,7 +9420,7 @@ const Avatar = (p2) => {
 };
 var badge = "";
 const classPrefix$18 = `adm-badge`;
-const dot = Symbol();
+const dot = React__default["default"].createElement(React__default["default"].Fragment, null);
 const Badge$1 = (props) => {
   const {
     content,
@@ -9661,10 +9665,10 @@ const Calendar = React$1.forwardRef((p2, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+      const disabled = maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default["default"].createElement("div", {
         key: d.valueOf(),
-        className: classNames__default["default"](`${classPrefix$17}-cell`, disabled && `${classPrefix$17}-cell-disabled`, inThisMonth && {
+        className: classNames__default["default"](`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
           [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$17}-cell-selected`]: isSelect,
           [`${classPrefix$17}-cell-selected-begin`]: isBegin,
@@ -12263,15 +12267,31 @@ const LazyDetector = (props) => {
     ref
   });
 };
+const ImageIcon = () => React__default["default"].createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React__default["default"].createElement("path", {
+  d: "M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
+const BrokenImageIcon = () => React__default["default"].createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React__default["default"].createElement("path", {
+  d: "M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
 const classPrefix$S = `adm-image`;
 const defaultProps$H = {
   fit: "fill",
   placeholder: React__default["default"].createElement("div", {
     className: `${classPrefix$S}-tip`
-  }, React__default["default"].createElement(antdMobileIcons.PictureOutline, null)),
+  }, React__default["default"].createElement(ImageIcon, null)),
   fallback: React__default["default"].createElement("div", {
     className: `${classPrefix$S}-tip`
-  }, React__default["default"].createElement(antdMobileIcons.PictureWrongOutline, null)),
+  }, React__default["default"].createElement(BrokenImageIcon, null)),
   lazy: false
 };
 const Image$1 = stagedComponents.staged((p2) => {
@@ -14923,9 +14943,6 @@ const ImageUploader = (p2) => {
   } = useConfig();
   const props = mergeProps(defaultProps$t, p2);
   const [value, setValue] = usePropsValue(props);
-  const updateValue = ahooks.useMemoizedFn((updater) => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = React$1.useState([]);
   ahooks.useIsomorphicLayoutEffect(() => {
     setTasks((prev) => prev.filter((task) => {
@@ -14997,7 +15014,7 @@ const ImageUploader = (p2) => {
               return task;
             });
           });
-          updateValue((prev) => {
+          setValue((prev) => {
             const newVal = Object.assign({}, result2);
             return [...prev, newVal];
           });
@@ -15276,6 +15293,7 @@ const InfiniteScroll = (p2) => {
   const elementRef = React$1.useRef(null);
   const [flag, setFlag] = React$1.useState({});
   const nextFlagRef = React$1.useRef(flag);
+  const [scrollParent, setScrollParent] = React$1.useState();
   const check = ahooks.useMemoizedFn(() => tslib.__awaiter(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag)
       return;
@@ -15287,6 +15305,7 @@ const InfiniteScroll = (p2) => {
     if (!element.offsetParent)
       return;
     const parent = getScrollParent(element);
+    setScrollParent(parent);
     if (!parent)
       return;
     const rect = element.getBoundingClientRect();
@@ -15306,17 +15325,16 @@ const InfiniteScroll = (p2) => {
     const element = elementRef.current;
     if (!element)
       return;
-    const parent = getScrollParent(element);
-    if (!parent)
+    if (!scrollParent)
       return;
     function onScroll() {
       check();
     }
-    parent.addEventListener("scroll", onScroll);
+    scrollParent.addEventListener("scroll", onScroll);
     return () => {
-      parent.removeEventListener("scroll", onScroll);
+      scrollParent.removeEventListener("scroll", onScroll);
     };
-  }, []);
+  }, [scrollParent]);
   return withNativeProps(props, React__default["default"].createElement("div", {
     className: classPrefix$w,
     ref: elementRef
@@ -16562,20 +16580,14 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React__default["default"].createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React__default["default"].createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,
@@ -16586,6 +16598,9 @@ const SearchBar = React$1.forwardRef((p2, ref) => {
         }
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
+      },
+      onMouseDown: (e) => {
+        e.preventDefault();
       }
     }, props.cancelText));
   };

package/bundle/antd-mobile.es.js

@@ -6,7 +6,7 @@ import { useSpring, animated, to } from "@react-spring/web";
 import dayjs from "dayjs";
 import { isFragment, isMemo } from "react-is";
 import { useDrag, useWheel, createUseGesture, dragAction, pinchAction } from "@use-gesture/react";
-import { RightOutline, CheckOutline, DownOutline, PictureOutline, PictureWrongOutline, DownFill, QuestionCircleOutline, CloseOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, StarFill, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
+import { RightOutline, CheckOutline, DownOutline, DownFill, QuestionCircleOutline, CloseOutline, AddOutline, CloseCircleFill, LeftOutline, SoundOutline, TextDeletionOutline, StarFill, CheckCircleFill, InformationCircleFill, ClockCircleFill, ExclamationCircleFill, SearchOutline, MinusOutline } from "antd-mobile-icons";
 import { staged } from "staged-components";
 import RcForm, { List as List$2, Field, useForm, useWatch } from "rc-field-form";
 import { computePosition, offset, shift, limitShift, flip, hide, arrow, autoUpdate } from "@floating-ui/dom";
@@ -1616,7 +1616,7 @@ function getScrollParent(el2, root2 = defaultRoot) {
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
     node = node.parentNode;
@@ -9134,7 +9134,11 @@ const Button = forwardRef((p2, ref) => {
       [`${classPrefix$1d}-large`]: props.size === "large",
       [`${classPrefix$1d}-loading`]: loading
     }, `${classPrefix$1d}-shape-${props.shape}`),
-    disabled
+    disabled,
+    onMouseDown: props.onMouseDown,
+    onMouseUp: props.onMouseUp,
+    onTouchStart: props.onTouchStart,
+    onTouchEnd: props.onTouchEnd
   }, loading ? React$1.createElement("div", {
     className: `${classPrefix$1d}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : props.children));
@@ -9406,7 +9410,7 @@ const Avatar = (p2) => {
 };
 var badge = "";
 const classPrefix$18 = `adm-badge`;
-const dot = Symbol();
+const dot = React$1.createElement(React$1.Fragment, null);
 const Badge$1 = (props) => {
   const {
     content,
@@ -9651,10 +9655,10 @@ const Calendar = forwardRef((p2, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
-      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+      const disabled = maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React$1.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix$17}-cell`, disabled && `${classPrefix$17}-cell-disabled`, inThisMonth && {
+        className: classNames(`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
           [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$17}-cell-selected`]: isSelect,
           [`${classPrefix$17}-cell-selected-begin`]: isBegin,
@@ -12253,15 +12257,31 @@ const LazyDetector = (props) => {
     ref
   });
 };
+const ImageIcon = () => React$1.createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React$1.createElement("path", {
+  d: "M41.396 6.234c1.923 0 3.487 1.574 3.487 3.505v29.14c0 1.937-1.568 3.51-3.491 3.51H6.604c-1.923 0-3.487-1.573-3.487-3.51V9.745c0-1.936 1.564-3.51 3.487-3.51Zm0 2.847H6.604c-.355 0-.654.3-.654.658V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.405 2.405 0 0 1 1.933.752l4.182 4.525 7.58-11.005a2.374 2.374 0 0 1 1.96-1.01c.79 0 1.532.38 1.966 1.01L42.05 34.89V9.74a.664.664 0 0 0-.654-.658Zm-28.305 2.763a3.119 3.119 0 0 1 3.117 3.117 3.119 3.119 0 0 1-3.117 3.117 3.122 3.122 0 0 1-3.117-3.117 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
+const BrokenImageIcon = () => React$1.createElement("svg", {
+  viewBox: "0 0 48 48",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React$1.createElement("path", {
+  d: "M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",
+  fill: "#DBDBDB",
+  fillRule: "nonzero"
+}));
 const classPrefix$S = `adm-image`;
 const defaultProps$H = {
   fit: "fill",
   placeholder: React$1.createElement("div", {
     className: `${classPrefix$S}-tip`
-  }, React$1.createElement(PictureOutline, null)),
+  }, React$1.createElement(ImageIcon, null)),
   fallback: React$1.createElement("div", {
     className: `${classPrefix$S}-tip`
-  }, React$1.createElement(PictureWrongOutline, null)),
+  }, React$1.createElement(BrokenImageIcon, null)),
   lazy: false
 };
 const Image$1 = staged((p2) => {
@@ -14913,9 +14933,6 @@ const ImageUploader = (p2) => {
   } = useConfig();
   const props = mergeProps(defaultProps$t, p2);
   const [value, setValue] = usePropsValue(props);
-  const updateValue = useMemoizedFn((updater) => {
-    setValue(updater(value));
-  });
   const [tasks, setTasks] = useState([]);
   useIsomorphicLayoutEffect(() => {
     setTasks((prev) => prev.filter((task) => {
@@ -14987,7 +15004,7 @@ const ImageUploader = (p2) => {
               return task;
             });
           });
-          updateValue((prev) => {
+          setValue((prev) => {
             const newVal = Object.assign({}, result2);
             return [...prev, newVal];
           });
@@ -15266,6 +15283,7 @@ const InfiniteScroll = (p2) => {
   const elementRef = useRef(null);
   const [flag, setFlag] = useState({});
   const nextFlagRef = useRef(flag);
+  const [scrollParent, setScrollParent] = useState();
   const check = useMemoizedFn(() => __awaiter(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag)
       return;
@@ -15277,6 +15295,7 @@ const InfiniteScroll = (p2) => {
     if (!element.offsetParent)
       return;
     const parent = getScrollParent(element);
+    setScrollParent(parent);
     if (!parent)
       return;
     const rect = element.getBoundingClientRect();
@@ -15296,17 +15315,16 @@ const InfiniteScroll = (p2) => {
     const element = elementRef.current;
     if (!element)
       return;
-    const parent = getScrollParent(element);
-    if (!parent)
+    if (!scrollParent)
       return;
     function onScroll() {
       check();
     }
-    parent.addEventListener("scroll", onScroll);
+    scrollParent.addEventListener("scroll", onScroll);
     return () => {
-      parent.removeEventListener("scroll", onScroll);
+      scrollParent.removeEventListener("scroll", onScroll);
     };
-  }, []);
+  }, [scrollParent]);
   return withNativeProps(props, React$1.createElement("div", {
     className: classPrefix$w,
     ref: elementRef
@@ -16552,20 +16570,14 @@ const SearchBar = forwardRef((p2, ref) => {
     }
   }));
   const renderCancelButton = () => {
-    let isShowCancel = false;
+    let isShowCancel;
     if (typeof props.showCancelButton === "function") {
       isShowCancel = props.showCancelButton(hasFocus, value);
     } else {
       isShowCancel = props.showCancelButton && hasFocus;
     }
     return isShowCancel && React$1.createElement("div", {
-      className: `${classPrefix$i}-suffix`,
-      onMouseDown: (e) => {
-        e.preventDefault();
-      },
-      onTouchStart: (e) => {
-        e.preventDefault();
-      }
+      className: `${classPrefix$i}-suffix`
     }, React$1.createElement(Button, {
       fill: "none",
       className: `${classPrefix$i}-cancel-button`,
@@ -16576,6 +16588,9 @@ const SearchBar = forwardRef((p2, ref) => {
         }
         (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
         (_c = props.onCancel) === null || _c === void 0 ? void 0 : _c.call(props);
+      },
+      onMouseDown: (e) => {
+        e.preventDefault();
       }
     }, props.cancelText));
   };