antd-mobile 5.31.0 → 5.32.0

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

@@ -1,5 +1,5 @@
 import * as React$4 from "react";
-import React__default, { useContext, useRef, useMemo, useEffect, useState as useState$1, useCallback, useLayoutEffect as useLayoutEffect$2, forwardRef, useImperativeHandle, memo, createContext, cloneElement } from "react";
+import React__default, { useContext, useRef, useMemo, useEffect, useState as useState$1, useCallback, useLayoutEffect as useLayoutEffect$2, forwardRef, useImperativeHandle, memo, isValidElement, createContext, cloneElement } from "react";
 import * as ReactDOM from "react-dom";
 import { unstable_batchedUpdates, createPortal, findDOMNode } from "react-dom";
 const global$2 = "";
@@ -9301,18 +9301,18 @@ const defaultProps$12 = Object.assign(Object.assign({}, defaultPopupBaseProps),
 });
 const Popup$1 = (p) => {
   const props = mergeProps(defaultProps$12, p);
+  const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
   const {
     locale
   } = useConfig();
-  const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
   const [active, setActive] = useState$1(props.visible);
+  const ref = useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
   useIsomorphicLayoutEffect$2(() => {
     if (props.visible) {
       setActive(true);
     }
   }, [props.visible]);
-  const ref = useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
   const unmountedRef = useUnmountedRef$1();
   const {
     percent
@@ -10102,12 +10102,8 @@ function usePropsValue(options) {
   return [stateRef.current, setState];
 }
 function convertValueToRange(selectionMode, value) {
-  if (selectionMode === void 0) {
+  if (selectionMode === void 0 || value === null)
     return null;
-  }
-  if (value === null) {
-    return null;
-  }
   if (Array.isArray(value)) {
     return value;
   }
@@ -10680,9 +10676,7 @@ function traverseReactNode(children, fn) {
   handle(children);
 }
 const classPrefix$19 = `adm-capsule-tabs`;
-const CapsuleTab = () => {
-  return null;
-};
+const CapsuleTab = () => null;
 const CapsuleTabs = (props) => {
   var _a;
   const tabListContainerRef = useRef(null);
@@ -10691,7 +10685,7 @@ const CapsuleTabs = (props) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -11637,7 +11631,7 @@ const Tabs$1 = (p) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -12556,6 +12550,7 @@ const Checkbox$1 = forwardRef((p, ref) => {
     }, props.indeterminate ? React__default.createElement(IndeterminateIcon, null) : checked && React__default.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix$X, {
       [`${classPrefix$X}-checked`]: checked && !props.indeterminate,
       [`${classPrefix$X}-indeterminate`]: props.indeterminate,
@@ -12651,7 +12646,7 @@ const Collapse = (props) => {
   var _a;
   const panels = [];
   traverseReactNode(props.children, (child) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -12816,67 +12811,55 @@ function generateDatePickerColumns$2(selected, min2, max2, precision, renderLabe
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, "year");
-    ret.push(years.map((v) => {
-      return {
-        label: renderLabel("year", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map((v) => ({
+      label: renderLabel("year", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, "month");
-    ret.push(months.map((v) => {
-      return {
-        label: renderLabel("month", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(months.map((v) => ({
+      label: renderLabel("month", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, "day");
-    ret.push(days.map((v) => {
-      return {
-        label: renderLabel("day", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(days.map((v) => ({
+      label: renderLabel("day", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, "hour");
-    ret.push(hours.map((v) => {
-      return {
-        label: renderLabel("hour", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(hours.map((v) => ({
+      label: renderLabel("hour", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, "minute");
-    ret.push(minutes.map((v) => {
-      return {
-        label: renderLabel("minute", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(minutes.map((v) => ({
+      label: renderLabel("minute", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord$1.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, "second");
-    ret.push(seconds.map((v) => {
-      return {
-        label: renderLabel("second", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(seconds.map((v) => ({
+      label: renderLabel("second", v),
+      value: v.toString()
+    })));
   }
   if (tillNow) {
     ret[0].push({
@@ -12953,34 +12936,28 @@ function generateDatePickerColumns$1(selected, min2, max2, precision, renderLabe
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, "year");
-    ret.push(years.map((v) => {
-      return {
-        label: renderLabel("year", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(years.map((v) => ({
+      label: renderLabel("year", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord.week) {
     const lower = isInMinYear ? minWeek : 1;
     const upper = isInMaxYear ? maxWeek : selectedYearWeeks;
     const weeks = generateColumn(lower, upper, "week");
-    ret.push(weeks.map((v) => {
-      return {
-        label: renderLabel("week", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map((v) => ({
+      label: renderLabel("week", v),
+      value: v.toString()
+    })));
   }
   if (rank >= precisionRankRecord["week-day"]) {
     const lower = isInMinWeek ? minWeekday : 1;
     const upper = isInMaxWeek ? maxWeekday : 7;
     const weeks = generateColumn(lower, upper, "week-day");
-    ret.push(weeks.map((v) => {
-      return {
-        label: renderLabel("week-day", v),
-        value: v.toString()
-      };
-    }));
+    ret.push(weeks.map((v) => ({
+      label: renderLabel("week-day", v),
+      value: v.toString()
+    })));
   }
   return ret;
 }
@@ -13175,7 +13152,12 @@ const DatePickerView$1 = (p) => {
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
   const mergedRenderLabel = useRenderLabel(renderLabel);
-  const pickerValue = useMemo(() => convertDateToStringArray(value, props.precision), [value, props.precision]);
+  const pickerValue = useMemo(() => {
+    if (value === null || value === void 0 ? void 0 : value.tillNow) {
+      return [TILL_NOW, null, null];
+    }
+    return convertDateToStringArray(value, props.precision);
+  }, [value, props.precision]);
   const onChange = useCallback((val) => {
     var _a2;
     const date4 = convertStringArrayToDate(val, props.precision);
@@ -13185,7 +13167,7 @@ const DatePickerView$1 = (p) => {
     }
   }, [props.onChange, props.precision]);
   return withNativeProps(props, React__default.createElement(PickerView, {
-    columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
+    columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,
@@ -13455,7 +13437,7 @@ const Dropdown = forwardRef((p, ref) => {
   let popupForceRender = false;
   const items = [];
   const navs = React__default.Children.map(props.children, (child) => {
-    if (React__default.isValidElement(child)) {
+    if (isValidElement(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: () => {
           changeActive(child.key);
@@ -19170,6 +19152,9 @@ const computePosition$1 = async (reference, floating, config2) => {
     middlewareData
   };
 };
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
 function expandPaddingObject(padding) {
   return {
     top: 0,
@@ -19215,7 +19200,7 @@ async function detectOverflow(state, options) {
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = options;
+  } = evaluate(options, state);
   const paddingObject = getSideObjectFromPadding(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element = elements[altBoundary ? altContext : elementContext];
@@ -19259,10 +19244,6 @@ const arrow = (options) => ({
   name: "arrow",
   options,
   async fn(state) {
-    const {
-      element,
-      padding = 0
-    } = options || {};
     const {
       x,
       y,
@@ -19271,6 +19252,10 @@ const arrow = (options) => ({
       platform: platform2,
       elements
     } = state;
+    const {
+      element,
+      padding = 0
+    } = evaluate(options, state) || {};
     if (element == null) {
       return {};
     }
@@ -19294,17 +19279,20 @@ const arrow = (options) => ({
       clientSize = elements.floating[clientProp] || rects.floating[length];
     }
     const centerToReference = endDiff / 2 - startDiff / 2;
-    const min2 = paddingObject[minProp];
-    const max2 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = min$1(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min$1(paddingObject[maxProp], largestPossiblePadding);
+    const min$1$1 = minPadding;
+    const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = within(min2, center, max2);
-    const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min2 ? paddingObject[minProp] : paddingObject[maxProp]) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min2 ? min2 - center : max2 - center : 0;
+    const offset2 = within(min$1$1, center, max2);
+    const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? min$1$1 - center : max2 - center : 0;
     return {
       [axis]: coords[axis] - alignmentOffset,
       data: {
         [axis]: offset2,
-        centerOffset: center - offset2
+        centerOffset: center - offset2 + alignmentOffset
       }
     };
   }
@@ -19400,7 +19388,7 @@ const flip = function(options) {
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const side = getSide(placement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
@@ -19488,13 +19476,13 @@ const hide = function(options) {
     name: "hide",
     options,
     async fn(state) {
-      const {
-        strategy = "referenceHidden",
-        ...detectOverflowOptions
-      } = options;
       const {
         rects
       } = state;
+      const {
+        strategy = "referenceHidden",
+        ...detectOverflowOptions
+      } = evaluate(options, state);
       switch (strategy) {
         case "referenceHidden": {
           const overflow = await detectOverflow(state, {
@@ -19529,7 +19517,7 @@ const hide = function(options) {
     }
   };
 };
-async function convertValueToCoords(state, value) {
+async function convertValueToCoords(state, options) {
   const {
     placement,
     platform: platform2,
@@ -19541,7 +19529,7 @@ async function convertValueToCoords(state, value) {
   const isVertical = getMainAxisFromPlacement(placement) === "x";
   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = typeof value === "function" ? value(state) : value;
+  const rawValue = evaluate(options, state);
   let {
     mainAxis,
     crossAxis,
@@ -19567,19 +19555,19 @@ async function convertValueToCoords(state, value) {
     y: crossAxis * crossAxisMulti
   };
 }
-const offset = function(value) {
-  if (value === void 0) {
-    value = 0;
+const offset = function(options) {
+  if (options === void 0) {
+    options = 0;
   }
   return {
     name: "offset",
-    options: value,
+    options,
     async fn(state) {
       const {
         x,
         y
       } = state;
-      const diffCoords = await convertValueToCoords(state, value);
+      const diffCoords = await convertValueToCoords(state, options);
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
@@ -19620,7 +19608,7 @@ const shift = function(options) {
           }
         },
         ...detectOverflowOptions
-      } = options;
+      } = evaluate(options, state);
       const coords = {
         x,
         y
@@ -19677,7 +19665,7 @@ const limitShift = function(options) {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
-      } = options;
+      } = evaluate(options, state);
       const coords = {
         x,
         y
@@ -19686,7 +19674,7 @@ const limitShift = function(options) {
       const crossAxis = getCrossAxis(mainAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = typeof offset2 === "function" ? offset2(state) : offset2;
+      const rawOffset = evaluate(offset2, state);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -19735,19 +19723,10 @@ function isNode(value) {
   return value instanceof getWindow(value).Node;
 }
 function getNodeName(node) {
-  return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
-}
-let uaString;
-function getUAString() {
-  if (uaString) {
-    return uaString;
-  }
-  const uaData = navigator.userAgentData;
-  if (uaData && Array.isArray(uaData.brands)) {
-    uaString = uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
-    return uaString;
+  if (isNode(node)) {
+    return (node.nodeName || "").toLowerCase();
   }
-  return navigator.userAgent;
+  return "#document";
 }
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
@@ -19759,8 +19738,7 @@ function isShadowRoot(node) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  const OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+  return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
 }
 function isOverflowElement(element) {
   const {
@@ -19775,16 +19753,14 @@ function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
 function isContainingBlock(element) {
-  const isFirefox = /firefox/i.test(getUAString());
+  const safari = isSafari();
   const css = getComputedStyle$1(element);
-  const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
-  return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some((value) => {
-    const contain = css.contain;
-    return contain != null ? contain.includes(value) : false;
-  });
+  return css.transform !== "none" || css.perspective !== "none" || !safari && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !safari && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
-function isClientRectVisualViewportBased() {
-  return /^((?!chrome|android).)*safari/i.test(getUAString());
+function isSafari() {
+  if (typeof CSS === "undefined" || !CSS.supports)
+    return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
 }
 function isLastTraversableNode(node) {
   return ["html", "body", "#document"].includes(getNodeName(node));
@@ -19792,10 +19768,15 @@ function isLastTraversableNode(node) {
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
+const floor = Math.floor;
+const createEmptyCoords = (v) => ({
+  x: v,
+  y: v
+});
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width);
-  let height = parseFloat(css.height);
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
   const offsetWidth = hasOffset ? element.offsetWidth : width;
   const offsetHeight = hasOffset ? element.offsetHeight : height;
@@ -19807,29 +19788,25 @@ function getCssDimensions(element) {
   return {
     width,
     height,
-    fallback: shouldFallback
+    $: shouldFallback
   };
 }
 function unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
-const FALLBACK_SCALE = {
-  x: 1,
-  y: 1
-};
 function getScale(element) {
   const domElement = unwrapElement(element);
   if (!isHTMLElement(domElement)) {
-    return FALLBACK_SCALE;
+    return createEmptyCoords(1);
   }
   const rect = domElement.getBoundingClientRect();
   const {
     width,
     height,
-    fallback
+    $
   } = getCssDimensions(domElement);
-  let x = (fallback ? round(rect.width) : rect.width) / width;
-  let y = (fallback ? round(rect.height) : rect.height) / height;
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
   if (!x || !Number.isFinite(x)) {
     x = 1;
   }
@@ -19841,8 +19818,25 @@ function getScale(element) {
     y
   };
 }
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+const noOffsets = /* @__PURE__ */ createEmptyCoords(0);
+function getVisualOffsets(element, isFixed, floatingOffsetParent) {
   var _win$visualViewport, _win$visualViewport2;
+  if (isFixed === void 0) {
+    isFixed = true;
+  }
+  if (!isSafari()) {
+    return noOffsets;
+  }
+  const win = element ? getWindow(element) : window;
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== win) {
+    return noOffsets;
+  }
+  return {
+    x: ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0,
+    y: ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0
+  };
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -19851,7 +19845,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale2 = FALLBACK_SCALE;
+  let scale2 = createEmptyCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
@@ -19861,28 +19855,27 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale2 = getScale(element);
     }
   }
-  const win = domElement ? getWindow(domElement) : window;
-  const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
-  let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale2.x;
-  let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale2.y;
+  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  let x = (clientRect.left + visualOffsets.x) / scale2.x;
+  let y = (clientRect.top + visualOffsets.y) / scale2.y;
   let width = clientRect.width / scale2.x;
   let height = clientRect.height / scale2.y;
   if (domElement) {
-    const win2 = getWindow(domElement);
+    const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentIFrame = win2.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win2) {
+    let currentIFrame = win.frameElement;
+    while (currentIFrame && offsetParent && offsetWin !== win) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle(currentIFrame);
-      iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
       y *= iframeScale.y;
       width *= iframeScale.x;
       height *= iframeScale.y;
-      x += iframeRect.x;
-      y += iframeRect.y;
+      x += left;
+      y += top;
       currentIFrame = getWindow(currentIFrame).frameElement;
     }
   }
@@ -19923,14 +19916,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale2 = {
-    x: 1,
-    y: 1
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
+  let scale2 = createEmptyCoords(1);
+  const offsets = createEmptyCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -19980,7 +19967,7 @@ function getParentNode(node) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    return parentNode.ownerDocument.body;
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -20011,7 +19998,7 @@ function getViewportRect(element, strategy) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    const visualViewportBased = isClientRectVisualViewportBased();
+    const visualViewportBased = isSafari();
     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
@@ -20028,10 +20015,7 @@ function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
-  const scale2 = isHTMLElement(element) ? getScale(element) : {
-    x: 1,
-    y: 1
-  };
+  const scale2 = isHTMLElement(element) ? getScale(element) : createEmptyCoords(1);
   const width = element.clientWidth * scale2.x;
   const height = element.clientHeight * scale2.y;
   const x = left * scale2.x;
@@ -20052,19 +20036,22 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else if (isElement(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    const mutableRect = {
-      ...clippingAncestor
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
     };
-    if (isClientRectVisualViewportBased()) {
-      var _win$visualViewport, _win$visualViewport2;
-      const win = getWindow(element);
-      mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
-      mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
-    }
-    rect = mutableRect;
   }
   return rectToClientRect(rect);
 }
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+}
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
   if (cachedResult) {
@@ -20076,11 +20063,11 @@ function getClippingElementAncestors(element, cache) {
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
-    const containingBlock = isContainingBlock(currentNode);
-    if (computedStyle.position === "fixed") {
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       result2 = result2.filter((ancestor) => ancestor !== currentNode);
     } else {
@@ -20156,21 +20143,19 @@ function getOffsetParent(element, polyfill) {
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(element, true, strategy === "fixed", offsetParent);
+  const isFixed = strategy === "fixed";
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+  const offsets = createEmptyCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
     if (isHTMLElement(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
@@ -20212,34 +20197,92 @@ const platform = {
   getClientRects: (element) => Array.from(element.getClientRects()),
   isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
 };
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root2 = getDocumentElement(element);
+  function cleanup() {
+    clearTimeout(timeoutId);
+    io && io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = element.getBoundingClientRect();
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root2.clientWidth - (left + width));
+    const insetBottom = floor(root2.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    let isFirstUpdate = true;
+    io = new IntersectionObserver((entries) => {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 100);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      isFirstUpdate = false;
+    }, {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    });
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
 function autoUpdate(reference, floating, update2, options) {
   if (options === void 0) {
     options = {};
   }
   const {
-    ancestorScroll: _ancestorScroll = true,
+    ancestorScroll = true,
     ancestorResize = true,
     elementResize = true,
+    layoutShift = typeof IntersectionObserver === "function",
     animationFrame = false
   } = options;
-  const ancestorScroll = _ancestorScroll && !animationFrame;
-  const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference) ? getOverflowAncestors(reference) : reference.contextElement ? getOverflowAncestors(reference.contextElement) : [], ...getOverflowAncestors(floating)] : [];
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
     ancestorScroll && ancestor.addEventListener("scroll", update2, {
       passive: true
     });
     ancestorResize && ancestor.addEventListener("resize", update2);
   });
-  let observer = null;
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update2) : null;
+  let resizeObserver = null;
   if (elementResize) {
-    observer = new ResizeObserver(() => {
-      update2();
-    });
-    isElement(reference) && !animationFrame && observer.observe(reference);
-    if (!isElement(reference) && reference.contextElement && !animationFrame) {
-      observer.observe(reference.contextElement);
+    resizeObserver = new ResizeObserver(update2);
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
     }
-    observer.observe(floating);
+    resizeObserver.observe(floating);
   }
   let frameId;
   let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -20256,13 +20299,13 @@ function autoUpdate(reference, floating, update2, options) {
   }
   update2();
   return () => {
-    var _observer;
     ancestors.forEach((ancestor) => {
       ancestorScroll && ancestor.removeEventListener("scroll", update2);
       ancestorResize && ancestor.removeEventListener("resize", update2);
     });
-    (_observer = observer) == null ? void 0 : _observer.disconnect();
-    observer = null;
+    cleanupIo && cleanupIo();
+    resizeObserver && resizeObserver.disconnect();
+    resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);
     }
@@ -20360,13 +20403,11 @@ const Popover$1 = forwardRef((p, ref) => {
     defaultValue: props.defaultVisible,
     onChange: props.onVisibleChange
   });
-  useImperativeHandle(ref, () => {
-    return {
-      show: () => setVisible(true),
-      hide: () => setVisible(false),
-      visible
-    };
-  }, [visible]);
+  useImperativeHandle(ref, () => ({
+    show: () => setVisible(true),
+    hide: () => setVisible(false),
+    visible
+  }), [visible]);
   const targetRef = useRef(null);
   const floatingRef = useRef(null);
   const arrowRef = useRef(null);
@@ -20812,7 +20853,7 @@ const FormSubscribe = (props) => {
   const update2 = useUpdate$1();
   const form = useContext(Context$1);
   const value = form.getFieldsValue(props.to);
-  const childNode = React__default.useMemo(() => props.children(value, form), [JSON.stringify(value)]);
+  const childNode = React__default.useMemo(() => props.children(value, form), [JSON.stringify(value), props.children]);
   return React__default.createElement(React__default.Fragment, null, childNode, props.to.map((namePath) => React__default.createElement(Watcher, {
     key: namePath.toString(),
     form,
@@ -21426,9 +21467,7 @@ const ImageUploader$1 = (p) => {
       let files = [].slice.call(rawFiles);
       e2.target.value = "";
       if (props.beforeUpload) {
-        const postFiles = files.map((file) => {
-          return processFile(file, files);
-        });
+        const postFiles = files.map((file) => processFile(file, files));
         yield Promise.all(postFiles).then((filesList) => {
           files = filesList.filter(Boolean);
         });
@@ -21902,7 +21941,10 @@ const Input$1 = forwardRef((p, ref) => {
   function checkValue() {
     let nextValue = value;
     if (props.type === "number") {
-      nextValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      const boundValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      if (Number(nextValue) !== Number(boundValue)) {
+        nextValue = boundValue;
+      }
     }
     if (nextValue !== value) {
       setValue2(nextValue);
@@ -22003,7 +22045,7 @@ const JumboTabs = (props) => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -22130,19 +22172,17 @@ const Modal = (p) => {
     direction: "vertical",
     block: true,
     className: classNames(cls("footer"), props.actions.length === 0 && cls("footer-empty"))
-  }, props.actions.map((action, index2) => {
-    return React__default.createElement(ModalActionButton, {
-      key: action.key,
-      action,
-      onAction: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
-        if (props.closeOnAction) {
-          (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
-        }
-      })
-    });
-  })));
+  }, props.actions.map((action, index2) => React__default.createElement(ModalActionButton, {
+    key: action.key,
+    action,
+    onAction: () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a, _b, _c;
+      yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    })
+  }))));
   return React__default.createElement(CenterPopup, {
     className: classNames(cls(), props.className),
     style: props.style,
@@ -23014,6 +23054,7 @@ const Radio = (p) => {
     }, checked && React__default.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React__default.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix$q, {
       [`${classPrefix$q}-checked`]: checked,
       [`${classPrefix$q}-disabled`]: disabled,
@@ -23143,9 +23184,9 @@ const Result$1 = (p) => {
     className: `${classPrefix$o}-icon`
   }, resultIcon), React__default.createElement("div", {
     className: `${classPrefix$o}-title`
-  }, title), description ? React__default.createElement("div", {
+  }, title), !!description && React__default.createElement("div", {
     className: `${classPrefix$o}-description`
-  }, description) : null));
+  }, description)));
 };
 const Result = Result$1;
 const resultPage = "";
@@ -23468,7 +23509,7 @@ const SideBar = (props) => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -24493,11 +24534,7 @@ function InnerStepper(p, ref) {
   const formatValue = (value2) => {
     if (value2 === null)
       return "";
-    if (formatter) {
-      return formatter(value2);
-    } else {
-      return fixedValue(value2);
-    }
+    return formatter ? formatter(value2) : fixedValue(value2);
   };
   const [mergedValue, setMergedValue] = _default(defaultValue, {
     value,
@@ -25108,10 +25145,10 @@ const Swiper = forwardRef(staged_1((p, ref) => {
       var _a;
       const roundedIndex = Math.round(index2);
       const targetIndex = loop2 ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
-      setCurrent(targetIndex);
       if (targetIndex !== getCurrent()) {
         (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
       }
+      setCurrent(targetIndex);
       api.start({
         position: (loop2 ? roundedIndex : boundIndex(roundedIndex)) * 100,
         immediate
@@ -25334,7 +25371,7 @@ const TabBar = (p) => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index2) => {
-    if (!React__default.isValidElement(child))
+    if (!isValidElement(child))
       return;
     const key = child.key;
     if (typeof key !== "string")
@@ -25986,13 +26023,9 @@ const Multiple = (p) => {
     }
     const isLeaf = deep === index2 + 1;
     if (isLeaf) {
-      return React__default.createElement(React__default.Fragment, null, renderSelectAllLeafItem(columnOptions, index2), columnOptions.map((option) => {
-        return renderLeafItem(option);
-      }));
+      return React__default.createElement(React__default.Fragment, null, renderSelectAllLeafItem(columnOptions, index2), columnOptions.map((option) => renderLeafItem(option)));
     }
-    return React__default.createElement(React__default.Fragment, null, renderSelectAllItem(columnOptions, index2), columnOptions.map((option) => {
-      return renderItem(option);
-    }));
+    return React__default.createElement(React__default.Fragment, null, renderSelectAllItem(columnOptions, index2), columnOptions.map((option) => renderItem(option)));
   };
   const renderColumns = () => {
     var _a;
@@ -26126,7 +26159,7 @@ const VirtualInput$1 = forwardRef((p, ref) => {
     },
     role: "button",
     "aria-label": locale.Input.clear
-  }, React__default.createElement(CloseCircleFill, null)), !value && React__default.createElement("div", {
+  }, React__default.createElement(CloseCircleFill, null)), [void 0, null, ""].includes(value) && React__default.createElement("div", {
     className: `${classPrefix$2}-placeholder`
   }, props.placeholder), keyboardElement));
 });
@@ -26244,31 +26277,27 @@ const Footer$1 = (p) => {
     className: classNames(classPrefix)
   }, label && React__default.createElement("div", {
     className: `${classPrefix}-label`
-  }, React__default.createElement(Divider, null, label)), links && links.length > 0 && React__default.createElement("div", {
+  }, React__default.createElement(Divider, null, label)), !!(links === null || links === void 0 ? void 0 : links.length) && React__default.createElement("div", {
     className: `${classPrefix}-links`
-  }, links.map((link, index2) => {
-    return React__default.createElement(React__default.Fragment, {
-      key: index2
-    }, React__default.createElement("a", {
-      href: link.href,
-      rel: "noopener noreferrer",
-      onClick: (event) => clickLinkItem(link, index2, event)
-    }, link.text), index2 !== links.length - 1 && React__default.createElement(Divider, {
-      direction: "vertical"
-    }));
-  })), content && React__default.createElement("div", {
+  }, links.map((link, index2) => React__default.createElement(React__default.Fragment, {
+    key: index2
+  }, React__default.createElement("a", {
+    href: link.href,
+    rel: "noopener noreferrer",
+    onClick: (event) => clickLinkItem(link, index2, event)
+  }, link.text), index2 !== links.length - 1 && React__default.createElement(Divider, {
+    direction: "vertical"
+  })))), content && React__default.createElement("div", {
     className: `${classPrefix}-content`
   }, content), chips && chips.length > 0 && React__default.createElement("div", {
     className: `${classPrefix}-chips`
-  }, chips.map((chip, index2) => {
-    return React__default.createElement("div", {
-      key: index2,
-      onClick: () => clickChipItem(chip, index2),
-      className: classNames(`${classPrefix}-chip`, {
-        [`${classPrefix}-chip-link`]: chip.type === "link"
-      })
-    }, chip.text);
-  }))));
+  }, chips.map((chip, index2) => React__default.createElement("div", {
+    key: index2,
+    onClick: () => clickChipItem(chip, index2),
+    className: classNames(`${classPrefix}-chip`, {
+      [`${classPrefix}-chip-link`]: chip.type === "link"
+    })
+  }, chip.text)))));
 };
 const Footer = Footer$1;
 export {