antd-mobile 5.38.1 → 5.39.0

package/2x/bundle/antd-mobile.cjs.development.js

@@ -10148,7 +10148,6 @@ const CalendarPickerView = React$1.forwardRef((p, ref) => {
       })), React$1.createElement("div", {
         className: `${classPrefix$1f}-cells`
       }, presetEmptyCells, Array(monthIterator.daysInMonth()).fill(null).map((_, index2) => {
-        var _a3;
         const d = monthIterator.date(index2 + 1);
         let isSelect = false;
         let isBegin = false;
@@ -10167,22 +10166,36 @@ const CalendarPickerView = React$1.forwardRef((p, ref) => {
         }
         const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
         const renderTop = () => {
-          var _a4;
-          const top = (_a4 = props.renderTop) === null || _a4 === void 0 ? void 0 : _a4.call(props, d.toDate());
+          var _a3;
+          if (props.renderTop === false)
+            return null;
+          const contentWrapper = (content) => React$1.createElement("div", {
+            className: `${classPrefix$1f}-cell-top`
+          }, content);
+          const top = (_a3 = props.renderTop) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate());
           if (top) {
-            return top;
+            return contentWrapper(top);
           }
           if (props.selectionMode === "range") {
             if (isBegin) {
-              return locale.Calendar.start;
+              return contentWrapper(locale.Calendar.start);
             }
             if (isEnd) {
-              return locale.Calendar.end;
+              return contentWrapper(locale.Calendar.end);
             }
           }
           if (d.isSame(today, "day") && !isSelect) {
-            return locale.Calendar.today;
+            return contentWrapper(locale.Calendar.today);
           }
+          return contentWrapper(null);
+        };
+        const renderBottom = () => {
+          var _a3;
+          if (props.renderBottom === false)
+            return null;
+          return React$1.createElement("div", {
+            className: `${classPrefix$1f}-cell-bottom`
+          }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate()));
         };
         return React$1.createElement("div", {
           key: d.valueOf(),
@@ -10236,13 +10249,9 @@ const CalendarPickerView = React$1.forwardRef((p, ref) => {
               }
             }
           }
-        }, React$1.createElement("div", {
-          className: `${classPrefix$1f}-cell-top`
-        }, renderTop()), React$1.createElement("div", {
+        }, renderTop(), React$1.createElement("div", {
           className: `${classPrefix$1f}-cell-date`
-        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React$1.createElement("div", {
-          className: `${classPrefix$1f}-cell-bottom`
-        }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate())));
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), renderBottom());
       }))));
       monthIterator = monthIterator.add(1, "month");
     }
