antd-mobile 5.12.3 → 5.12.4

package/bundle/antd-mobile.cjs.js

@@ -1489,11 +1489,11 @@ function useConfig() {
   return (_a = React$1.useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
 }
 var actionSheet = "";
-function attachPropertiesToComponent(component, properties2) {
+function attachPropertiesToComponent(component, properties) {
   const ret = component;
-  for (const key in properties2) {
-    if (properties2.hasOwnProperty(key)) {
-      ret[key] = properties2[key];
+  for (const key in properties) {
+    if (properties.hasOwnProperty(key)) {
+      ret[key] = properties[key];
     }
   }
   return ret;
@@ -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,
@@ -9437,10 +9441,9 @@ const Badge$1 = (props) => {
     className: `${classPrefix$18}-wrap`
   }, children, element) : element;
 };
-const properties = {
+var Badge = attachPropertiesToComponent(Badge$1, {
   dot
-};
-var Badge = attachPropertiesToComponent(Badge$1, properties);
+});
 var calendar = "";
 const ArrowLeft = () => {
   return React__default["default"].createElement("svg", {
@@ -12264,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) => {
@@ -15274,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;
@@ -15285,6 +15305,7 @@ const InfiniteScroll = (p2) => {
     if (!element.offsetParent)
       return;
     const parent = getScrollParent(element);
+    setScrollParent(parent);
     if (!parent)
       return;
     const rect = element.getBoundingClientRect();
@@ -15304,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
@@ -16578,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";
@@ -1479,11 +1479,11 @@ function useConfig() {
   return (_a = useContext(ConfigContext)) !== null && _a !== void 0 ? _a : getDefaultConfig();
 }
 var actionSheet = "";
-function attachPropertiesToComponent(component, properties2) {
+function attachPropertiesToComponent(component, properties) {
   const ret = component;
-  for (const key in properties2) {
-    if (properties2.hasOwnProperty(key)) {
-      ret[key] = properties2[key];
+  for (const key in properties) {
+    if (properties.hasOwnProperty(key)) {
+      ret[key] = properties[key];
     }
   }
   return ret;
@@ -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,
@@ -9427,10 +9431,9 @@ const Badge$1 = (props) => {
     className: `${classPrefix$18}-wrap`
   }, children, element) : element;
 };
-const properties = {
+var Badge = attachPropertiesToComponent(Badge$1, {
   dot
-};
-var Badge = attachPropertiesToComponent(Badge$1, properties);
+});
 var calendar = "";
 const ArrowLeft = () => {
   return React$1.createElement("svg", {
@@ -12254,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) => {
@@ -15264,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;
@@ -15275,6 +15295,7 @@ const InfiniteScroll = (p2) => {
     if (!element.offsetParent)
       return;
     const parent = getScrollParent(element);
+    setScrollParent(parent);
     if (!parent)
       return;
     const rect = element.getBoundingClientRect();
@@ -15294,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
@@ -16568,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));
   };

package/bundle/style.css

@@ -1186,12 +1186,14 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-image-tip {
   position: relative;
-  background-color: #f3f3f3;
+  background-color: #f5f5f5;
   height: 100%;
   min-height: 24px;
   min-width: 24px;
 }
-.adm-image-tip > .antd-mobile-icon {
+.adm-image-tip > svg {
+  width: 24px;
+  height: 24px;
   position: absolute;
   left: 50%;
   top: 50%;
@@ -3756,7 +3758,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   transform: translate(-50%, -50%);
   width: auto;
   min-width: 96px;
-  max-width: 70%;
+  max-width: 200px;
   max-height: 70%;
   overflow: auto;
   color: white;

package/cjs/components/badge/badge.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare const dot: unique symbol;
+export declare const dot: JSX.Element;
 export declare type BadgeProps = {
     content?: React.ReactNode | typeof dot;
     color?: string;

package/cjs/components/badge/badge.js

@@ -14,7 +14,9 @@ var _nativeProps = require("../../utils/native-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const classPrefix = `adm-badge`;
-const dot = Symbol();
+
+const dot = _react.default.createElement(_react.default.Fragment, null);
+
 exports.dot = dot;
 
 const Badge = props => {

package/cjs/components/badge/index.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import './badge.less';
-import { dot } from './badge';
 export type { BadgeProps } from './badge';
-declare type Properties = {
-    dot: typeof dot;
+declare const _default: import("react").FC<import("./badge").BadgeProps> & {
+    dot: JSX.Element;
 };
-declare const _default: import("react").FC<import("./badge").BadgeProps> & Properties;
 export default _default;

package/cjs/components/badge/index.js

@@ -11,10 +11,8 @@ var _badge2 = require("./badge");
 
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
 
-const properties = {
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, {
   dot: _badge2.dot
-};
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, properties);
+});
 
 exports.default = _default;

package/cjs/components/button/button.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
+declare type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 export declare type ButtonProps = {
     color?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
     fill?: 'solid' | 'outline' | 'none';
@@ -9,11 +10,11 @@ export declare type ButtonProps = {
     loadingText?: string;
     loadingIcon?: React.ReactNode;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
     type?: 'submit' | 'reset' | 'button';
     shape?: 'default' | 'rounded' | 'rectangular';
     children?: React.ReactNode;
-} & NativeProps<'--text-color' | '--background-color' | '--border-radius' | '--border-width' | '--border-style' | '--border-color'>;
+} & Pick<NativeButtonProps, 'onMouseDown' | 'onMouseUp' | 'onTouchStart' | 'onTouchEnd'> & NativeProps<'--text-color' | '--background-color' | '--border-radius' | '--border-width' | '--border-style' | '--border-color'>;
 export declare type ButtonRef = {
     nativeElement: HTMLButtonElement | null;
 };
@@ -26,8 +27,9 @@ export declare const Button: React.ForwardRefExoticComponent<{
     loadingText?: string | undefined;
     loadingIcon?: React.ReactNode;
     disabled?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown) | undefined;
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
     children?: React.ReactNode;
-} & NativeProps<"--text-color" | "--background-color" | "--border-radius" | "--border-width" | "--border-style" | "--border-color"> & React.RefAttributes<ButtonRef>>;
+} & Pick<NativeButtonProps, "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & NativeProps<"--text-color" | "--background-color" | "--border-radius" | "--border-width" | "--border-style" | "--border-color"> & React.RefAttributes<ButtonRef>>;
+export {};

package/cjs/components/button/button.js

@@ -81,7 +81,11 @@ const Button = (0, _react.forwardRef)((p, ref) => {
       [`${classPrefix}-large`]: props.size === 'large',
       [`${classPrefix}-loading`]: loading
     }, `${classPrefix}-shape-${props.shape}`),
-    disabled: disabled
+    disabled: disabled,
+    onMouseDown: props.onMouseDown,
+    onMouseUp: props.onMouseUp,
+    onTouchStart: props.onTouchStart,
+    onTouchEnd: props.onTouchEnd
   }, loading ? _react.default.createElement("div", {
     className: `${classPrefix}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : props.children));

package/cjs/components/image/broken-image-icon.d.ts

@@ -0,0 +1 @@
+export declare const BrokenImageIcon: () => JSX.Element;

package/cjs/components/image/broken-image-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BrokenImageIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const BrokenImageIcon = () => _react.default.createElement("svg", {
+  viewBox: '0 0 48 48',
+  xmlns: 'http://www.w3.org/2000/svg'
+}, _react.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'
+}));
+
+exports.BrokenImageIcon = BrokenImageIcon;

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

@@ -0,0 +1 @@
+export declare const ImageIcon: () => JSX.Element;

package/cjs/components/image/image-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ImageIcon = () => _react.default.createElement("svg", {
+  viewBox: '0 0 48 48',
+  xmlns: 'http://www.w3.org/2000/svg'
+}, _react.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'
+}));
+
+exports.ImageIcon = ImageIcon;

package/cjs/components/image/image.css

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

package/cjs/components/image/image.js

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _nativeProps = require("../../utils/native-props");
 
-var _antdMobileIcons = require("antd-mobile-icons");
-
 var _stagedComponents = require("staged-components");
 
 var _toCssLength = require("../../utils/to-css-length");
@@ -21,6 +19,10 @@ var _lazyDetector = require("./lazy-detector");
 
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
 
+var _imageIcon = require("./image-icon");
+
+var _brokenImageIcon = require("./broken-image-icon");
+
 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; }
@@ -30,10 +32,10 @@ const defaultProps = {
   fit: 'fill',
   placeholder: _react.default.createElement("div", {
     className: `${classPrefix}-tip`
-  }, _react.default.createElement(_antdMobileIcons.PictureOutline, null)),
+  }, _react.default.createElement(_imageIcon.ImageIcon, null)),
   fallback: _react.default.createElement("div", {
     className: `${classPrefix}-tip`
-  }, _react.default.createElement(_antdMobileIcons.PictureWrongOutline, null)),
+  }, _react.default.createElement(_brokenImageIcon.BrokenImageIcon, null)),
   lazy: false
 };
 const Image = (0, _stagedComponents.staged)(p => {

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -47,9 +47,11 @@ const InfiniteScroll = p => {
     threshold: 250
   }, p);
   const doLoadMore = (0, _ahooks.useLockFn)(() => props.loadMore());
-  const elementRef = (0, _react.useRef)(null);
+  const elementRef = (0, _react.useRef)(null); // Prevent duplicated trigger of `check` function
+
   const [flag, setFlag] = (0, _react.useState)({});
   const nextFlagRef = (0, _react.useRef)(flag);
+  const [scrollParent, setScrollParent] = (0, _react.useState)();
   const check = (0, _ahooks.useMemoizedFn)(() => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
     if (nextFlagRef.current !== flag) return;
     if (!props.hasMore) return;
@@ -57,6 +59,7 @@ const InfiniteScroll = p => {
     if (!element) return;
     if (!element.offsetParent) return;
     const parent = (0, _getScrollParent.getScrollParent)(element);
+    setScrollParent(parent);
     if (!parent) return;
     const rect = element.getBoundingClientRect();
     const elementTop = rect.top;
@@ -76,18 +79,17 @@ const InfiniteScroll = p => {
   (0, _react.useEffect)(() => {
     const element = elementRef.current;
     if (!element) return;
-    const parent = (0, _getScrollParent.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 (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix,
     ref: elementRef

package/cjs/components/search-bar/search-bar.js

@@ -96,6 +96,9 @@ const SearchBar = (0, _react.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/cjs/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/cjs/components/toast/toast.css

@@ -13,7 +13,7 @@
   transform: translate(-50%, -50%);
   width: auto;
   min-width: 96px;
-  max-width: 70%;
+  max-width: 200px;
   max-height: 70%;
   overflow: auto;
   color: white;

package/es/components/badge/badge.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare const dot: unique symbol;
+export declare const dot: JSX.Element;
 export declare type BadgeProps = {
     content?: React.ReactNode | typeof dot;
     color?: string;

package/es/components/badge/badge.js

@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import React from 'react';
 import { withNativeProps } from '../../utils/native-props';
 const classPrefix = `adm-badge`;
-export const dot = Symbol();
+export const dot = React.createElement(React.Fragment, null);
 export const Badge = props => {
   const {
     content,

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import './badge.less';
-import { dot } from './badge';
 export type { BadgeProps } from './badge';
-declare type Properties = {
-    dot: typeof dot;
+declare const _default: import("react").FC<import("./badge").BadgeProps> & {
+    dot: JSX.Element;
 };
-declare const _default: import("react").FC<import("./badge").BadgeProps> & Properties;
 export default _default;

package/es/components/badge/index.js

@@ -1,7 +1,6 @@
 import "./badge.css";
 import { Badge, dot } from './badge';
 import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-const properties = {
+export default attachPropertiesToComponent(Badge, {
   dot
-};
-export default attachPropertiesToComponent(Badge, properties);
+});