antd-mobile 5.38.0 → 5.39.0

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

@@ -10130,7 +10130,6 @@ const CalendarPickerView = forwardRef((p, ref) => {
       })), React__default.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;
@@ -10149,22 +10148,36 @@ const CalendarPickerView = 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__default.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__default.createElement("div", {
+            className: `${classPrefix$1f}-cell-bottom`
+          }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate()));
         };
         return React__default.createElement("div", {
           key: d.valueOf(),
@@ -10218,13 +10231,9 @@ const CalendarPickerView = forwardRef((p, ref) => {
               }
             }
           }
-        }, React__default.createElement("div", {
-          className: `${classPrefix$1f}-cell-top`
-        }, renderTop()), React__default.createElement("div", {
+        }, renderTop(), React__default.createElement("div", {
           className: `${classPrefix$1f}-cell-date`
-        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.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");
     }
@@ -13165,7 +13174,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 = {
@@ -13756,6 +13765,115 @@ function betweenInclusive(i2, e2, n2) {
 !function(i2) {
   i2[i2.unit_1 = 1] = "unit_1", i2[i2.unit_2 = 2] = "unit_2", i2[i2.unit_4 = 4] = "unit_4";
 }(n || (n = {}));
+const ELLIPSIS_TEXT = "...";
+const measureStyle = {
+  visibility: "hidden",
+  whiteSpace: "inherit",
+  lineHeight: "inherit",
+  fontSize: "inherit"
+};
+function useMeasure(containerRef, content, rows, direction, expanded, expandNode, collapseNode) {
+  const contentChars = React__default.useMemo(() => runes(content), [content]);
+  const [maxHeight, setMaxHeight] = React__default.useState(0);
+  const [walkingIndexes, setWalkingIndexes] = React__default.useState([0, 0]);
+  const midIndex = Math.ceil((walkingIndexes[0] + walkingIndexes[1]) / 2);
+  const [status, setStatus] = React__default.useState(
+    100
+    /* STABLE_NO_ELLIPSIS */
+  );
+  const singleRowMeasureRef = React__default.useRef(null);
+  const fullMeasureRef = React__default.useRef(null);
+  const midMeasureRef = React__default.useRef(null);
+  const startMeasure = useEvent(() => {
+    unstable_batchedUpdates(() => {
+      setStatus(
+        1
+        /* PREPARE */
+      );
+      setWalkingIndexes([0, direction === "middle" ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+    });
+  });
+  React__default.useLayoutEffect(() => {
+    startMeasure();
+  }, [contentChars, rows]);
+  React__default.useLayoutEffect(() => {
+    var _a, _b;
+    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 + 0.5);
+      if (fullMeasureHeight <= rowMeasureHeight) {
+        setStatus(
+          100
+          /* STABLE_NO_ELLIPSIS */
+        );
+      } else {
+        setMaxHeight(rowMeasureHeight);
+        setStatus(
+          2
+          /* MEASURE_WALKING */
+        );
+      }
+    }
+  }, [status]);
+  React__default.useLayoutEffect(() => {
+    var _a;
+    if (status === 2) {
+      const diff = walkingIndexes[1] - walkingIndexes[0];
+      const midHeight = ((_a = midMeasureRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+      if (diff > 1) {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], midIndex]);
+        } else {
+          setWalkingIndexes([midIndex, walkingIndexes[1]]);
+        }
+      } else {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], walkingIndexes[0]]);
+        } else {
+          setWalkingIndexes([walkingIndexes[1], walkingIndexes[1]]);
+        }
+        setStatus(
+          99
+          /* STABLE_ELLIPSIS */
+        );
+      }
+    }
+  }, [status, walkingIndexes]);
+  const renderContent = (index2) => {
+    const prefixContent = contentChars.slice(0, index2);
+    const suffixContent = contentChars.slice(contentChars.length - index2);
+    return React__default.createElement(React__default.Fragment, null, direction === "start" && React__default.createElement(React__default.Fragment, null, expandNode, ELLIPSIS_TEXT), direction !== "start" && prefixContent.join(""), direction === "middle" && React__default.createElement(React__default.Fragment, null, ELLIPSIS_TEXT, expandNode, ELLIPSIS_TEXT), direction !== "end" && suffixContent.join(""), direction === "end" && React__default.createElement(React__default.Fragment, null, ELLIPSIS_TEXT, expandNode));
+  };
+  const finalContent = React__default.useMemo(() => {
+    if (expanded || status === 100) {
+      return React__default.createElement(React__default.Fragment, {
+        key: "display"
+      }, content, status === 99 && collapseNode);
+    }
+    if (status === 99) {
+      return renderContent(midIndex);
+    }
+    return null;
+  }, [expanded, status, content, collapseNode, midIndex]);
+  const allNodes = React__default.createElement(React__default.Fragment, null, status === 1 && React__default.createElement("div", {
+    key: "full",
+    "aria-hidden": true,
+    ref: fullMeasureRef,
+    style: measureStyle
+  }, content, expandNode), status === 1 && React__default.createElement("div", {
+    key: "stable",
+    "aria-hidden": true,
+    ref: singleRowMeasureRef,
+    style: measureStyle
+  }, " "), status === 2 && React__default.createElement("div", {
+    key: "walking-mid",
+    "aria-hidden": true,
+    ref: midMeasureRef,
+    style: measureStyle
+  }, renderContent(midIndex)), finalContent);
+  return [allNodes, startMeasure];
+}
 const classPrefix$U = `adm-ellipsis`;
 const defaultProps$F = {
   direction: "end",
@@ -13770,140 +13888,40 @@ const defaultProps$F = {
 };
 const Ellipsis = (p) => {
   const props = mergeProps(defaultProps$F, p);
-  const rootRef = useRef(null);
-  const expandElRef = useRef(null);
-  const collapseElRef = useRef(null);
-  const [ellipsised, setEllipsised] = useState({});
-  const [expanded, setExpanded] = useState(props.defaultExpanded);
-  const [exceeded, setExceeded] = useState(false);
-  const chars = useMemo(() => runes(props.content), [props.content]);
-  function getSubString(start2, end) {
-    return chars.slice(start2, end).join("");
-  }
-  function calcEllipsised() {
-    var _a, _b;
-    const root2 = rootRef.current;
-    if (!root2)
-      return;
-    const originDisplay = root2.style.display;
-    root2.style.display = "block";
-    const originStyle = window.getComputedStyle(root2);
-    const container = document.createElement("div");
-    const styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach((name) => {
-      container.style.setProperty(name, originStyle.getPropertyValue(name));
-    });
-    root2.style.display = originDisplay;
-    container.style.height = "auto";
-    container.style.minHeight = "auto";
-    container.style.maxHeight = "auto";
-    container.style.textOverflow = "clip";
-    container.style.webkitLineClamp = "unset";
-    container.style.display = "block";
-    const lineHeight = pxToNumber(originStyle.lineHeight);
-    const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
-    container.innerText = props.content;
-    document.body.appendChild(container);
-    if (container.offsetHeight <= maxHeight) {
-      setExceeded(false);
-    } else {
-      let check = function(left, right) {
-        if (right - left <= 1) {
-          if (props.direction === "end") {
-            return {
-              leading: getSubString(0, left) + "..."
-            };
-          } else {
-            return {
-              tailing: "..." + getSubString(right, end)
-            };
-          }
-        }
-        const middle2 = Math.round((left + right) / 2);
-        if (props.direction === "end") {
-          container.innerHTML = getSubString(0, middle2) + "..." + actionText;
-        } else {
-          container.innerHTML = actionText + "..." + getSubString(middle2, end);
-        }
-        if (container.offsetHeight <= maxHeight) {
-          if (props.direction === "end") {
-            return check(middle2, right);
-          } else {
-            return check(left, middle2);
-          }
-        } else {
-          if (props.direction === "end") {
-            return check(left, middle2);
-          } else {
-            return check(middle2, right);
-          }
-        }
-      }, checkMiddle = function(leftPart, rightPart) {
-        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-          return {
-            leading: getSubString(0, leftPart[0]) + "...",
-            tailing: "..." + getSubString(rightPart[1], end)
-          };
-        }
-        const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-        const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-        container.innerHTML = getSubString(0, leftPartMiddle) + "..." + actionText + "..." + getSubString(rightPartMiddle, end);
-        if (container.offsetHeight <= maxHeight) {
-          return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
-        } else {
-          return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
-        }
-      };
-      setExceeded(true);
-      const end = props.content.length;
-      const collapseEl = typeof props.collapseText === "string" ? props.collapseText : (_a = collapseElRef.current) === null || _a === void 0 ? void 0 : _a.innerHTML;
-      const expandEl = typeof props.expandText === "string" ? props.expandText : (_b = expandElRef.current) === null || _b === void 0 ? void 0 : _b.innerHTML;
-      const actionText = expanded ? collapseEl : expandEl;
-      const middle = Math.floor((0 + end) / 2);
-      const ellipsised2 = props.direction === "middle" ? checkMiddle([0, middle], [middle, end]) : check(0, end);
-      setEllipsised(ellipsised2);
-    }
-    document.body.removeChild(container);
-  }
-  useResizeEffect(calcEllipsised, rootRef);
-  useIsomorphicLayoutEffect$3(() => {
-    calcEllipsised();
-  }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
-  const expandActionElement = !!props.expandText && withStopPropagation(props.stopPropagationForActionButtons, React__default.createElement("a", {
-    ref: expandElRef,
+  const {
+    content,
+    direction,
+    rows,
+    expandText,
+    collapseText,
+    stopPropagationForActionButtons,
+    onContentClick,
+    defaultExpanded
+  } = props;
+  const rootRef = React__default.useRef(null);
+  const [expanded, setExpanded] = React__default.useState(defaultExpanded);
+  const expandNode = expandText ? withStopPropagation(stopPropagationForActionButtons, React__default.createElement("a", {
     onClick: () => {
       setExpanded(true);
     }
-  }, props.expandText));
-  const collapseActionElement = !!props.collapseText && withStopPropagation(props.stopPropagationForActionButtons, React__default.createElement("a", {
-    ref: collapseElRef,
+  }, expandText)) : null;
+  const collapseNode = collapseText ? withStopPropagation(stopPropagationForActionButtons, React__default.createElement("a", {
     onClick: () => {
       setExpanded(false);
     }
-  }, props.collapseText));
-  const renderContent = () => {
-    if (!exceeded)
-      return props.content;
-    if (expanded)
-      return React__default.createElement(React__default.Fragment, null, props.content, collapseActionElement);
-    return React__default.createElement(React__default.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
-  };
+  }, collapseText)) : null;
+  const [measureNodes, forceResize] = useMeasure(rootRef, content, rows, direction, expanded, expandNode, collapseNode);
+  useResizeEffect(forceResize, rootRef);
   return withNativeProps(props, React__default.createElement("div", {
     ref: rootRef,
     className: classPrefix$U,
     onClick: (e2) => {
       if (e2.target === e2.currentTarget) {
-        props.onContentClick(e2);
+        onContentClick(e2);
       }
     }
-  }, renderContent()));
+  }, measureNodes));
 };