@@ -13183,7 +13192,7 @@ function convertStringArrayToDate$1(value) {
   const yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : "1900";
   const weekString = (_b = value[1]) !== null && _b !== void 0 ? _b : "1";
   const weekdayString = (_c = value[2]) !== null && _c !== void 0 ? _c : "1";
-  const day = dayjs().year(parseInt(yearString)).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
+  const day = dayjs(`${parseInt(yearString)}-01-01`).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
   return day.toDate();
 }
 const precisionLengthRecord = {
@@ -13794,11 +13803,13 @@ function useMeasure(containerRef, content, rows, direction, expanded, expandNode
   const fullMeasureRef = React$1.useRef(null);
   const midMeasureRef = React$1.useRef(null);
   const startMeasure = useEvent(() => {
-    setStatus(
-      1
-      /* PREPARE */
-    );
-    setWalkingIndexes([0, direction === "middle" ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+    ReactDOM.unstable_batchedUpdates(() => {
+      setStatus(
+        1
+        /* PREPARE */
+      );
+      setWalkingIndexes([0, direction === "middle" ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+    });
   });
   React$1.useLayoutEffect(() => {
     startMeasure();
@@ -13808,7 +13819,7 @@ function useMeasure(containerRef, content, rows, direction, expanded, expandNode
     if (status === 1) {
       const fullMeasureHeight = ((_a = fullMeasureRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
       const singleRowMeasureHeight = ((_b = singleRowMeasureRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
-      const rowMeasureHeight = singleRowMeasureHeight * rows;
+      const rowMeasureHeight = singleRowMeasureHeight * (rows + 0.5);
       if (fullMeasureHeight <= rowMeasureHeight) {
         setStatus(
           100
@@ -14634,25 +14645,27 @@ const FloatingPanel = React$1.forwardRef((p, ref) => {
   var _a, _b;
   const props = mergeProps(defaultProps$C, p);
   const {
-    anchors
+    anchors,
+    placement = "bottom"
   } = props;
   const maxHeight = (_a = anchors[anchors.length - 1]) !== null && _a !== void 0 ? _a : window.innerHeight;
-  const possibles = anchors.map((x) => -x);
+  const isBottomPlacement = placement !== "top";
+  const possibles = isBottomPlacement ? anchors.map((x) => -x) : anchors;
   const elementRef = React$1.useRef(null);
   const headerRef = React$1.useRef(null);
   const contentRef = React$1.useRef(null);
   const [pulling, setPulling] = React$1.useState(false);
   const pullingRef = React$1.useRef(false);
   const bounds = {
-    top: possibles[possibles.length - 1],
-    bottom: possibles[0]
+    top: Math.min(...possibles),
+    bottom: Math.max(...possibles)
   };
   const onHeightChange = useMemoizedFn((_b = props.onHeightChange) !== null && _b !== void 0 ? _b : () => {
   });
   const [{
     y
   }, api] = useSpring(() => ({
-    y: bounds.bottom,
+    y: isBottomPlacement ? bounds.bottom : bounds.top,
     config: {
       tension: 300
     },
@@ -14724,27 +14737,36 @@ const FloatingPanel = React$1.forwardRef((p, ref) => {
     }
   }), [api]);
   useLockScroll(elementRef, true);
+  const HeaderNode = React$1.createElement("div", {
+    className: `${classPrefix$Q}-header`,
+    ref: headerRef
+  }, React$1.createElement("div", {
+    className: `${classPrefix$Q}-bar`
+  }));
   return withNativeProps(props, React$1.createElement(animated.div, {
     ref: elementRef,
-    className: classPrefix$Q,
+    className: classNames(classPrefix$Q, `${classPrefix$Q}-${placement}`),
     style: {
       height: Math.round(maxHeight),
-      translateY: y.to((y2) => `calc(100% + (${Math.round(y2)}px))`)
+      translateY: y.to((y2) => {
+        if (isBottomPlacement) {
+          return `calc(100% + (${Math.round(y2)}px))`;
+        }
+        if (placement === "top") {
+          return `calc(-100% + (${Math.round(y2)}px))`;
+        }
+        return y2;
+      })
     }
   }, React$1.createElement("div", {
     className: `${classPrefix$Q}-mask`,
     style: {
       display: pulling ? "block" : "none"
     }
-  }), React$1.createElement("div", {
-    className: `${classPrefix$Q}-header`,
-    ref: headerRef
-  }, React$1.createElement("div", {
-    className: `${classPrefix$Q}-bar`
-  })), React$1.createElement("div", {
+  }), isBottomPlacement && HeaderNode, React$1.createElement("div", {
     className: `${classPrefix$Q}-content`,
     ref: contentRef
-  }, props.children)));
+  }, props.children), placement === "top" && HeaderNode));
 });
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -18743,15 +18765,6 @@ function undefinedFallback(...items) {
   }
   return items[i2];
 }
-const Arrow = React$1.memo((props) => {
-  return withNativeProps(props, React$1.createElement("svg", {
-    viewBox: "0 0 30 16"
-  }, React$1.createElement("g", {
-    fill: "currentColor"
-  }, React$1.createElement("path", {
-    d: "M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z"
-  }))));
-});
 const sides = ["top", "right", "bottom", "left"];
 const min = Math.min;
 const max = Math.max;
@@ -20120,40 +20133,6 @@ const computePosition = (reference, floating, options) => {
     platform: platformWithCache
   });
 };
-class Wrapper extends React$1.Component {
-  constructor() {
-    super(...arguments);
-    this.element = null;
-  }
-  componentDidMount() {
-    this.componentDidUpdate();
-  }
-  componentDidUpdate() {
-    const node = ReactDOM.findDOMNode(this);
-    if (node instanceof Element) {
-      this.element = node;
-    } else {
-      this.element = null;
-    }
-  }
-  render() {
-    return React$1.Children.only(this.props.children);
-  }
-}
-const record = {
-  "topLeft": "top-start",
-  "topRight": "top-end",
-  "bottomLeft": "bottom-start",
-  "bottomRight": "bottom-end",
-  "leftTop": "left-start",
-  "leftBottom": "left-end",
-  "rightTop": "right-start",
-  "rightBottom": "right-end"
-};
-function normalizePlacement(placement) {
-  var _a;
-  return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
-}
 let tenPxTester = null;
 let tester = null;
 if (canUseDom$1) {
@@ -20179,6 +20158,49 @@ function convertPx(px) {
   tester.style.setProperty("--size", px.toString());
   return tester.getBoundingClientRect().height;
 }
+const Arrow = React$1.memo((props) => {
+  return withNativeProps(props, React$1.createElement("svg", {
+    viewBox: "0 0 30 16"
+  }, React$1.createElement("g", {
+    fill: "currentColor"
+  }, React$1.createElement("path", {
+    d: "M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z"
+  }))));
+});
+const record = {
+  "topLeft": "top-start",
+  "topRight": "top-end",
+  "bottomLeft": "bottom-start",
+  "bottomRight": "bottom-end",
+  "leftTop": "left-start",
+  "leftBottom": "left-end",
+  "rightTop": "right-start",
+  "rightBottom": "right-end"
+};
+function normalizePlacement(placement) {
+  var _a;
+  return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
+}
+class Wrapper extends React$1.Component {
+  constructor() {
+    super(...arguments);
+    this.element = null;
+  }
+  componentDidMount() {
+    this.componentDidUpdate();
+  }
+  componentDidUpdate() {
+    const node = ReactDOM.findDOMNode(this);
+    if (node instanceof Element) {
+      this.element = node;
+    } else {
+      this.element = null;
+    }
+  }
+  render() {
+    return React$1.Children.only(this.props.children);
+  }
+}
 const classPrefix$O = `adm-popover`;
 const defaultProps$A = {
   placement: "top",
@@ -20293,12 +20315,12 @@ const Popover$1 = React$1.forwardRef((p, ref) => {
   }, [targetElement, props.trigger]);
   React$1.useEffect(() => {
     const floatingElement = floatingRef.current;
-    if (!targetElement || !floatingElement)
+    if (!targetElement || !floatingElement || !visible)
       return;
     return autoUpdate(targetElement, floatingElement, update2, {
       elementResize: typeof ResizeObserver !== "undefined"
     });
-  }, [targetElement]);
+  }, [targetElement, visible]);
   useClickAway(() => {
     if (!props.trigger)
       return;
@@ -20735,7 +20757,6 @@ const GridItem = (p) => {
 const Grid = attachPropertiesToComponent(Grid$1, {
   Item: GridItem
 });
-const useDragAndPinch = createUseGesture([dragAction, pinchAction]);
 const create = () => {
   return [1, 0, 0, 1, 0, 0];
 };
@@ -20760,11 +20781,14 @@ const apply = (m, [ox, oy]) => {
 const multiply = (m1, m2) => {
   return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
 };
+const useDragAndPinch = createUseGesture([dragAction, pinchAction]);
 const classPrefix$K = `adm-image-viewer`;
 const Slide = (props) => {
   const {
     dragLockRef,
-    maxZoom
+    maxZoom,
+    imageRender,
+    index: index2
   } = props;
   const initialMartix = React$1.useRef([]);
   const controlRef = React$1.useRef(null);
@@ -20969,6 +20993,9 @@ const Slide = (props) => {
       }
     }
   });
+  const customRendering = typeof imageRender === "function" && imageRender(props.image, {
+    index: index2
+  });
   return React$1.createElement("div", {
     className: `${classPrefix$K}-slide`
   }, React$1.createElement("div", {
@@ -20979,7 +21006,7 @@ const Slide = (props) => {
     style: {
       matrix
     }
-  }, React$1.createElement("img", {
+  }, customRendering ? customRendering : React$1.createElement("img", {
     ref: imgRef,
     src: props.image,
     draggable: false,
@@ -21057,6 +21084,8 @@ const Slides = React$1.forwardRef((props, ref) => {
     image,
     onTap: props.onTap,
     maxZoom: props.maxZoom,
+    imageRender: props.imageRender,
+    index: index2,
     onZoomChange: (zoom) => {
       if (zoom !== 1) {
         const index3 = Math.round(x.get() / slideWidth);
@@ -21086,10 +21115,11 @@ const ImageViewer$1 = (p) => {
     className: (_a = props === null || props === void 0 ? void 0 : props.classNames) === null || _a === void 0 ? void 0 : _a.mask
   }, React$1.createElement("div", {
     className: classNames(`${classPrefix$I}-content`, (_b = props === null || props === void 0 ? void 0 : props.classNames) === null || _b === void 0 ? void 0 : _b.body)
-  }, props.image && React$1.createElement(Slide, {
+  }, (props.image || typeof props.imageRender === "function") && React$1.createElement(Slide, {
     image: props.image,
     onTap: props.onClose,
-    maxZoom: props.maxZoom
+    maxZoom: props.maxZoom,
+    imageRender: props.imageRender
   })), props.image && React$1.createElement("div", {
     className: `${classPrefix$I}-footer`
   }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React$1.createElement(SafeArea, {
@@ -21134,7 +21164,8 @@ const MultiImageViewer = React$1.forwardRef((p, ref) => {
     onIndexChange: onSlideChange,
     images: props.images,
     onTap: props.onClose,
-    maxZoom: props.maxZoom
+    maxZoom: props.maxZoom,
+    imageRender: props.imageRender
   })), props.images && React$1.createElement("div", {
     className: `${classPrefix$I}-footer`
   }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index2], index2), React$1.createElement(SafeArea, {
@@ -21181,7 +21212,32 @@ const ImageViewer = attachPropertiesToComponent(ImageViewer$1, {
   show: showImageViewer,
   clear: clearImageViewer
 });
-const classPrefix$H = `adm-image-uploader`;
+const classPrefix$H = `adm-space`;
+const defaultProps$y = {
+  direction: "horizontal"
+};
+const Space = (p) => {
+  const props = mergeProps(defaultProps$y, p);
+  const {
+    direction,
+    onClick
+  } = props;
+  return withNativeProps(props, React$1.createElement("div", {
+    className: classNames(classPrefix$H, {
+      [`${classPrefix$H}-wrap`]: props.wrap,
+      [`${classPrefix$H}-block`]: props.block,
+      [`${classPrefix$H}-${direction}`]: true,
+      [`${classPrefix$H}-align-${props.align}`]: !!props.align,
+      [`${classPrefix$H}-justify-${props.justify}`]: !!props.justify
+    }),
+    onClick
+  }, React$1.Children.map(props.children, (child) => {
+    return child !== null && child !== void 0 && React$1.createElement("div", {
+      className: `${classPrefix$H}-item`
+    }, child);
+  })));
+};
+const classPrefix$G = `adm-image-uploader`;
 const PreviewItem = (props) => {
   const {
     locale
@@ -21211,56 +21267,31 @@ const PreviewItem = (props) => {
   }, [src, file]);
   function renderLoading() {
     return props.status === "pending" && React$1.createElement("div", {
-      className: `${classPrefix$H}-cell-mask`
+      className: `${classPrefix$G}-cell-mask`
     }, React$1.createElement("span", {
-      className: `${classPrefix$H}-cell-loading`
+      className: `${classPrefix$G}-cell-loading`
     }, React$1.createElement(SpinLoading, {
       color: "white"
     }), React$1.createElement("span", {
-      className: `${classPrefix$H}-cell-mask-message`
+      className: `${classPrefix$G}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
   function renderDelete() {
     return deletable && React$1.createElement("span", {
-      className: `${classPrefix$H}-cell-delete`,
+      className: `${classPrefix$G}-cell-delete`,
       onClick: onDelete
     }, deleteIcon);
   }
   return React$1.createElement("div", {
-    className: classNames(`${classPrefix$H}-cell`, props.status === "fail" && `${classPrefix$H}-cell-fail`)
+    className: classNames(`${classPrefix$G}-cell`, props.status === "fail" && `${classPrefix$G}-cell-fail`)
   }, React$1.createElement(Image$1, {
-    className: `${classPrefix$H}-cell-image`,
+    className: `${classPrefix$G}-cell-image`,
     src,
     fit: imageFit,
     onClick: props.onClick
   }), renderLoading(), renderDelete());
 };
 const PreviewItem$1 = PreviewItem;
-const classPrefix$G = `adm-space`;
-const defaultProps$y = {
-  direction: "horizontal"
-};
-const Space = (p) => {
-  const props = mergeProps(defaultProps$y, p);
-  const {
-    direction,
-    onClick
-  } = props;
-  return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$G, {
-      [`${classPrefix$G}-wrap`]: props.wrap,
-      [`${classPrefix$G}-block`]: props.block,
-      [`${classPrefix$G}-${direction}`]: true,
-      [`${classPrefix$G}-align-${props.align}`]: !!props.align,
-      [`${classPrefix$G}-justify-${props.justify}`]: !!props.justify
-    }),
-    onClick
-  }, React$1.Children.map(props.children, (child) => {
-    return child !== null && child !== void 0 && React$1.createElement("div", {
-      className: `${classPrefix$G}-item`
-    }, child);
-  })));
-};
 const classPrefix$F = `adm-image-uploader`;
 const defaultProps$x = {
   disableUpload: false,
@@ -21396,10 +21427,10 @@ const ImageUploader = React$1.forwardRef((p, ref) => {
               return task;
             });
           });
-          throw e3;
+          console.error(e3);
         }
-      }))).catch((error) => console.error(error));
-      setValue((prev) => prev.concat(newVal));
+      })));
+      setValue((prev) => prev.concat(newVal).filter(Boolean));
     });
   }
   const imageViewerHandlerRef = React$1.useRef(null);
@@ -22534,7 +22565,8 @@ const defaultProps$o = {
   plain: false,
   error: false,
   seperated: false,
-  caret: true
+  caret: true,
+  inputMode: "numeric"
 };
 const PasscodeInput = React$1.forwardRef((p, ref) => {
   const props = mergeProps(defaultProps$o, p);
@@ -22629,7 +22661,7 @@ const PasscodeInput = React$1.forwardRef((p, ref) => {
     value,
     type: "text",
     pattern: "[0-9]*",
-    inputMode: "numeric",
+    inputMode: props.inputMode,
     onChange: (e2) => {
       setValue(e2.target.value.slice(0, props.length));
     },
@@ -25451,12 +25483,14 @@ const SwipeAction = React$1.forwardRef((p, ref) => {
     },
     triggerAllEvents: true
   });
-  function close() {
+  const close = () => {
+    var _a;
     api.start({
       x: 0
     });
     forceCancelDrag();
-  }
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+  };
   React$1.useImperativeHandle(ref, () => ({
     show: (side = "right") => {
       var _a;