-function pxToNumber(value) {
-  if (!value)
-    return 0;
-  const match = value.match(/^\d*(\.\d*)?/);
-  return match ? Number(match[0]) : 0;
-}
 const EmptyIcon = (props) => {
   return withNativeProps(props, React__default.createElement("svg", {
     viewBox: "0 0 64 41"
@@ -14609,25 +14627,27 @@ const FloatingPanel = 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 = useRef(null);
   const headerRef = useRef(null);
   const contentRef = useRef(null);
   const [pulling, setPulling] = useState(false);
   const pullingRef = 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
     },
@@ -14699,27 +14719,36 @@ const FloatingPanel = forwardRef((p, ref) => {
     }
   }), [api]);
   useLockScroll(elementRef, true);
+  const HeaderNode = React__default.createElement("div", {
+    className: `${classPrefix$Q}-header`,
+    ref: headerRef
+  }, React__default.createElement("div", {
+    className: `${classPrefix$Q}-bar`
+  }));
   return withNativeProps(props, React__default.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__default.createElement("div", {
     className: `${classPrefix$Q}-mask`,
     style: {
       display: pulling ? "block" : "none"
     }
-  }), React__default.createElement("div", {
-    className: `${classPrefix$Q}-header`,
-    ref: headerRef
-  }, React__default.createElement("div", {
-    className: `${classPrefix$Q}-bar`
-  })), React__default.createElement("div", {
+  }), isBottomPlacement && HeaderNode, React__default.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) {
@@ -18718,15 +18747,6 @@ function undefinedFallback(...items) {
   }
   return items[i2];
 }
-const Arrow = memo((props) => {
-  return withNativeProps(props, React__default.createElement("svg", {
-    viewBox: "0 0 30 16"
-  }, React__default.createElement("g", {
-    fill: "currentColor"
-  }, React__default.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;
@@ -20095,40 +20115,6 @@ const computePosition = (reference, floating, options) => {
     platform: platformWithCache
   });
 };
-class Wrapper extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    this.element = null;
-  }
-  componentDidMount() {
-    this.componentDidUpdate();
-  }
-  componentDidUpdate() {
-    const node = findDOMNode$1(this);
-    if (node instanceof Element) {
-      this.element = node;
-    } else {
-      this.element = null;
-    }
-  }
-  render() {
-    return React__default.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) {
@@ -20154,6 +20140,49 @@ function convertPx(px) {
   tester.style.setProperty("--size", px.toString());
   return tester.getBoundingClientRect().height;
 }
+const Arrow = memo((props) => {
+  return withNativeProps(props, React__default.createElement("svg", {
+    viewBox: "0 0 30 16"
+  }, React__default.createElement("g", {
+    fill: "currentColor"
+  }, React__default.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__default.Component {
+  constructor() {
+    super(...arguments);
+    this.element = null;
+  }
+  componentDidMount() {
+    this.componentDidUpdate();
+  }
+  componentDidUpdate() {
+    const node = findDOMNode$1(this);
+    if (node instanceof Element) {
+      this.element = node;
+    } else {
+      this.element = null;
+    }
+  }
+  render() {
+    return React__default.Children.only(this.props.children);
+  }
+}
 const classPrefix$O = `adm-popover`;
 const defaultProps$A = {
   placement: "top",
@@ -20268,12 +20297,12 @@ const Popover$1 = forwardRef((p, ref) => {
   }, [targetElement, props.trigger]);
   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;
@@ -20710,7 +20739,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];
 };
@@ -20735,11 +20763,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 = useRef([]);
   const controlRef = useRef(null);
@@ -20944,6 +20975,9 @@ const Slide = (props) => {
       }
     }
   });
+  const customRendering = typeof imageRender === "function" && imageRender(props.image, {
+    index: index2
+  });
   return React__default.createElement("div", {
     className: `${classPrefix$K}-slide`
   }, React__default.createElement("div", {
@@ -20954,7 +20988,7 @@ const Slide = (props) => {
     style: {
       matrix
     }
-  }, React__default.createElement("img", {
+  }, customRendering ? customRendering : React__default.createElement("img", {
     ref: imgRef,
     src: props.image,
     draggable: false,
@@ -21032,6 +21066,8 @@ const Slides = 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);
@@ -21061,10 +21097,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__default.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__default.createElement(Slide, {
+  }, (props.image || typeof props.imageRender === "function") && React__default.createElement(Slide, {
     image: props.image,
     onTap: props.onClose,
-    maxZoom: props.maxZoom
+    maxZoom: props.maxZoom,
+    imageRender: props.imageRender
   })), props.image && React__default.createElement("div", {
     className: `${classPrefix$I}-footer`
   }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.image), React__default.createElement(SafeArea, {
@@ -21109,7 +21146,8 @@ const MultiImageViewer = forwardRef((p, ref) => {
     onIndexChange: onSlideChange,
     images: props.images,
     onTap: props.onClose,
-    maxZoom: props.maxZoom
+    maxZoom: props.maxZoom,
+    imageRender: props.imageRender
   })), props.images && React__default.createElement("div", {
     className: `${classPrefix$I}-footer`
   }, (_c = props.renderFooter) === null || _c === void 0 ? void 0 : _c.call(props, props.images[index2], index2), React__default.createElement(SafeArea, {
@@ -21156,7 +21194,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__default.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__default.Children.map(props.children, (child) => {
+    return child !== null && child !== void 0 && React__default.createElement("div", {
+      className: `${classPrefix$H}-item`
+    }, child);
+  })));
+};
+const classPrefix$G = `adm-image-uploader`;
 const PreviewItem = (props) => {
   const {
     locale
@@ -21186,56 +21249,31 @@ const PreviewItem = (props) => {
   }, [src, file]);
   function renderLoading() {
     return props.status === "pending" && React__default.createElement("div", {
-      className: `${classPrefix$H}-cell-mask`
+      className: `${classPrefix$G}-cell-mask`
     }, React__default.createElement("span", {
-      className: `${classPrefix$H}-cell-loading`
+      className: `${classPrefix$G}-cell-loading`
     }, React__default.createElement(SpinLoading, {
       color: "white"
     }), React__default.createElement("span", {
-      className: `${classPrefix$H}-cell-mask-message`
+      className: `${classPrefix$G}-cell-mask-message`
     }, locale.ImageUploader.uploading)));
   }
   function renderDelete() {
     return deletable && React__default.createElement("span", {
-      className: `${classPrefix$H}-cell-delete`,
+      className: `${classPrefix$G}-cell-delete`,
       onClick: onDelete
     }, deleteIcon);
   }
   return React__default.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__default.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__default.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__default.Children.map(props.children, (child) => {
-    return child !== null && child !== void 0 && React__default.createElement("div", {
-      className: `${classPrefix$G}-item`
-    }, child);
-  })));
-};
 const classPrefix$F = `adm-image-uploader`;
 const defaultProps$x = {
   disableUpload: false,
@@ -21371,10 +21409,10 @@ const ImageUploader = 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 = useRef(null);
@@ -22509,7 +22547,8 @@ const defaultProps$o = {
   plain: false,
   error: false,
   seperated: false,
-  caret: true
+  caret: true,
+  inputMode: "numeric"
 };
 const PasscodeInput = forwardRef((p, ref) => {
   const props = mergeProps(defaultProps$o, p);
@@ -22604,7 +22643,7 @@ const PasscodeInput = forwardRef((p, ref) => {
     value,
     type: "text",
     pattern: "[0-9]*",
-    inputMode: "numeric",
+    inputMode: props.inputMode,
     onChange: (e2) => {
       setValue(e2.target.value.slice(0, props.length));
     },
@@ -25426,12 +25465,14 @@ const SwipeAction = 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);
+  };
   useImperativeHandle(ref, () => ({
     show: (side = "right") => {
       var _a;