antd-mobile 5.32.4 → 5.33.0

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

@@ -181,6 +181,10 @@ function __spreadArray(to2, from, pack) {
     }
   return to2.concat(ar || Array.prototype.slice.call(from));
 }
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e2 = new Error(message);
+  return e2.name = "SuppressedError", e2.error = error, e2.suppressed = suppressed, e2;
+};
 function mergeLocale(base2, patch) {
   function merge2(a, b) {
     if (typeof a !== "object" || typeof b !== "object" || Array.isArray(a) || Array.isArray(b)) {
@@ -206,6 +210,11 @@ const base = {
     close: "Close"
   },
   Calendar: {
+    title: "Date selection",
+    confirm: "Confirm",
+    start: "start",
+    end: "end",
+    today: "today",
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
     yearAndMonth: "${year}/${month}"
   },
@@ -340,6 +349,11 @@ const zhCN = mergeLocale(base, {
     close: "\u5173\u95ED"
   },
   Calendar: {
+    title: "\u65E5\u671F\u9009\u62E9",
+    confirm: "\u786E\u8BA4",
+    start: "\u5F00\u59CB",
+    end: "\u7ED3\u675F",
+    today: "\u4ECA\u65E5",
     markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
     yearAndMonth: "${year}\u5E74${month}\u6708"
   },
@@ -1386,7 +1400,7 @@ var dayjs_min = { exports: {} };
   !function(t, e2) {
     module.exports = e2();
   }(commonjsGlobal, function() {
-    var t = 1e3, e2 = 6e4, n2 = 36e5, r = "millisecond", i2 = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+    var t = 1e3, e2 = 6e4, n2 = 36e5, r = "millisecond", i2 = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
       var e3 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
       return "[" + t2 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
     } }, m = function(t2, e3, n3) {
@@ -1398,18 +1412,18 @@ var dayjs_min = { exports: {} };
     }, m: function t2(e3, n3) {
       if (e3.date() < n3.date())
         return -t2(n3, e3);
-      var r2 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r2, f), s2 = n3 - i3 < 0, u2 = e3.clone().add(r2 + (s2 ? -1 : 1), f);
+      var r2 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r2, c), s2 = n3 - i3 < 0, u2 = e3.clone().add(r2 + (s2 ? -1 : 1), c);
       return +(-(r2 + (n3 - i3) / (s2 ? i3 - u2 : u2 - i3)) || 0);
     }, a: function(t2) {
       return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
     }, p: function(t2) {
-      return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i2, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i2, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
     }, u: function(t2) {
       return void 0 === t2;
     } }, g = "en", D = {};
     D[g] = M;
     var p = function(t2) {
-      return t2 instanceof _;
+      return t2 instanceof b;
     }, S = function t2(e3, n3, r2) {
       var i3;
       if (!e3)
@@ -1429,12 +1443,12 @@ var dayjs_min = { exports: {} };
       if (p(t2))
         return t2.clone();
       var n3 = "object" == typeof e3 ? e3 : {};
-      return n3.date = t2, n3.args = arguments, new _(n3);
+      return n3.date = t2, n3.args = arguments, new b(n3);
     }, O = v;
     O.l = S, O.i = p, O.w = function(t2, e3) {
       return w(t2, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
     };
-    var _ = function() {
+    var b = function() {
       function M2(t2) {
         this.$L = S(t2.locale, null, true), this.parse(t2);
       }
@@ -1478,16 +1492,16 @@ var dayjs_min = { exports: {} };
       }, m2.valueOf = function() {
         return this.$d.getTime();
       }, m2.startOf = function(t2, e3) {
-        var n3 = this, r2 = !!O.u(e3) || e3, h2 = O.p(t2), l2 = function(t3, e4) {
+        var n3 = this, r2 = !!O.u(e3) || e3, f2 = O.p(t2), l2 = function(t3, e4) {
           var i3 = O.w(n3.$u ? Date.UTC(n3.$y, e4, t3) : new Date(n3.$y, e4, t3), n3);
           return r2 ? i3 : i3.endOf(a);
         }, $2 = function(t3, e4) {
           return O.w(n3.toDate()[t3].apply(n3.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
         }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-        switch (h2) {
-          case c:
+        switch (f2) {
+          case h:
             return r2 ? l2(1, 0) : l2(31, 11);
-          case f:
+          case c:
             return r2 ? l2(1, M3) : l2(0, M3 + 1);
           case o:
             var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
@@ -1507,8 +1521,8 @@ var dayjs_min = { exports: {} };
       }, m2.endOf = function(t2) {
         return this.startOf(t2, false);
       }, m2.$set = function(t2, e3) {
-        var n3, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a] = h2 + "Date", n3[d] = h2 + "Date", n3[f] = h2 + "Month", n3[c] = h2 + "FullYear", n3[u] = h2 + "Hours", n3[s] = h2 + "Minutes", n3[i2] = h2 + "Seconds", n3[r] = h2 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e3 - this.$W) : e3;
-        if (o2 === f || o2 === c) {
+        var n3, o2 = O.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a] = f2 + "Date", n3[d] = f2 + "Date", n3[c] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s] = f2 + "Minutes", n3[i2] = f2 + "Seconds", n3[r] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e3 - this.$W) : e3;
+        if (o2 === c || o2 === h) {
           var y2 = this.clone().set(d, 1);
           y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
         } else
@@ -1518,17 +1532,17 @@ var dayjs_min = { exports: {} };
         return this.clone().$set(t2, e3);
       }, m2.get = function(t2) {
         return this[O.p(t2)]();
-      }, m2.add = function(r2, h2) {
+      }, m2.add = function(r2, f2) {
         var d2, l2 = this;
         r2 = Number(r2);
-        var $2 = O.p(h2), y2 = function(t2) {
+        var $2 = O.p(f2), y2 = function(t2) {
           var e3 = w(l2);
           return O.w(e3.date(e3.date() + Math.round(t2 * r2)), l2);
         };
-        if ($2 === f)
-          return this.set(f, this.$M + r2);
         if ($2 === c)
-          return this.set(c, this.$y + r2);
+          return this.set(c, this.$M + r2);
+        if ($2 === h)
+          return this.set(h, this.$y + r2);
         if ($2 === a)
           return y2(1);
         if ($2 === o)
@@ -1541,24 +1555,106 @@ var dayjs_min = { exports: {} };
         var e3 = this, n3 = this.$locale();
         if (!this.isValid())
           return n3.invalidDate || l;
-        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i3 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, f2 = n3.months, h2 = function(t3, n4, i4, s3) {
+        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i3 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c6 = n3.months, f2 = n3.meridiem, h2 = function(t3, n4, i4, s3) {
           return t3 && (t3[n4] || t3(e3, r2)) || i4[n4].slice(0, s3);
-        }, c6 = function(t3) {
+        }, d2 = function(t3) {
           return O.s(s2 % 12 || 12, t3, "0");
-        }, d2 = n3.meridiem || function(t3, e4, n4) {
+        }, $2 = f2 || function(t3, e4, n4) {
           var r3 = t3 < 12 ? "AM" : "PM";
           return n4 ? r3.toLowerCase() : r3;
-        }, $2 = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n3.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n3.weekdaysMin, this.$W, o2, 2), ddd: h2(n3.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c6(1), hh: c6(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i3 };
-        return r2.replace(y, function(t3, e4) {
-          return e4 || $2[t3] || i3.replace(":", "");
+        };
+        return r2.replace(y, function(t3, r3) {
+          return r3 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e3.$y).slice(-2);
+              case "YYYY":
+                return O.s(e3.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return O.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n3.monthsShort, a2, c6, 3);
+              case "MMMM":
+                return h2(c6, a2);
+              case "D":
+                return e3.$D;
+              case "DD":
+                return O.s(e3.$D, 2, "0");
+              case "d":
+                return String(e3.$W);
+              case "dd":
+                return h2(n3.weekdaysMin, e3.$W, o2, 2);
+              case "ddd":
+                return h2(n3.weekdaysShort, e3.$W, o2, 3);
+              case "dddd":
+                return o2[e3.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return O.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, true);
+              case "A":
+                return $2(s2, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return O.s(u2, 2, "0");
+              case "s":
+                return String(e3.$s);
+              case "ss":
+                return O.s(e3.$s, 2, "0");
+              case "SSS":
+                return O.s(e3.$ms, 3, "0");
+              case "Z":
+                return i3;
+            }
+            return null;
+          }(t3) || i3.replace(":", "");
         });
       }, m2.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, m2.diff = function(r2, d2, l2) {
-        var $2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e2, v2 = this - M3, g2 = O.m(this, M3);
-        return g2 = ($2 = {}, $2[c] = g2 / 12, $2[f] = g2, $2[h] = g2 / 3, $2[o] = (v2 - m3) / 6048e5, $2[a] = (v2 - m3) / 864e5, $2[u] = v2 / n2, $2[s] = v2 / e2, $2[i2] = v2 / t, $2)[y2] || v2, l2 ? g2 : O.a(g2);
+        var $2, y2 = this, M3 = O.p(d2), m3 = w(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e2, g2 = this - m3, D2 = function() {
+          return O.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n2;
+            break;
+          case s:
+            $2 = g2 / e2;
+            break;
+          case i2:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : O.a($2);
       }, m2.daysInMonth = function() {
-        return this.endOf(f).$D;
+        return this.endOf(c).$D;
       }, m2.$locale = function() {
         return D[this.$L];
       }, m2.locale = function(t2, e3) {
@@ -1577,13 +1673,13 @@ var dayjs_min = { exports: {} };
       }, m2.toString = function() {
         return this.$d.toUTCString();
       }, M2;
-    }(), T = _.prototype;
-    return w.prototype = T, [["$ms", r], ["$s", i2], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
-      T[t2[1]] = function(e3) {
+    }(), _ = b.prototype;
+    return w.prototype = _, [["$ms", r], ["$s", i2], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      _[t2[1]] = function(e3) {
         return this.$g(e3, t2[0], t2[1]);
       };
     }), w.extend = function(t2, e3) {
-      return t2.$i || (t2(e3, _, w), t2.$i = true), w;
+      return t2.$i || (t2(e3, b, w), t2.$i = true), w;
     }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
       return w(1e3 * t2);
     }, w.en = D[g], w.Ls = D, w.p = {}, w;
@@ -2842,6 +2938,27 @@ function useRafState(initialState) {
   });
   return [state, setRafState];
 }
+var overArg = _overArg;
+var getPrototype$2 = overArg(Object.getPrototypeOf, Object);
+var _getPrototype = getPrototype$2;
+var baseGetTag = _baseGetTag, getPrototype$1 = _getPrototype, isObjectLike$1 = isObjectLike_1;
+var objectTag = "[object Object]";
+var funcProto = Function.prototype, objectProto$1 = Object.prototype;
+var funcToString = funcProto.toString;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var objectCtorString = funcToString.call(Object);
+function isPlainObject$1(value) {
+  if (!isObjectLike$1(value) || baseGetTag(value) != objectTag) {
+    return false;
+  }
+  var proto = getPrototype$1(value);
+  if (proto === null) {
+    return true;
+  }
+  var Ctor = hasOwnProperty$1.call(proto, "constructor") && proto.constructor;
+  return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+}
+var isPlainObject_1 = isPlainObject$1;
 var useUnmountedRef = function() {
   var unmountedRef = useRef(false);
   useEffect(function() {
@@ -3890,7 +4007,7 @@ function findIndex(arr, test) {
   const index2 = arr.findIndex(test);
   return index2 < 0 ? arr.length : index2;
 }
-const clamp$1 = (min2, max2, v) => Math.min(Math.max(v, min2), max2);
+const clamp$2 = (min2, max2, v) => Math.min(Math.max(v, min2), max2);
 const colors = {
   transparent: 0,
   aliceblue: 4042850303,
@@ -4216,7 +4333,7 @@ const steps$1 = (steps2, direction = "end") => (progress) => {
   progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);
   const expanded = progress * steps2;
   const rounded = direction === "end" ? Math.floor(expanded) : Math.ceil(expanded);
-  return clamp$1(0, 1, rounded / steps2);
+  return clamp$2(0, 1, rounded / steps2);
 };
 const c1 = 1.70158;
 const c2 = c1 * 1.525;
@@ -6804,7 +6921,7 @@ function withStopPropagation(events, element) {
   }
   return React__default.cloneElement(element, props);
 }
-const classPrefix$1n = `adm-mask`;
+const classPrefix$1p = `adm-mask`;
 const opacityRecord = {
   default: 0.55,
   thin: 0.35,
@@ -6814,7 +6931,7 @@ const colorRecord$4 = {
   black: "0, 0, 0",
   white: "255, 255, 255"
 };
-const defaultProps$13 = {
+const defaultProps$15 = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -6825,7 +6942,7 @@ const defaultProps$13 = {
   stopPropagation: ["click"]
 };
 const Mask$1 = (p) => {
-  const props = mergeProps(defaultProps$13, p);
+  const props = mergeProps(defaultProps$15, p);
   const {
     locale
   } = useConfig();
@@ -6866,7 +6983,7 @@ const Mask$1 = (p) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement(animated.div, {
-    className: classPrefix$1n,
+    className: classPrefix$1p,
     ref,
     style: Object.assign(Object.assign({}, props.style), {
       background,
@@ -6880,12 +6997,12 @@ const Mask$1 = (p) => {
       }
     }
   }, props.onMaskClick && React__default.createElement("div", {
-    className: `${classPrefix$1n}-aria-button`,
+    className: `${classPrefix$1p}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React__default.createElement("div", {
-    className: `${classPrefix$1n}-content`
+    className: `${classPrefix$1p}-content`
   }, props.children))));
   return React__default.createElement(ShouldRender, {
     active,
@@ -7503,7 +7620,7 @@ function useInnerVisible(outerVisible) {
   }, [outerVisible]);
   return innerVisible;
 }
-function clamp(v, min2, max2) {
+function clamp$1(v, min2, max2) {
   return Math.max(min2, Math.min(v, max2));
 }
 const V = {
@@ -7534,7 +7651,7 @@ function rubberband$1(distance, dimension, constant2) {
 }
 function rubberbandIfOutOfBounds$1(position, min2, max2, constant2 = 0.15) {
   if (constant2 === 0)
-    return clamp(position, min2, max2);
+    return clamp$1(position, min2, max2);
   if (position < min2)
     return -rubberband$1(min2 - position, max2 - min2, constant2) + min2;
   if (position > max2)
@@ -7545,7 +7662,24 @@ function computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {
   const [[X0, X1], [Y0, Y1]] = bounds;
   return [rubberbandIfOutOfBounds$1(Vx, X0, X1, Rx), rubberbandIfOutOfBounds$1(Vy, Y0, Y1, Ry)];
 }
+function _toPrimitive$1(input2, hint) {
+  if (typeof input2 !== "object" || input2 === null)
+    return input2;
+  var prim = input2[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input2, hint || "default");
+    if (typeof res !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input2);
+}
+function _toPropertyKey$1(arg) {
+  var key = _toPrimitive$1(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 function _defineProperty$1(obj, key, value) {
+  key = _toPropertyKey$1(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7558,26 +7692,26 @@ function _defineProperty$1(obj, key, value) {
   }
   return obj;
 }
-function ownKeys$1(object4, enumerableOnly) {
-  var keys2 = Object.keys(object4);
+function ownKeys$1(e2, r) {
+  var t = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object4);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object4, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2$1(target) {
-  for (var i2 = 1; i2 < arguments.length; i2++) {
-    var source = null != arguments[i2] ? arguments[i2] : {};
-    i2 % 2 ? ownKeys$1(Object(source), true).forEach(function(key) {
-      _defineProperty$1(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    var o = Object.getOwnPropertySymbols(e2);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e2, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2$1(e2) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys$1(Object(t), true).forEach(function(r2) {
+      _defineProperty$1(e2, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e2;
 }
 const EVENT_TYPE_MAP = {
   pointer: {
@@ -7649,7 +7783,7 @@ function getPointerType(event) {
 function getCurrentTargetTouchList(event) {
   return Array.from(event.touches).filter((e2) => {
     var _event$currentTarget, _event$currentTarget$;
-    return e2.target === event.currentTarget || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : (_event$currentTarget$ = _event$currentTarget.contains) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.call(_event$currentTarget, e2.target));
+    return e2.target === event.currentTarget || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || (_event$currentTarget$ = _event$currentTarget.contains) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.call(_event$currentTarget, e2.target));
   });
 }
 function getTouchList(event) {
@@ -7659,18 +7793,22 @@ function getValueEvent(event) {
   return isTouch(event) ? getTouchList(event)[0] : event;
 }
 function distanceAngle(P1, P2) {
-  const dx = P2.clientX - P1.clientX;
-  const dy = P2.clientY - P1.clientY;
-  const cx = (P2.clientX + P1.clientX) / 2;
-  const cy = (P2.clientY + P1.clientY) / 2;
-  const distance = Math.hypot(dx, dy);
-  const angle = -(Math.atan2(dx, dy) * 180) / Math.PI;
-  const origin = [cx, cy];
-  return {
-    angle,
-    distance,
-    origin
-  };
+  try {
+    const dx = P2.clientX - P1.clientX;
+    const dy = P2.clientY - P1.clientY;
+    const cx = (P2.clientX + P1.clientX) / 2;
+    const cy = (P2.clientY + P1.clientY) / 2;
+    const distance = Math.hypot(dx, dy);
+    const angle = -(Math.atan2(dx, dy) * 180) / Math.PI;
+    const origin = [cx, cy];
+    return {
+      angle,
+      distance,
+      origin
+    };
+  } catch (_unused) {
+  }
+  return null;
 }
 function touchIds(event) {
   return getCurrentTargetTouchList(event).map((touch) => touch.identifier);
@@ -7806,7 +7944,7 @@ class Engine {
     state.args = args;
     state.axis = void 0;
     state.memo = void 0;
-    state.elapsedTime = 0;
+    state.elapsedTime = state.timeDelta = 0;
     state.direction = [0, 0];
     state.distance = [0, 0];
     state.overflow = [0, 0];
@@ -7827,8 +7965,8 @@ class Engine {
       state.currentTarget = event.currentTarget;
       state.lastOffset = config2.from ? call$2(config2.from, state) : state.offset;
       state.offset = state.lastOffset;
+      state.startTime = state.timeStamp = event.timeStamp;
     }
-    state.startTime = state.timeStamp = event.timeStamp;
   }
   computeValues(values) {
     const state = this.state;
@@ -7932,6 +8070,7 @@ class Engine {
       state._direction = state._delta.map(Math.sign);
       if (!state.first && dt > 0) {
         state.velocity = [absoluteDelta[0] / dt, absoluteDelta[1] / dt];
+        state.timeDelta = dt;
       }
     }
   }
@@ -8108,12 +8247,11 @@ const coordinatesConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonCo
     return [[left, right], [top, bottom]];
   }
 });
-const DISPLACEMENT = 10;
 const KEYS_DELTA_MAP = {
-  ArrowRight: (factor = 1) => [DISPLACEMENT * factor, 0],
-  ArrowLeft: (factor = 1) => [-DISPLACEMENT * factor, 0],
-  ArrowUp: (factor = 1) => [0, -DISPLACEMENT * factor],
-  ArrowDown: (factor = 1) => [0, DISPLACEMENT * factor]
+  ArrowRight: (displacement, factor = 1) => [displacement * factor, 0],
+  ArrowLeft: (displacement, factor = 1) => [-1 * displacement * factor, 0],
+  ArrowUp: (displacement, factor = 1) => [0, -1 * displacement * factor],
+  ArrowDown: (displacement, factor = 1) => [0, displacement * factor]
 };
 class DragEngine extends CoordinatesEngine {
   constructor(...args) {
@@ -8210,8 +8348,6 @@ class DragEngine extends CoordinatesEngine {
     const config2 = this.config;
     if (!state._pointerActive)
       return;
-    if (state.type === event.type && event.timeStamp === state.timeStamp)
-      return;
     const id = pointerId(event);
     if (state._pointerId !== void 0 && id !== state._pointerId)
       return;
@@ -8276,17 +8412,18 @@ Please upgrade to the latest version.`);
     if (state.tap && config2.filterTaps) {
       state._force = true;
     } else {
-      const [dirx, diry] = state.direction;
-      const [vx, vy] = state.velocity;
-      const [mx, my] = state.movement;
+      const [_dx, _dy] = state._delta;
+      const [_mx, _my] = state._movement;
       const [svx, svy] = config2.swipe.velocity;
       const [sx, sy] = config2.swipe.distance;
       const sdt = config2.swipe.duration;
       if (state.elapsedTime < sdt) {
-        if (Math.abs(vx) > svx && Math.abs(mx) > sx)
-          state.swipe[0] = dirx;
-        if (Math.abs(vy) > svy && Math.abs(my) > sy)
-          state.swipe[1] = diry;
+        const _vx = Math.abs(_dx / state.timeDelta);
+        const _vy = Math.abs(_dy / state.timeDelta);
+        if (_vx > svx && Math.abs(_mx) > sx)
+          state.swipe[0] = Math.sign(_dx);
+        if (_vy > svy && Math.abs(_my) > sy)
+          state.swipe[1] = Math.sign(_dy);
       }
     }
     this.emit();
@@ -8356,7 +8493,7 @@ This message will only show in development mode. It won't appear in production.
       const state = this.state;
       const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
       this.start(event);
-      state._delta = deltaFn(factor);
+      state._delta = deltaFn(this.config.keyboardDisplacement, factor);
       state._keyboardActive = true;
       V.addTo(state._movement, state._delta);
       this.compute(event);
@@ -8418,7 +8555,7 @@ function supportsGestureEvents() {
 const SUPPORT = {
   isBrowser,
   gesture: supportsGestureEvents(),
-  touch: isTouchScreen(),
+  touch: supportsTouchEvents(),
   touchscreen: isTouchScreen(),
   pointer: supportsPointerEvents(),
   pointerLock: supportsPointerLock()
@@ -8428,6 +8565,7 @@ const DEFAULT_DRAG_DELAY = 180;
 const DEFAULT_SWIPE_VELOCITY = 0.5;
 const DEFAULT_SWIPE_DISTANCE = 50;
 const DEFAULT_SWIPE_DURATION = 250;
+const DEFAULT_KEYBOARD_DISPLACEMENT = 10;
 const DEFAULT_DRAG_AXIS_THRESHOLD = {
   mouse: 0,
   touch: 0,
@@ -8463,15 +8601,14 @@ const dragConfigResolver = _objectSpread2$1(_objectSpread2$1({}, coordinatesConf
   pointerCapture(_v, _k, {
     pointer: {
       capture = true,
-      buttons = 1
+      buttons = 1,
+      keys: keys2 = true
     } = {}
   }) {
     this.pointerButtons = buttons;
+    this.keys = keys2;
     return !this.pointerLock && this.device === "pointer" && capture;
   },
-  keys(value = true) {
-    return value;
-  },
   threshold(value, _k, {
     filterTaps = false,
     tapsThreshold = 3,
@@ -8507,6 +8644,9 @@ const dragConfigResolver = _objectSpread2$1(_objectSpread2$1({}, coordinatesConf
     if (!value)
       return DEFAULT_DRAG_AXIS_THRESHOLD;
     return _objectSpread2$1(_objectSpread2$1({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
+  },
+  keyboardDisplacement(value = DEFAULT_KEYBOARD_DISPLACEMENT) {
+    return value;
   }
 });
 {
@@ -8543,6 +8683,17 @@ const dragConfigResolver = _objectSpread2$1(_objectSpread2$1({}, coordinatesConf
     }
   });
 }
+function clampStateInternalMovementToBounds(state) {
+  const [ox, oy] = state.overflow;
+  const [dx, dy] = state._delta;
+  const [dirx, diry] = state._direction;
+  if (ox < 0 && dx > 0 && dirx < 0 || ox > 0 && dx < 0 && dirx > 0) {
+    state._movement[0] = state._movementBound[0];
+  }
+  if (oy < 0 && dy > 0 && diry < 0 || oy > 0 && dy < 0 && diry > 0) {
+    state._movement[1] = state._movementBound[1];
+  }
+}
 const SCALE_ANGLE_RATIO_INTENT_DEG = 30;
 const PINCH_WHEEL_RATIO = 100;
 class PinchEngine extends Engine {
@@ -8626,6 +8777,8 @@ class PinchEngine extends Engine {
     this.start(event);
     state._touchIds = Array.from(ctrlTouchIds).slice(0, 2);
     const payload = touchDistanceAngle(event, state._touchIds);
+    if (!payload)
+      return;
     this.pinchStart(event, payload);
   }
   pointerStart(event) {
@@ -8647,6 +8800,8 @@ class PinchEngine extends Engine {
       return;
     this.start(event);
     const payload = distanceAngle(...Array.from(_pointerEvents.values()));
+    if (!payload)
+      return;
     this.pinchStart(event, payload);
   }
   pinchStart(event, payload) {
@@ -8661,6 +8816,8 @@ class PinchEngine extends Engine {
     if (!this.state._active)
       return;
     const payload = touchDistanceAngle(event, this.state._touchIds);
+    if (!payload)
+      return;
     this.pinchMove(event, payload);
   }
   pointerMove(event) {
@@ -8671,6 +8828,8 @@ class PinchEngine extends Engine {
     if (!this.state._active)
       return;
     const payload = distanceAngle(...Array.from(_pointerEvents.values()));
+    if (!payload)
+      return;
     this.pinchMove(event, payload);
   }
   pinchMove(event, payload) {
@@ -8750,7 +8909,7 @@ class PinchEngine extends Engine {
   }
   wheel(event) {
     const modifierKey = this.config.modifierKey;
-    if (modifierKey && !event[modifierKey])
+    if (modifierKey && (Array.isArray(modifierKey) ? !modifierKey.find((k) => event[k]) : !event[modifierKey]))
       return;
     if (!this.state._active)
       this.wheelStart(event);
@@ -8777,6 +8936,7 @@ This message will only appear in development mode.`);
     const state = this.state;
     state._delta = [-wheelValues(event)[1] / PINCH_WHEEL_RATIO * state.offset[0], 0];
     V.addTo(state._movement, state._delta);
+    clampStateInternalMovementToBounds(state);
     this.state.origin = [event.clientX, event.clientY];
     this.compute(event);
     this.emit();
@@ -8795,10 +8955,13 @@ This message will only appear in development mode.`);
       bindFunction(device, "change", this[device + "Move"].bind(this));
       bindFunction(device, "end", this[device + "End"].bind(this));
       bindFunction(device, "cancel", this[device + "End"].bind(this));
+      bindFunction("lostPointerCapture", "", this[device + "End"].bind(this));
+    }
+    if (this.config.pinchOnWheel) {
+      bindFunction("wheel", "", this.wheel.bind(this), {
+        passive: false
+      });
     }
-    bindFunction("wheel", "", this.wheel.bind(this), {
-      passive: false
-    });
   }
 }
 const pinchConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonConfigResolver), {}, {
@@ -8851,6 +9014,9 @@ const pinchConfigResolver = _objectSpread2$1(_objectSpread2$1({}, commonConfigRe
     if (value === void 0)
       return "ctrlKey";
     return value;
+  },
+  pinchOnWheel(value = true) {
+    return value;
   }
 });
 _objectSpread2$1(_objectSpread2$1({}, coordinatesConfigResolver), {}, {
@@ -8871,15 +9037,7 @@ class WheelEngine extends CoordinatesEngine {
     const state = this.state;
     state._delta = wheelValues(event);
     V.addTo(state._movement, state._delta);
-    const [ox, oy] = state.overflow;
-    const [dx, dy] = state._delta;
-    const [dirx, diry] = state._direction;
-    if (ox < 0 && dx > 0 && dirx < 0 || ox > 0 && dx < 0 && dirx > 0) {
-      state._movement[0] = state._movementBound[0];
-    }
-    if (oy < 0 && dy > 0 && diry < 0 || oy > 0 && dy < 0 && diry > 0) {
-      state._movement[1] = state._movementBound[1];
-    }
+    clampStateInternalMovementToBounds(state);
     this.compute(event);
     this.emit();
   }
@@ -9297,14 +9455,14 @@ function createUseGesture(actions) {
     return useRecognizers(handlers, config2, void 0, nativeHandlers);
   };
 }
-const classPrefix$1m = `adm-popup`;
-const defaultProps$12 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const classPrefix$1o = `adm-popup`;
+const defaultProps$14 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   closeOnSwipe: false,
   position: "bottom"
 });
 const Popup$1 = (p) => {
-  const props = mergeProps(defaultProps$12, p);
-  const bodyCls = classNames(`${classPrefix$1m}-body`, props.bodyClassName, `${classPrefix$1m}-body-position-${props.position}`);
+  const props = mergeProps(defaultProps$14, p);
+  const bodyCls = classNames(`${classPrefix$1o}-body`, props.bodyClassName, `${classPrefix$1o}-body-position-${props.position}`);
   const {
     locale
   } = useConfig();
@@ -9354,7 +9512,7 @@ const Popup$1 = (p) => {
   });
   const maskVisible = useInnerVisible(active && props.visible);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement("div", Object.assign({
-    className: classPrefix$1m,
+    className: classPrefix$1o,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none",
@@ -9396,7 +9554,7 @@ const Popup$1 = (p) => {
     }),
     ref
   }, props.showCloseButton && React__default.createElement("a", {
-    className: classNames(`${classPrefix$1m}-close-icon`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$1o}-close-icon`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -9412,10 +9570,10 @@ const Popup$1 = (p) => {
 };
 const Popup = Popup$1;
 const safeArea = "";
-const classPrefix$1l = "adm-safe-area";
+const classPrefix$1n = "adm-safe-area";
 const SafeArea$1 = (props) => {
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$1l, `${classPrefix$1l}-position-${props.position}`)
+    className: classNames(classPrefix$1n, `${classPrefix$1n}-position-${props.position}`)
   }));
 };
 const SafeArea = SafeArea$1;
@@ -9548,8 +9706,8 @@ function renderImperatively(element) {
     }
   };
 }
-const classPrefix$1k = `adm-action-sheet`;
-const defaultProps$11 = {
+const classPrefix$1m = `adm-action-sheet`;
+const defaultProps$13 = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -9560,7 +9718,10 @@ const defaultProps$11 = {
   forceRender: false
 };
 const ActionSheet = (p) => {
-  const props = mergeProps(defaultProps$11, p);
+  const props = mergeProps(defaultProps$13, p);
+  const {
+    styles
+  } = props;
   return React__default.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -9571,25 +9732,27 @@ const ActionSheet = (p) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames(`${classPrefix$1k}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$1m}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer,
     destroyOnClose: props.destroyOnClose,
-    forceRender: props.forceRender
+    forceRender: props.forceRender,
+    bodyStyle: styles === null || styles === void 0 ? void 0 : styles.body,
+    maskStyle: styles === null || styles === void 0 ? void 0 : styles.mask
   }, withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$1k
+    className: classPrefix$1m
   }, props.extra && React__default.createElement("div", {
-    className: `${classPrefix$1k}-extra`
+    className: `${classPrefix$1m}-extra`
   }, props.extra), React__default.createElement("div", {
-    className: `${classPrefix$1k}-button-list`
+    className: `${classPrefix$1m}-button-list`
   }, props.actions.map((action, index2) => React__default.createElement("div", {
     key: action.key,
-    className: `${classPrefix$1k}-button-item-wrapper`
+    className: `${classPrefix$1m}-button-item-wrapper`
   }, React__default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1k}-button-item`, {
-      [`${classPrefix$1k}-button-item-danger`]: action.danger,
-      [`${classPrefix$1k}-button-item-disabled`]: action.disabled,
-      [`${classPrefix$1k}-button-item-bold`]: action.bold
+    className: classNames("adm-plain-anchor", `${classPrefix$1m}-button-item`, {
+      [`${classPrefix$1m}-button-item-danger`]: action.danger,
+      [`${classPrefix$1m}-button-item-disabled`]: action.disabled,
+      [`${classPrefix$1m}-button-item-bold`]: action.bold
     }),
     onClick: () => {
       var _a, _b, _c;
@@ -9602,23 +9765,20 @@ const ActionSheet = (p) => {
     role: "option",
     "aria-disabled": action.disabled
   }, React__default.createElement("div", {
-    className: `${classPrefix$1k}-button-item-name`
+    className: `${classPrefix$1m}-button-item-name`
   }, action.text), action.description && React__default.createElement("div", {
-    className: `${classPrefix$1k}-button-item-description`
+    className: `${classPrefix$1m}-button-item-description`
   }, action.description))))), props.cancelText && React__default.createElement("div", {
-    className: `${classPrefix$1k}-cancel`,
+    className: `${classPrefix$1m}-cancel`,
     role: "option",
     "aria-label": props.cancelText
   }, React__default.createElement("div", {
-    className: `${classPrefix$1k}-button-item-wrapper`
+    className: `${classPrefix$1m}-button-item-wrapper`
   }, React__default.createElement("a", {
-    className: classNames("adm-plain-anchor", `${classPrefix$1k}-button-item`),
-    onClick: () => {
-      var _a;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
+    className: classNames("adm-plain-anchor", `${classPrefix$1m}-button-item`),
+    onClick: props.onClose
   }, React__default.createElement("div", {
-    className: `${classPrefix$1k}-button-item-name`
+    className: `${classPrefix$1m}-button-item-name`
   }, props.cancelText)))), props.safeArea && React__default.createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -9630,14 +9790,12 @@ const index$j = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 const autoCenter = "";
-const classPrefix$1j = "adm-auto-center";
-const AutoCenter$1 = (props) => {
-  return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$1j
-  }, React__default.createElement("div", {
-    className: `${classPrefix$1j}-content`
-  }, props.children)));
-};
+const classPrefix$1l = "adm-auto-center";
+const AutoCenter$1 = (props) => withNativeProps(props, React__default.createElement("div", {
+  className: classPrefix$1l
+}, React__default.createElement("div", {
+  className: `${classPrefix$1l}-content`
+}, props.children)));
 const AutoCenter = AutoCenter$1;
 const avatar = "";
 const Fallback = memo(() => React__default.createElement("svg", {
@@ -9736,20 +9894,20 @@ const BrokenImageIcon = () => React__default.createElement("svg", {
   fill: "#DBDBDB",
   fillRule: "nonzero"
 }));
-const classPrefix$1i = `adm-image`;
-const defaultProps$10 = {
+const classPrefix$1k = `adm-image`;
+const defaultProps$12 = {
   fit: "fill",
   placeholder: React__default.createElement("div", {
-    className: `${classPrefix$1i}-tip`
+    className: `${classPrefix$1k}-tip`
   }, React__default.createElement(ImageIcon, null)),
   fallback: React__default.createElement("div", {
-    className: `${classPrefix$1i}-tip`
+    className: `${classPrefix$1k}-tip`
   }, React__default.createElement(BrokenImageIcon, null)),
   lazy: false,
   draggable: false
 };
 const Image$2 = staged_1((p) => {
-  const props = mergeProps(defaultProps$10, p);
+  const props = mergeProps(defaultProps$12, p);
   const [loaded, setLoaded] = useState$1(false);
   const [failed, setFailed] = useState$1(false);
   const ref = useRef(null);
@@ -9776,7 +9934,7 @@ const Image$2 = staged_1((p) => {
     const img = React__default.createElement("img", {
       ref: imgRef,
       id: props.id,
-      className: `${classPrefix$1i}-img`,
+      className: `${classPrefix$1k}-img`,
       src,
       alt: props.alt,
       onClick: props.onClick,
@@ -9816,7 +9974,7 @@ const Image$2 = staged_1((p) => {
   }
   return withNativeProps(props, React__default.createElement("div", {
     ref,
-    className: classPrefix$1i,
+    className: classPrefix$1k,
     style,
     onClick: props.onContainerClick
   }, props.lazy && !initialized && React__default.createElement(LazyDetector, {
@@ -9826,15 +9984,15 @@ const Image$2 = staged_1((p) => {
   }), renderInner()));
 });
 const Image$1 = Image$2;
-const classPrefix$1h = "adm-avatar";
-const defaultProps$$ = {
+const classPrefix$1j = "adm-avatar";
+const defaultProps$11 = {
   fallback: React__default.createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar$1 = (p) => {
-  const props = mergeProps(defaultProps$$, p);
+  const props = mergeProps(defaultProps$11, p);
   return withNativeProps(props, React__default.createElement(Image$1, {
-    className: classPrefix$1h,
+    className: classPrefix$1j,
     src: props.src,
     fallback: props.fallback,
     placeholder: props.fallback,
@@ -9848,7 +10006,7 @@ const Avatar$1 = (p) => {
 };
 const Avatar = Avatar$1;
 const badge = "";
-const classPrefix$1g = `adm-badge`;
+const classPrefix$1i = `adm-badge`;
 const dot = React__default.createElement(React__default.Fragment, null);
 const Badge$1 = (props) => {
   const {
@@ -9857,17 +10015,21 @@ const Badge$1 = (props) => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = classNames(classPrefix$1g, !!children && `${classPrefix$1g}-fixed`, isDot && `${classPrefix$1g}-dot`, props.bordered && `${classPrefix$1g}-bordered`);
+  const badgeClass = classNames(classPrefix$1i, {
+    [`${classPrefix$1i}-fixed`]: !!children,
+    [`${classPrefix$1i}-dot`]: isDot,
+    [`${classPrefix$1i}-bordered`]: props.bordered
+  });
   const element = content || content === 0 ? withNativeProps(props, React__default.createElement("div", {
-    className: badgeCls,
+    className: badgeClass,
     style: {
       "--color": color
     }
   }, !isDot && React__default.createElement("div", {
-    className: `${classPrefix$1g}-content`
+    className: `${classPrefix$1i}-content`
   }, content))) : null;
   return children ? React__default.createElement("div", {
-    className: classNames(`${classPrefix$1g}-wrapper`, props.wrapperClassName),
+    className: classNames(`${classPrefix$1i}-wrapper`, props.wrapperClassName),
     style: props.wrapperStyle
   }, children, element) : element;
 };
@@ -9876,23 +10038,23 @@ const Badge = attachPropertiesToComponent(Badge$1, {
 });
 const button = "";
 const dotLoading = "";
-const classPrefix$1f = `adm-dot-loading`;
+const classPrefix$1h = `adm-dot-loading`;
 const colorRecord$3 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$_ = {
+const defaultProps$10 = {
   color: "default"
 };
 const DotLoading$2 = memo((p) => {
   var _a;
-  const props = mergeProps(defaultProps$_, p);
+  const props = mergeProps(defaultProps$10, p);
   return withNativeProps(props, React__default.createElement("div", {
     style: {
       color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
     },
-    className: classNames("adm-loading", classPrefix$1f)
+    className: classNames("adm-loading", classPrefix$1h)
   }, React__default.createElement("svg", {
     height: "1em",
     viewBox: "0 0 100 40",
@@ -9936,8 +10098,8 @@ function isPromise(obj) {
 function isIOS() {
   return canUseDom$2 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
-const classPrefix$1e = `adm-button`;
-const defaultProps$Z = {
+const classPrefix$1g = `adm-button`;
+const defaultProps$$ = {
   color: "default",
   fill: "solid",
   block: false,
@@ -9950,7 +10112,7 @@ const defaultProps$Z = {
   size: "middle"
 };
 const Button$1 = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$Z, p);
+  const props = mergeProps(defaultProps$$, p);
   const [innerLoading, setInnerLoading] = useState$1(false);
   const nativeButtonRef = useRef(null);
   const loading = props.loading === "auto" ? innerLoading : props.loading;
@@ -9979,23 +10141,24 @@ const Button$1 = forwardRef((p, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: classNames(classPrefix$1e, props.color ? `${classPrefix$1e}-${props.color}` : null, {
-      [`${classPrefix$1e}-block`]: props.block,
-      [`${classPrefix$1e}-disabled`]: disabled,
-      [`${classPrefix$1e}-fill-outline`]: props.fill === "outline",
-      [`${classPrefix$1e}-fill-none`]: props.fill === "none",
-      [`${classPrefix$1e}-mini`]: props.size === "mini",
-      [`${classPrefix$1e}-small`]: props.size === "small",
-      [`${classPrefix$1e}-large`]: props.size === "large",
-      [`${classPrefix$1e}-loading`]: loading
-    }, `${classPrefix$1e}-shape-${props.shape}`),
+    className: classNames(classPrefix$1g, {
+      [`${classPrefix$1g}-${props.color}`]: props.color,
+      [`${classPrefix$1g}-block`]: props.block,
+      [`${classPrefix$1g}-disabled`]: disabled,
+      [`${classPrefix$1g}-fill-outline`]: props.fill === "outline",
+      [`${classPrefix$1g}-fill-none`]: props.fill === "none",
+      [`${classPrefix$1g}-mini`]: props.size === "mini",
+      [`${classPrefix$1g}-small`]: props.size === "small",
+      [`${classPrefix$1g}-large`]: props.size === "large",
+      [`${classPrefix$1g}-loading`]: loading
+    }, `${classPrefix$1g}-shape-${props.shape}`),
     disabled,
     onMouseDown: props.onMouseDown,
     onMouseUp: props.onMouseUp,
     onTouchStart: props.onTouchStart,
     onTouchEnd: props.onTouchEnd
   }, loading ? React__default.createElement("div", {
-    className: `${classPrefix$1e}-loading-wrapper`
+    className: `${classPrefix$1g}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : React__default.createElement("span", null, props.children)));
 });
 const Button = Button$1;
@@ -10110,7 +10273,18 @@ function replaceMessage$1(template, kv) {
     return kv[key];
   });
 }
-function convertValueToRange(selectionMode, value) {
+const isDev = true;
+function devWarning(component, message) {
+  if (isDev) {
+    console.warn(`[antd-mobile: ${component}] ${message}`);
+  }
+}
+function devError(component, message) {
+  if (isDev) {
+    console.error(`[antd-mobile: ${component}] ${message}`);
+  }
+}
+function convertValueToRange$1(selectionMode, value) {
   if (selectionMode === void 0 || value === null)
     return null;
   if (Array.isArray(value)) {
@@ -10118,12 +10292,12 @@ function convertValueToRange(selectionMode, value) {
   }
   return [value, value];
 }
-function convertPageToDayjs(page) {
+function convertPageToDayjs$1(page) {
   return dayjs().year(page.year).month(page.month - 1).date(1);
 }
 dayjs.extend(isoWeek);
-const classPrefix$1d = "adm-calendar";
-const defaultProps$Y = {
+const classPrefix$1f = "adm-calendar";
+const defaultProps$_ = {
   weekStartsOn: "Sunday",
   defaultValue: null,
   allowClear: true,
@@ -10134,7 +10308,7 @@ const defaultProps$Y = {
 };
 const Calendar$1 = forwardRef((p, ref) => {
   const today = dayjs();
-  const props = mergeProps(defaultProps$Y, p);
+  const props = mergeProps(defaultProps$_, p);
   const {
     locale
   } = useConfig();
@@ -10145,8 +10319,8 @@ const Calendar$1 = forwardRef((p, ref) => {
       markItems.unshift(item);
   }
   const [dateRange, setDateRange] = usePropsValue({
-    value: props.value === void 0 ? void 0 : convertValueToRange(props.selectionMode, props.value),
-    defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
+    value: props.value === void 0 ? void 0 : convertValueToRange$1(props.selectionMode, props.value),
+    defaultValue: convertValueToRange$1(props.selectionMode, props.defaultValue),
     onChange: (v) => {
       var _a, _b;
       if (props.selectionMode === "single") {
@@ -10173,7 +10347,7 @@ const Calendar$1 = forwardRef((p, ref) => {
       } else {
         page = pageOrPageGenerator;
       }
-      setCurrent(convertPageToDayjs(page));
+      setCurrent(convertPageToDayjs$1(page));
     },
     jumpToToday: () => {
       setCurrent(dayjs().date(1));
@@ -10182,13 +10356,13 @@ const Calendar$1 = forwardRef((p, ref) => {
   const handlePageChange = (action, num, type4) => {
     const nxtCurrent = current[action](num, type4);
     if (action === "subtract" && props.minPage) {
-      const minPage = convertPageToDayjs(props.minPage);
+      const minPage = convertPageToDayjs$1(props.minPage);
       if (nxtCurrent.isBefore(minPage, type4)) {
         return;
       }
     }
     if (action === "add" && props.maxPage) {
-      const maxPage = convertPageToDayjs(props.maxPage);
+      const maxPage = convertPageToDayjs$1(props.maxPage);
       if (nxtCurrent.isAfter(maxPage, type4)) {
         return;
       }
@@ -10196,29 +10370,29 @@ const Calendar$1 = forwardRef((p, ref) => {
     setCurrent(nxtCurrent);
   };
   const header = React__default.createElement("div", {
-    className: `${classPrefix$1d}-header`
+    className: `${classPrefix$1f}-header`
   }, React__default.createElement("a", {
-    className: `${classPrefix$1d}-arrow-button ${classPrefix$1d}-arrow-button-year`,
+    className: `${classPrefix$1f}-arrow-button ${classPrefix$1f}-arrow-button-year`,
     onClick: () => {
       handlePageChange("subtract", 1, "year");
     }
   }, props.prevYearButton), React__default.createElement("a", {
-    className: `${classPrefix$1d}-arrow-button ${classPrefix$1d}-arrow-button-month`,
+    className: `${classPrefix$1f}-arrow-button ${classPrefix$1f}-arrow-button-month`,
     onClick: () => {
       handlePageChange("subtract", 1, "month");
     }
   }, props.prevMonthButton), React__default.createElement("div", {
-    className: `${classPrefix$1d}-title`
+    className: `${classPrefix$1f}-title`
   }, replaceMessage$1(locale.Calendar.yearAndMonth, {
     year: current.year().toString(),
     month: (current.month() + 1).toString()
   })), React__default.createElement("a", {
-    className: classNames(`${classPrefix$1d}-arrow-button`, `${classPrefix$1d}-arrow-button-right`, `${classPrefix$1d}-arrow-button-right-month`),
+    className: classNames(`${classPrefix$1f}-arrow-button`, `${classPrefix$1f}-arrow-button-right`, `${classPrefix$1f}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange("add", 1, "month");
     }
   }, props.nextMonthButton), React__default.createElement("a", {
-    className: classNames(`${classPrefix$1d}-arrow-button`, `${classPrefix$1d}-arrow-button-right`, `${classPrefix$1d}-arrow-button-right-year`),
+    className: classNames(`${classPrefix$1f}-arrow-button`, `${classPrefix$1f}-arrow-button-right`, `${classPrefix$1f}-arrow-button-right-year`),
     onClick: () => {
       handlePageChange("add", 1, "year");
     }
@@ -10253,13 +10427,13 @@ const Calendar$1 = forwardRef((p, ref) => {
       const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default.createElement("div", {
         key: d.valueOf(),
-        className: classNames(`${classPrefix$1d}-cell`, (disabled || !inThisMonth) && `${classPrefix$1d}-cell-disabled`, inThisMonth && {
-          [`${classPrefix$1d}-cell-today`]: d.isSame(today, "day"),
-          [`${classPrefix$1d}-cell-selected`]: isSelect,
-          [`${classPrefix$1d}-cell-selected-begin`]: isBegin,
-          [`${classPrefix$1d}-cell-selected-end`]: isEnd,
-          [`${classPrefix$1d}-cell-selected-row-begin`]: isSelectRowBegin,
-          [`${classPrefix$1d}-cell-selected-row-end`]: isSelectRowEnd
+        className: classNames(`${classPrefix$1f}-cell`, (disabled || !inThisMonth) && `${classPrefix$1f}-cell-disabled`, inThisMonth && {
+          [`${classPrefix$1f}-cell-today`]: d.isSame(today, "day"),
+          [`${classPrefix$1f}-cell-selected`]: isSelect,
+          [`${classPrefix$1f}-cell-selected-begin`]: isBegin,
+          [`${classPrefix$1f}-cell-selected-end`]: isEnd,
+          [`${classPrefix$1f}-cell-selected-row-begin`]: isSelectRowBegin,
+          [`${classPrefix$1f}-cell-selected-row-end`]: isSelectRowEnd
         }),
         onClick: () => {
           if (!props.selectionMode)
@@ -10306,87 +10480,401 @@ const Calendar$1 = forwardRef((p, ref) => {
           }
         }
       }, React__default.createElement("div", {
-        className: `${classPrefix$1d}-cell-top`
+        className: `${classPrefix$1f}-cell-top`
       }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.createElement("div", {
-        className: `${classPrefix$1d}-cell-bottom`
+        className: `${classPrefix$1f}-cell-bottom`
       }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
       iterator = iterator.add(1, "day");
     }
     return cells;
   }
   const body = React__default.createElement("div", {
-    className: `${classPrefix$1d}-cells`
+    className: `${classPrefix$1f}-cells`
   }, renderCells());
   const mark = React__default.createElement("div", {
-    className: `${classPrefix$1d}-mark`
+    className: `${classPrefix$1f}-mark`
   }, markItems.map((item, index2) => React__default.createElement("div", {
     key: index2,
-    className: `${classPrefix$1d}-mark-cell`
+    className: `${classPrefix$1f}-mark-cell`
   }, item)));
+  {
+    useEffect(() => {
+      devWarning("Calendar", "Calendar will be removed in the future, please use CalendarPickerView instead.");
+    }, []);
+  }
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$1d
+    className: classPrefix$1f
   }, header, mark, body));
 });
 const Calendar = Calendar$1;
-const capsuleTabs = "";
-function useResizeEffect(effect, targetRef) {
-  const fn = useMemoizedFn(effect);
-  useIsomorphicLayoutEffect$2(() => {
-    const target = targetRef.current;
-    if (!target)
-      return;
-    if (window.ResizeObserver) {
-      let animationFrame;
-      const observer = new ResizeObserver(() => {
-        animationFrame = window.requestAnimationFrame(() => fn(target));
-      });
-      observer.observe(target);
-      return () => {
-        window.cancelAnimationFrame(animationFrame);
-        observer.disconnect();
+const divider = "";
+const classPrefix$1e = `adm-divider`;
+const defaultProps$Z = {
+  contentPosition: "center",
+  direction: "horizontal"
+};
+const Divider$1 = (p) => {
+  const props = mergeProps(defaultProps$Z, p);
+  return withNativeProps(props, React__default.createElement("div", {
+    className: classNames(classPrefix$1e, `${classPrefix$1e}-${props.direction}`, `${classPrefix$1e}-${props.contentPosition}`)
+  }, props.children && React__default.createElement("div", {
+    className: `${classPrefix$1e}-content`
+  }, props.children)));
+};
+const Divider = Divider$1;
+const calendarPickerView = "";
+var isSameOrBefore$1 = { exports: {} };
+(function(module, exports) {
+  !function(e2, i2) {
+    module.exports = i2();
+  }(commonjsGlobal, function() {
+    return function(e2, i2) {
+      i2.prototype.isSameOrBefore = function(e3, i3) {
+        return this.isSame(e3, i3) || this.isBefore(e3, i3);
       };
-    } else {
-      fn(target);
-    }
-  }, [targetRef]);
-}
-function useMutationEffect(effect, targetRef, options) {
-  const fn = useMemoizedFn(effect);
-  useEffect(() => {
-    const observer = new MutationObserver(() => {
-      fn();
-    });
-    if (!targetRef.current)
-      return;
-    observer.observe(targetRef.current, options);
-    return () => {
-      observer.disconnect();
     };
-  }, [targetRef]);
-}
-function bound(position, min2, max2) {
-  let ret = position;
-  if (min2 !== void 0) {
-    ret = Math.max(position, min2);
-  }
-  if (max2 !== void 0) {
-    ret = Math.min(ret, max2);
+  });
+})(isSameOrBefore$1);
+const isSameOrBefore = isSameOrBefore$1.exports;
+function convertValueToRange(selectionMode, value) {
+  if (selectionMode === void 0 || value === null)
+    return null;
+  if (Array.isArray(value)) {
+    return value;
   }
-  return ret;
+  return [value, value];
 }
-const useTabListScroll = (targetRef, activeIndex) => {
-  const [{
-    scrollLeft
-  }, api] = useSpring(() => ({
-    scrollLeft: 0,
-    config: {
-      tension: 300,
-      clamp: true
+function convertPageToDayjs(page) {
+  return dayjs().year(page.year).month(page.month - 1).date(1);
+}
+dayjs.extend(isoWeek);
+dayjs.extend(isSameOrBefore);
+const classPrefix$1d = "adm-calendar-picker-view";
+const defaultProps$Y = {
+  weekStartsOn: "Sunday",
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: "single"
+};
+const CalendarPickerView$1 = forwardRef((p, ref) => {
+  var _a;
+  const today = dayjs();
+  const props = mergeProps(defaultProps$Y, p);
+  const {
+    locale
+  } = useConfig();
+  const markItems = [...locale.Calendar.markItems];
+  if (props.weekStartsOn === "Sunday") {
+    const item = markItems.pop();
+    if (item)
+      markItems.unshift(item);
+  }
+  const [dateRange, setDateRange] = usePropsValue({
+    value: props.value === void 0 ? void 0 : convertValueToRange(props.selectionMode, props.value),
+    defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
+    onChange: (v) => {
+      var _a2, _b;
+      if (props.selectionMode === "single") {
+        (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v ? v[0] : null);
+      } else if (props.selectionMode === "range") {
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
+      }
     }
-  }));
-  function animate(immediate = false) {
-    const container = targetRef.current;
-    if (!container)
+  });
+  const [intermediate, setIntermediate] = useState$1(false);
+  const [current, setCurrent] = useState$1(() => dayjs(dateRange ? dateRange[0] : today).date(1));
+  useImperativeHandle(ref, () => ({
+    jumpTo: (pageOrPageGenerator) => {
+      let page;
+      if (typeof pageOrPageGenerator === "function") {
+        page = pageOrPageGenerator({
+          year: current.year(),
+          month: current.month() + 1
+        });
+      } else {
+        page = pageOrPageGenerator;
+      }
+      setCurrent(convertPageToDayjs(page));
+    },
+    jumpToToday: () => {
+      setCurrent(dayjs().date(1));
+    },
+    getDateRange: () => dateRange
+  }));
+  const header = React__default.createElement("div", {
+    className: `${classPrefix$1d}-header`
+  }, React__default.createElement("div", {
+    className: `${classPrefix$1d}-title`
+  }, (_a = props.title) !== null && _a !== void 0 ? _a : locale.Calendar.title));
+  const maxDay = useMemo(() => props.max ? dayjs(props.max) : current.add(6, "month"), [props.max, current]);
+  const minDay = useMemo(() => props.min ? dayjs(props.min) : current, [props.min, current]);
+  function renderBody() {
+    var _a2;
+    const cells = [];
+    let monthIterator = minDay;
+    while (monthIterator.isSameOrBefore(maxDay, "month")) {
+      const year = monthIterator.year();
+      const month = monthIterator.month();
+      const renderMap = {
+        year,
+        month: month + 1
+      };
+      cells.push(React__default.createElement("div", {
+        key: `${year}-${month}`
+      }, React__default.createElement("div", {
+        className: `${classPrefix$1d}-title`
+      }, (_a2 = locale.Calendar.yearAndMonth) === null || _a2 === void 0 ? void 0 : _a2.replace(/\${(.*?)}/g, (_, variable) => {
+        var _a3;
+        return (_a3 = renderMap[variable]) === null || _a3 === void 0 ? void 0 : _a3.toString();
+      })), React__default.createElement("div", {
+        className: `${classPrefix$1d}-cells`
+      }, Array(props.weekStartsOn === "Monday" ? monthIterator.date(1).isoWeekday() - 1 : monthIterator.date(1).isoWeekday()).fill(null).map((_, index2) => React__default.createElement("div", {
+        key: index2,
+        className: `${classPrefix$1d}-cell`
+      })), Array(monthIterator.daysInMonth()).fill(null).map((_, index2) => {
+        var _a3;
+        const d = monthIterator.date(index2 + 1);
+        let isSelect = false;
+        let isBegin = false;
+        let isEnd = false;
+        let isSelectRowBegin = false;
+        let isSelectRowEnd = false;
+        if (dateRange) {
+          const [begin, end] = dateRange;
+          isBegin = d.isSame(begin, "day");
+          isEnd = d.isSame(end, "day");
+          isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
+          if (isSelect) {
+            isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf("month"), "day")) && !isBegin;
+            isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf("month"), "day")) && !isEnd;
+          }
+        }
+        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());
+          if (top) {
+            return top;
+          }
+          if (props.selectionMode === "range") {
+            if (isBegin) {
+              return locale.Calendar.start;
+            }
+            if (isEnd) {
+              return locale.Calendar.end;
+            }
+          }
+          if (d.isSame(today, "day") && !isSelect) {
+            return locale.Calendar.today;
+          }
+        };
+        return React__default.createElement("div", {
+          key: d.valueOf(),
+          className: classNames(`${classPrefix$1d}-cell`, {
+            [`${classPrefix$1d}-cell-today`]: d.isSame(today, "day"),
+            [`${classPrefix$1d}-cell-selected`]: isSelect,
+            [`${classPrefix$1d}-cell-selected-begin`]: isBegin,
+            [`${classPrefix$1d}-cell-selected-end`]: isEnd,
+            [`${classPrefix$1d}-cell-selected-row-begin`]: isSelectRowBegin,
+            [`${classPrefix$1d}-cell-selected-row-end`]: isSelectRowEnd,
+            [`${classPrefix$1d}-cell-disabled`]: !!disabled
+          }),
+          onClick: () => {
+            if (!props.selectionMode)
+              return;
+            if (disabled)
+              return;
+            const date4 = d.toDate();
+            function shouldClear() {
+              if (!props.allowClear)
+                return false;
+              if (!dateRange)
+                return false;
+              const [begin, end] = dateRange;
+              return d.isSame(begin, "date") && d.isSame(end, "day");
+            }
+            if (props.selectionMode === "single") {
+              if (props.allowClear && shouldClear()) {
+                setDateRange(null);
+                return;
+              }
+              setDateRange([date4, date4]);
+            } else if (props.selectionMode === "range") {
+              if (!dateRange) {
+                setDateRange([date4, date4]);
+                setIntermediate(true);
+                return;
+              }
+              if (shouldClear()) {
+                setDateRange(null);
+                setIntermediate(false);
+                return;
+              }
+              if (intermediate) {
+                const another = dateRange[0];
+                setDateRange(another > date4 ? [date4, another] : [another, date4]);
+                setIntermediate(false);
+              } else {
+                setDateRange([date4, date4]);
+                setIntermediate(true);
+              }
+            }
+          }
+        }, React__default.createElement("div", {
+          className: `${classPrefix$1d}-cell-top`
+        }, renderTop()), React__default.createElement("div", {
+          className: `${classPrefix$1d}-cell-date`
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.createElement("div", {
+          className: `${classPrefix$1d}-cell-bottom`
+        }, (_a3 = props.renderBottom) === null || _a3 === void 0 ? void 0 : _a3.call(props, d.toDate())));
+      }))));
+      monthIterator = monthIterator.add(1, "month");
+    }
+    return cells;
+  }
+  const body = React__default.createElement("div", {
+    className: `${classPrefix$1d}-body`
+  }, renderBody());
+  const mark = React__default.createElement("div", {
+    className: `${classPrefix$1d}-mark`
+  }, markItems.map((item, index2) => React__default.createElement("div", {
+    key: index2,
+    className: `${classPrefix$1d}-mark-cell`
+  }, item)));
+  return withNativeProps(props, React__default.createElement("div", {
+    className: classPrefix$1d
+  }, header, mark, body));
+});
+const CalendarPickerView = CalendarPickerView$1;
+const classPrefix$1c = "adm-calendar-picker";
+const defaultProps$X = {
+  weekStartsOn: "Sunday",
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: "single"
+};
+const CalendarPicker$1 = forwardRef((p, ref) => {
+  const props = mergeProps(defaultProps$X, p);
+  const {
+    locale
+  } = useConfig();
+  const calendarRef = ref !== null && ref !== void 0 ? ref : useRef(null);
+  const {
+    visible,
+    confirmText,
+    popupClassName,
+    popupStyle,
+    popupBodyStyle,
+    forceRender,
+    closeOnMaskClick,
+    onClose,
+    onConfirm,
+    onMaskClick
+  } = props, calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick"]);
+  const footer2 = React__default.createElement("div", {
+    className: `${classPrefix$1c}-footer`
+  }, React__default.createElement(Divider, null), React__default.createElement("div", {
+    className: `${classPrefix$1c}-footer-bottom`
+  }, React__default.createElement(Button, {
+    color: "primary",
+    onClick: () => {
+      var _a, _b, _c, _d;
+      const dateRange = (_b = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.getDateRange()) !== null && _b !== void 0 ? _b : null;
+      if (props.selectionMode === "single") {
+        (_c = props.onConfirm) === null || _c === void 0 ? void 0 : _c.call(props, dateRange ? dateRange[0] : null);
+      } else if (props.selectionMode === "range") {
+        (_d = props.onConfirm) === null || _d === void 0 ? void 0 : _d.call(props, dateRange);
+      }
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  }, confirmText !== null && confirmText !== void 0 ? confirmText : locale.Calendar.confirm)));
+  return withNativeProps(props, React__default.createElement("div", {
+    className: classPrefix$1c
+  }, React__default.createElement(Popup, {
+    visible,
+    className: classNames(`${classPrefix$1c}-popup`, popupClassName),
+    showCloseButton: true,
+    forceRender: ref ? true : forceRender,
+    style: popupStyle,
+    bodyStyle: Object.assign({
+      borderTopLeftRadius: "8px",
+      borderTopRightRadius: "8px",
+      minHeight: "80vh",
+      overflow: "auto"
+    }, popupBodyStyle),
+    onClose,
+    onMaskClick: () => {
+      onMaskClick === null || onMaskClick === void 0 ? void 0 : onMaskClick();
+      if (closeOnMaskClick) {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+    }
+  }, React__default.createElement(CalendarPickerView, Object.assign({
+    ref: calendarRef
+  }, calendarViewProps)), footer2)));
+});
+const CalendarPicker = CalendarPicker$1;
+const capsuleTabs = "";
+function useResizeEffect(effect, targetRef) {
+  const fn = useMemoizedFn(effect);
+  useIsomorphicLayoutEffect$2(() => {
+    const target = targetRef.current;
+    if (!target)
+      return;
+    if (window.ResizeObserver) {
+      let animationFrame;
+      const observer = new ResizeObserver(() => {
+        animationFrame = window.requestAnimationFrame(() => fn(target));
+      });
+      observer.observe(target);
+      return () => {
+        window.cancelAnimationFrame(animationFrame);
+        observer.disconnect();
+      };
+    } else {
+      fn(target);
+    }
+  }, [targetRef]);
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  useEffect(() => {
+    const observer = new MutationObserver(() => {
+      fn();
+    });
+    if (!targetRef.current)
+      return;
+    observer.observe(targetRef.current, options);
+    return () => {
+      observer.disconnect();
+    };
+  }, [targetRef]);
+}
+function bound(position, min2, max2) {
+  let ret = position;
+  if (min2 !== void 0) {
+    ret = Math.max(position, min2);
+  }
+  if (max2 !== void 0) {
+    ret = Math.min(ret, max2);
+  }
+  return ret;
+}
+const useTabListScroll = (targetRef, activeIndex) => {
+  const [{
+    scrollLeft
+  }, api] = useSpring(() => ({
+    scrollLeft: 0,
+    config: {
+      tension: 300,
+      clamp: true
+    }
+  }));
+  function animate(immediate = false) {
+    const container = targetRef.current;
+    if (!container)
       return;
     if (activeIndex === void 0)
       return;
@@ -10428,7 +10916,7 @@ const useTabListScroll = (targetRef, activeIndex) => {
   };
 };
 const scrollMask = "";
-const classPrefix$1c = `adm-scroll-mask`;
+const classPrefix$1b = `adm-scroll-mask`;
 const ScrollMask$1 = (props) => {
   const maskRef = useRef(null);
   const [{
@@ -10475,12 +10963,12 @@ const ScrollMask$1 = (props) => {
   }, []);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(animated.div, {
     ref: maskRef,
-    className: classNames(classPrefix$1c, `${classPrefix$1c}-left`),
+    className: classNames(classPrefix$1b, `${classPrefix$1b}-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default.createElement(animated.div, {
-    className: classNames(classPrefix$1c, `${classPrefix$1c}-right`),
+    className: classNames(classPrefix$1b, `${classPrefix$1b}-right`),
     style: {
       opacity: rightMaskOpacity
     }
@@ -10687,7 +11175,7 @@ function traverseReactNode(children, fn) {
   }
   handle(children);
 }
-const classPrefix$1b = `adm-capsule-tabs`;
+const classPrefix$1a = `adm-capsule-tabs`;
 const CapsuleTab = () => null;
 const CapsuleTabs = (props) => {
   var _a;
@@ -10726,19 +11214,19 @@ const CapsuleTabs = (props) => {
     animate(true);
   }, rootRef);
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$1b,
+    className: classPrefix$1a,
     ref: rootRef
   }, React__default.createElement("div", {
-    className: `${classPrefix$1b}-header`
+    className: `${classPrefix$1a}-header`
   }, React__default.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
   }), React__default.createElement(animated.div, {
-    className: `${classPrefix$1b}-tab-list`,
+    className: `${classPrefix$1a}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft
   }, panes.map((pane) => withNativeProps(pane.props, React__default.createElement("div", {
     key: pane.key,
-    className: `${classPrefix$1b}-tab-wrapper`
+    className: `${classPrefix$1a}-tab-wrapper`
   }, React__default.createElement("div", {
     onClick: () => {
       const {
@@ -10751,9 +11239,9 @@ const CapsuleTabs = (props) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$1b}-tab`, {
-      [`${classPrefix$1b}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$1b}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$1a}-tab`, {
+      [`${classPrefix$1a}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$1a}-tab-disabled`]: pane.props.disabled
     })
   }, pane.props.title)))))), panes.map((pane) => {
     if (pane.props.children === void 0) {
@@ -10766,7 +11254,7 @@ const CapsuleTabs = (props) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default.createElement("div", {
-      className: `${classPrefix$1b}-content`,
+      className: `${classPrefix$1a}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -10777,18 +11265,18 @@ const index$i = attachPropertiesToComponent(CapsuleTabs, {
   Tab: CapsuleTab
 });
 const card = "";
-const classPrefix$1a = `adm-card`;
+const classPrefix$19 = `adm-card`;
 const Card$1 = (props) => {
   const renderHeader = () => {
     if (!(props.title || props.extra)) {
       return null;
     }
     return React__default.createElement("div", {
-      className: classNames(`${classPrefix$1a}-header`, props.headerClassName),
+      className: classNames(`${classPrefix$19}-header`, props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
     }, React__default.createElement("div", {
-      className: `${classPrefix$1a}-header-title`
+      className: `${classPrefix$19}-header-title`
     }, props.title), props.extra);
   };
   const renderBody = () => {
@@ -10796,13 +11284,13 @@ const Card$1 = (props) => {
       return null;
     }
     return React__default.createElement("div", {
-      className: classNames(`${classPrefix$1a}-body`, props.bodyClassName),
+      className: classNames(`${classPrefix$19}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$1a,
+    className: classPrefix$19,
     onClick: props.onClick
   }, renderHeader(), renderBody()));
 };
@@ -10820,17 +11308,6 @@ function rubberbandIfOutOfBounds(position, min2, max2, dimension, constant2 = 0.
     return +rubberband(position - max2, dimension, constant2) + max2;
   return position;
 }
-const isDev = true;
-function devWarning(component, message) {
-  if (isDev) {
-    console.warn(`[antd-mobile: ${component}] ${message}`);
-  }
-}
-function devError(component, message) {
-  if (isDev) {
-    console.error(`[antd-mobile: ${component}] ${message}`);
-  }
-}
 function measureCSSLength(raw) {
   if (raw === null || raw === void 0 || raw === "") {
     {
@@ -10852,7 +11329,7 @@ function measureCSSLength(raw) {
     return 0;
   }
 }
-const classPrefix$19 = `adm-picker-view`;
+const classPrefix$18 = `adm-picker-view`;
 const Wheel = memo((props) => {
   const {
     value,
@@ -11019,13 +11496,13 @@ const Wheel = memo((props) => {
     const previous = column[previousIndex];
     const next = column[nextIndex];
     return React__default.createElement("div", {
-      className: `${classPrefix$19}-column-accessible`
+      className: `${classPrefix$18}-column-accessible`
     }, React__default.createElement("div", {
-      className: `${classPrefix$19}-column-accessible-current`,
+      className: `${classPrefix$18}-column-accessible-current`,
       role: "button",
       "aria-label": current ? `\u5F53\u524D\u9009\u62E9\u7684\u662F\uFF1A${current.label}` : "\u5F53\u524D\u672A\u9009\u62E9"
     }, "-"), React__default.createElement("div", {
-      className: `${classPrefix$19}-column-accessible-button`,
+      className: `${classPrefix$18}-column-accessible-button`,
       onClick: () => {
         if (!previous)
           return;
@@ -11034,7 +11511,7 @@ const Wheel = memo((props) => {
       role: previous ? "button" : "text",
       "aria-label": !previous ? "\u6CA1\u6709\u4E0A\u4E00\u9879" : `\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A${previous.label}`
     }, "-"), React__default.createElement("div", {
-      className: `${classPrefix$19}-column-accessible-button`,
+      className: `${classPrefix$18}-column-accessible-button`,
       onClick: () => {
         if (!next)
           return;
@@ -11045,16 +11522,16 @@ const Wheel = memo((props) => {
     }, "-"));
   }
   return React__default.createElement("div", {
-    className: `${classPrefix$19}-column`
+    className: `${classPrefix$18}-column`
   }, React__default.createElement("div", {
-    className: `${classPrefix$19}-item-height-measure`,
+    className: `${classPrefix$18}-item-height-measure`,
     ref: itemHeightMeasureRef
   }), React__default.createElement(animated.div, {
     ref: rootRef,
     style: {
       translateY: y
     },
-    className: `${classPrefix$19}-column-wheel`,
+    className: `${classPrefix$18}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
     var _a;
@@ -11068,12 +11545,12 @@ const Wheel = memo((props) => {
     return React__default.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
-      className: `${classPrefix$19}-column-item`,
+      className: `${classPrefix$18}-column-item`,
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? "active" : ""
     }, React__default.createElement("div", {
-      className: `${classPrefix$19}-column-item-label`
+      className: `${classPrefix$18}-column-item-label`
     }, renderLabel(item)));
   })), renderAccessible());
 }, (prev, next) => {
@@ -11180,7 +11657,7 @@ var useSyncExternalStoreShim_development = {};
       return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
     }
     var objectIs = typeof Object.is === "function" ? Object.is : is2;
-    var useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect2 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
+    var useState2 = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect3 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
     var didWarnOld18Alpha = false;
     var didWarnUncachedGetSnapshot = false;
     function useSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot) {
@@ -11208,7 +11685,7 @@ var useSyncExternalStoreShim_development = {};
           getSnapshot
         }
       }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      useLayoutEffect2(function() {
+      useLayoutEffect3(function() {
         inst.value = value;
         inst.getSnapshot = getSnapshot;
         if (checkIfSnapshotChanged(inst)) {
@@ -11296,19 +11773,19 @@ function subscribe(onStoreChange) {
 function useMotionReduced() {
   return shim.exports.useSyncExternalStore(subscribe, isMotionReduced, isMotionReduced);
 }
-const classPrefix$18 = "adm-spin-loading";
+const classPrefix$17 = "adm-spin-loading";
 const colorRecord$2 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$X = {
+const defaultProps$W = {
   color: "default"
 };
 const circumference = 15 * 3.14159265358979 * 2;
 const SpinLoading$1 = memo((p) => {
   var _a;
-  const props = mergeProps(defaultProps$X, p);
+  const props = mergeProps(defaultProps$W, p);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -11328,16 +11805,16 @@ const SpinLoading$1 = memo((p) => {
     }
   });
   return withNativeProps(props, React__default.createElement(animated.div, {
-    className: classPrefix$18,
+    className: classPrefix$17,
     style: {
       "--color": (_a = colorRecord$2[props.color]) !== null && _a !== void 0 ? _a : props.color,
       "--percent": percent
     }
   }, React__default.createElement("svg", {
-    className: `${classPrefix$18}-svg`,
+    className: `${classPrefix$17}-svg`,
     viewBox: "0 0 32 32"
   }, React__default.createElement(animated.circle, {
-    className: `${classPrefix$18}-fill`,
+    className: `${classPrefix$17}-fill`,
     fill: "transparent",
     strokeWidth: "2",
     strokeDasharray: circumference,
@@ -11349,17 +11826,17 @@ const SpinLoading$1 = memo((p) => {
   }))));
 });
 const SpinLoading = SpinLoading$1;
-const classPrefix$17 = `adm-picker-view`;
-const defaultProps$W = {
+const classPrefix$16 = `adm-picker-view`;
+const defaultProps$V = {
   defaultValue: [],
   renderLabel: defaultRenderLabel,
   mouseWheel: false,
   loadingContent: React__default.createElement("div", {
-    className: `${classPrefix$17}-loading-content`
+    className: `${classPrefix$16}-loading-content`
   }, React__default.createElement(SpinLoading, null))
 };
 const PickerView$1 = memo((p) => {
-  const props = mergeProps(defaultProps$W, p);
+  const props = mergeProps(defaultProps$V, p);
   const [innerValue, setInnerValue] = useState$1(props.value === void 0 ? props.defaultValue : props.value);
   useEffect(() => {
     if (props.value === void 0)
@@ -11400,7 +11877,7 @@ const PickerView$1 = memo((p) => {
     });
   }, []);
   return withNativeProps(props, React__default.createElement("div", {
-    className: `${classPrefix$17}`
+    className: `${classPrefix$16}`
   }, props.loading ? props.loadingContent : React__default.createElement(React__default.Fragment, null, columns.map((column, index2) => React__default.createElement(Wheel, {
     key: index2,
     index: index2,
@@ -11410,20 +11887,20 @@ const PickerView$1 = memo((p) => {
     renderLabel: props.renderLabel,
     mouseWheel: props.mouseWheel
   })), React__default.createElement("div", {
-    className: `${classPrefix$17}-mask`
+    className: `${classPrefix$16}-mask`
   }, React__default.createElement("div", {
-    className: `${classPrefix$17}-mask-top`
+    className: `${classPrefix$16}-mask-top`
   }), React__default.createElement("div", {
-    className: `${classPrefix$17}-mask-middle`
+    className: `${classPrefix$16}-mask-middle`
   }), React__default.createElement("div", {
-    className: `${classPrefix$17}-mask-bottom`
+    className: `${classPrefix$16}-mask-bottom`
   })))));
 });
 PickerView$1.displayName = "PickerView";
 const pickerView = "";
 const PickerView = PickerView$1;
-const classPrefix$16 = `adm-picker`;
-const defaultProps$V = {
+const classPrefix$15 = `adm-picker`;
+const defaultProps$U = {
   defaultValue: [],
   closeOnMaskClick: true,
   renderLabel: defaultRenderLabel,
@@ -11435,7 +11912,7 @@ const Picker$1 = memo(forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$V, {
+  const props = mergeProps(defaultProps$U, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -11488,22 +11965,22 @@ const Picker$1 = memo(forwardRef((p, ref) => {
     }
   });
   const pickerElement = withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$16
+    className: classPrefix$15
   }, React__default.createElement("div", {
-    className: `${classPrefix$16}-header`
+    className: `${classPrefix$15}-header`
   }, React__default.createElement("a", {
     role: "button",
-    className: `${classPrefix$16}-header-button`,
+    className: `${classPrefix$15}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default.createElement("div", {
-    className: `${classPrefix$16}-header-title`
+    className: `${classPrefix$15}-header-title`
   }, props.title), React__default.createElement("a", {
     role: "button",
-    className: classNames(`${classPrefix$16}-header-button`, props.loading && `${classPrefix$16}-header-button-disabled`),
+    className: classNames(`${classPrefix$15}-header-button`, props.loading && `${classPrefix$15}-header-button-disabled`),
     onClick: () => {
       if (props.loading)
         return;
@@ -11512,7 +11989,7 @@ const Picker$1 = memo(forwardRef((p, ref) => {
     },
     "aria-disabled": props.loading
   }, props.confirmText)), React__default.createElement("div", {
-    className: `${classPrefix$16}-body`
+    className: `${classPrefix$15}-body`
   }, React__default.createElement(PickerView, {
     loading: props.loading,
     loadingContent: props.loadingContent,
@@ -11524,7 +12001,7 @@ const Picker$1 = memo(forwardRef((p, ref) => {
   }))));
   const popupElement = React__default.createElement(Popup, {
     style: props.popupStyle,
-    className: classNames(`${classPrefix$16}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$15}-popup`, props.popupClassName),
     visible,
     position: "bottom",
     onMaskClick: () => {
@@ -11674,22 +12151,24 @@ const CascadePickerView$1 = (props) => {
 const CascadePickerView = CascadePickerView$1;
 const cascaderView = "";
 const tabs = "";
-const classPrefix$15 = `adm-tabs`;
+const classPrefix$14 = `adm-tabs`;
 const Tab = () => {
   return null;
 };
-const defaultProps$U = {
+const defaultProps$T = {
   activeLineMode: "auto",
-  stretch: true
+  stretch: true,
+  direction: "ltr"
 };
 const Tabs$1 = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$U, p);
+  const props = mergeProps(defaultProps$T, p);
   const tabListContainerRef = useRef(null);
   const activeLineRef = useRef(null);
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
+  const isRTL2 = props.direction === "rtl";
   traverseReactNode(props.children, (child, index2) => {
     if (!isValidElement(child))
       return;
@@ -11779,6 +12258,10 @@ const Tabs$1 = (p) => {
     } else {
       x2 = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
     }
+    if (isRTL2) {
+      const w = ["auto", "full"].includes(props.activeLineMode) ? width2 : activeLineWidth;
+      x2 = -(containerWidth - x2 - w);
+    }
     api.start({
       x: x2,
       width: width2,
@@ -11787,7 +12270,12 @@ const Tabs$1 = (p) => {
     const maxScrollDistance = containerScrollWidth - containerWidth;
     if (maxScrollDistance <= 0)
       return;
-    const nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    let nextScrollLeft = 0;
+    if (isRTL2) {
+      nextScrollLeft = -bound(containerWidth / 2 - activeTabLeft + activeTabWidth / 2 - activeLineWidth, 0, maxScrollDistance);
+    } else {
+      nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, maxScrollDistance);
+    }
     scrollApi.start({
       scrollLeft: nextScrollLeft,
       from: {
@@ -11819,8 +12307,15 @@ const Tabs$1 = (p) => {
     if (!container)
       return;
     const scrollLeft2 = container.scrollLeft;
-    const showLeftMask = scrollLeft2 > 0;
-    const showRightMask = scrollLeft2 + container.offsetWidth < container.scrollWidth;
+    let showLeftMask = false;
+    let showRightMask = false;
+    if (isRTL2) {
+      showLeftMask = Math.round(-scrollLeft2) + container.offsetWidth < container.scrollWidth;
+      showRightMask = scrollLeft2 < 0;
+    } else {
+      showLeftMask = scrollLeft2 > 0;
+      showRightMask = scrollLeft2 + container.offsetWidth < container.scrollWidth;
+    }
     maskApi.start({
       leftMaskOpacity: showLeftMask ? 1 : 0,
       rightMaskOpacity: showRightMask ? 1 : 0,
@@ -11835,36 +12330,39 @@ const Tabs$1 = (p) => {
     updateMask(true);
   }, []);
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$15
+    className: classPrefix$14,
+    style: {
+      direction: props.direction
+    }
   }, React__default.createElement("div", {
-    className: `${classPrefix$15}-header`
+    className: `${classPrefix$14}-header`
   }, React__default.createElement(animated.div, {
-    className: classNames(`${classPrefix$15}-header-mask`, `${classPrefix$15}-header-mask-left`),
+    className: classNames(`${classPrefix$14}-header-mask`, `${classPrefix$14}-header-mask-left`),
     style: {
       opacity: leftMaskOpacity
     }
   }), React__default.createElement(animated.div, {
-    className: classNames(`${classPrefix$15}-header-mask`, `${classPrefix$15}-header-mask-right`),
+    className: classNames(`${classPrefix$14}-header-mask`, `${classPrefix$14}-header-mask-right`),
     style: {
       opacity: rightMaskOpacity
     }
   }), React__default.createElement(animated.div, {
-    className: `${classPrefix$15}-tab-list`,
+    className: `${classPrefix$14}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft,
     onScroll: updateMask,
     role: "tablist"
   }, React__default.createElement(animated.div, {
     ref: activeLineRef,
-    className: `${classPrefix$15}-tab-line`,
+    className: `${classPrefix$14}-tab-line`,
     style: {
       width: props.activeLineMode === "fixed" ? "var(--fixed-active-line-width, 30px)" : width,
       x
     }
   }), panes.map((pane) => withNativeProps(pane.props, React__default.createElement("div", {
     key: pane.key,
-    className: classNames(`${classPrefix$15}-tab-wrapper`, {
-      [`${classPrefix$15}-tab-wrapper-stretch`]: props.stretch
+    className: classNames(`${classPrefix$14}-tab-wrapper`, {
+      [`${classPrefix$14}-tab-wrapper-stretch`]: props.stretch
     })
   }, React__default.createElement("div", {
     onClick: () => {
@@ -11878,9 +12376,9 @@ const Tabs$1 = (p) => {
       }
       setActiveKey(key.toString());
     },
-    className: classNames(`${classPrefix$15}-tab`, {
-      [`${classPrefix$15}-tab-active`]: pane.key === activeKey,
-      [`${classPrefix$15}-tab-disabled`]: pane.props.disabled
+    className: classNames(`${classPrefix$14}-tab`, {
+      [`${classPrefix$14}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$14}-tab-disabled`]: pane.props.disabled
     }),
     role: "tab",
     "aria-selected": pane.key === activeKey
@@ -11895,7 +12393,7 @@ const Tabs$1 = (p) => {
       forceRender: pane.props.forceRender,
       destroyOnClose: pane.props.destroyOnClose
     }, React__default.createElement("div", {
-      className: `${classPrefix$15}-content`,
+      className: `${classPrefix$14}-content`,
       style: {
         display: active ? "block" : "none"
       }
@@ -11907,12 +12405,12 @@ const Tabs = attachPropertiesToComponent(Tabs$1, {
 });
 const checkList = "";
 const list = "";
-const classPrefix$14 = `adm-list`;
-const defaultProps$T = {
+const classPrefix$13 = `adm-list`;
+const defaultProps$S = {
   mode: "default"
 };
 const List$2 = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$T, p);
+  const props = mergeProps(defaultProps$S, p);
   const nativeElementRef = useRef(null);
   useImperativeHandle(ref, () => ({
     get nativeElement() {
@@ -11920,41 +12418,41 @@ const List$2 = forwardRef((p, ref) => {
     }
   }));
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$14, `${classPrefix$14}-${props.mode}`),
+    className: classNames(classPrefix$13, `${classPrefix$13}-${props.mode}`),
     ref: nativeElementRef
   }, props.header && React__default.createElement("div", {
-    className: `${classPrefix$14}-header`
+    className: `${classPrefix$13}-header`
   }, props.header), React__default.createElement("div", {
-    className: `${classPrefix$14}-body`
+    className: `${classPrefix$13}-body`
   }, React__default.createElement("div", {
-    className: `${classPrefix$14}-body-inner`
+    className: `${classPrefix$13}-body-inner`
   }, props.children))));
 });
 function isNodeWithContent(node) {
   return node !== void 0 && node !== null && node !== false;
 }
-const classPrefix$13 = `adm-list-item`;
+const classPrefix$12 = `adm-list-item`;
 const ListItem = (props) => {
   var _a;
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
   const arrow2 = props.arrow === void 0 ? clickable : props.arrow;
   const content = React__default.createElement("div", {
-    className: `${classPrefix$13}-content`
+    className: `${classPrefix$12}-content`
   }, isNodeWithContent(props.prefix) && React__default.createElement("div", {
-    className: `${classPrefix$13}-content-prefix`
+    className: `${classPrefix$12}-content-prefix`
   }, props.prefix), React__default.createElement("div", {
-    className: `${classPrefix$13}-content-main`
+    className: `${classPrefix$12}-content-main`
   }, isNodeWithContent(props.title) && React__default.createElement("div", {
-    className: `${classPrefix$13}-title`
+    className: `${classPrefix$12}-title`
   }, props.title), props.children, isNodeWithContent(props.description) && React__default.createElement("div", {
-    className: `${classPrefix$13}-description`
+    className: `${classPrefix$12}-description`
   }, props.description)), isNodeWithContent(props.extra) && React__default.createElement("div", {
-    className: `${classPrefix$13}-content-extra`
+    className: `${classPrefix$12}-content-extra`
   }, props.extra), isNodeWithContent(arrow2) && React__default.createElement("div", {
-    className: `${classPrefix$13}-content-arrow`
+    className: `${classPrefix$12}-content-arrow`
   }, arrow2 === true ? React__default.createElement(RightOutline, null) : arrow2));
   return withNativeProps(props, React__default.createElement(clickable ? "a" : "div", {
-    className: classNames(`${classPrefix$13}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$13}-disabled`),
+    className: classNames(`${classPrefix$12}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$12}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
   }, content));
 };
@@ -11962,14 +12460,14 @@ const List$1 = attachPropertiesToComponent(List$2, {
   Item: ListItem
 });
 const CheckListContext = createContext(null);
-const classPrefix$12 = "adm-check-list";
-const defaultProps$S = {
+const classPrefix$11 = "adm-check-list";
+const defaultProps$R = {
   multiple: false,
   defaultValue: [],
   activeIcon: React__default.createElement(CheckOutline, null)
 };
 const CheckList$1 = (p) => {
-  const props = mergeProps(defaultProps$S, p);
+  const props = mergeProps(defaultProps$R, p);
   const [value, setValue2] = usePropsValue(props);
   function check(val) {
     if (props.multiple) {
@@ -11999,10 +12497,10 @@ const CheckList$1 = (p) => {
     }
   }, withNativeProps(props, React__default.createElement(List$1, {
     mode: props.mode,
-    className: classPrefix$12
+    className: classPrefix$11
   }, props.children)));
 };
-const classPrefix$11 = `adm-check-list-item`;
+const classPrefix$10 = `adm-check-list-item`;
 const CheckListItem = (props) => {
   const context = useContext(CheckListContext);
   if (context === null) {
@@ -12014,11 +12512,11 @@ const CheckListItem = (props) => {
   const defaultExtra = active ? context.activeIcon : null;
   const renderExtra = context.extra ? context.extra(active) : defaultExtra;
   const extra = React__default.createElement("div", {
-    className: `${classPrefix$11}-extra`
+    className: `${classPrefix$10}-extra`
   }, renderExtra);
   return withNativeProps(props, React__default.createElement(List$1.Item, {
     title: props.title,
-    className: classNames(classPrefix$11, readOnly && `${classPrefix$11}-readonly`, active && `${classPrefix$11}-active`),
+    className: classNames(classPrefix$10, readOnly && `${classPrefix$10}-readonly`, active && `${classPrefix$10}-active`),
     description: props.description,
     prefix: props.prefix,
     onClick: (e2) => {
@@ -12109,18 +12607,18 @@ function generateIntArray(from, to2) {
   }
   return array4;
 }
-const classPrefix$10 = "adm-skeleton";
+const classPrefix$$ = "adm-skeleton";
 const Skeleton$1 = (props) => {
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$10, {
-      [`${classPrefix$10}-animated`]: props.animated
+    className: classNames(classPrefix$$, {
+      [`${classPrefix$$}-animated`]: props.animated
     })
   }));
 };
 const SkeletonTitle = (props) => {
   return withNativeProps(props, React__default.createElement(Skeleton$1, {
     animated: props.animated,
-    className: `${classPrefix$10}-title`
+    className: `${classPrefix$$}-title`
   }));
 };
 const defaultSkeletonParagraphProps = {
@@ -12130,11 +12628,11 @@ const SkeletonParagraph = (p) => {
   const props = mergeProps(defaultSkeletonParagraphProps, p);
   const keys2 = generateIntArray(1, props.lineCount);
   const node = React__default.createElement("div", {
-    className: `${classPrefix$10}-paragraph`
+    className: `${classPrefix$$}-paragraph`
   }, keys2.map((key) => React__default.createElement(Skeleton$1, {
     key,
     animated: props.animated,
-    className: `${classPrefix$10}-paragraph-line`
+    className: `${classPrefix$$}-paragraph-line`
   })));
   return withNativeProps(props, node);
 };
@@ -12142,16 +12640,29 @@ const Skeleton = attachPropertiesToComponent(Skeleton$1, {
   Title: SkeletonTitle,
   Paragraph: SkeletonParagraph
 });
-const classPrefix$$ = `adm-cascader-view`;
-const defaultProps$R = {
+const useFieldNames = (fieldNames = {}) => {
+  const fields = useMemo(() => {
+    const {
+      label = "label",
+      value = "value",
+      disabled = "disabled",
+      children = "children"
+    } = fieldNames;
+    return [label, value, children, disabled];
+  }, [JSON.stringify(fieldNames)]);
+  return fields;
+};
+const classPrefix$_ = `adm-cascader-view`;
+const defaultProps$Q = {
   defaultValue: []
 };
 const CascaderView$1 = (p) => {
+  const props = mergeProps(defaultProps$Q, p);
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$R, p);
-  const placeholder = props.placeholder || locale.Cascader.placeholder;
+  const generateValueExtend = useCascaderValueExtend(props.options);
+  const [labelName, valueName, childrenName, disabledName] = useFieldNames(props.fieldNames);
   const [value, setValue2] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: (val) => {
       var _a;
@@ -12159,26 +12670,21 @@ const CascaderView$1 = (p) => {
     }
   }));
   const [tabActiveIndex, setTabActiveIndex] = useState$1(0);
-  useUpdateEffect(() => {
-    var _a;
-    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
-  }, [tabActiveIndex]);
-  const generateValueExtend = useCascaderValueExtend(props.options);
   const levels = useMemo(() => {
     const ret = [];
     let currentOptions = props.options;
     let reachedEnd = false;
     for (const v of value) {
-      const target = currentOptions.find((option) => option.value === v);
+      const target = currentOptions.find((option) => option[valueName] === v);
       ret.push({
         selected: target,
         options: currentOptions
       });
-      if (!target || !target.children) {
+      if (!target || !target[childrenName]) {
         reachedEnd = true;
         break;
       }
-      currentOptions = target.children;
+      currentOptions = target[childrenName];
     }
     if (!reachedEnd) {
       ret.push({
@@ -12188,6 +12694,10 @@ const CascaderView$1 = (p) => {
     }
     return ret;
   }, [value, props.options]);
+  useUpdateEffect(() => {
+    var _a;
+    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
+  }, [tabActiveIndex]);
   useEffect(() => {
     setTabActiveIndex(levels.length - 1);
   }, [value]);
@@ -12205,8 +12715,9 @@ const CascaderView$1 = (p) => {
     setValue2(next);
   };
   const whetherLoading = (options) => props.loading || options === optionSkeleton;
+  const placeholder = props.placeholder || locale.Cascader.placeholder;
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$$
+    className: classPrefix$_
   }, React__default.createElement(Tabs, {
     activeKey: tabActiveIndex.toString(),
     onChange: (key) => {
@@ -12214,53 +12725,53 @@ const CascaderView$1 = (p) => {
       setTabActiveIndex(activeIndex);
     },
     stretch: false,
-    className: `${classPrefix$$}-tabs`
+    className: `${classPrefix$_}-tabs`
   }, levels.map((level, index2) => {
     const selected = level.selected;
     return React__default.createElement(Tabs.Tab, {
       key: index2.toString(),
       title: React__default.createElement("div", {
-        className: `${classPrefix$$}-header-title`
-      }, selected ? selected.label : typeof placeholder === "function" ? placeholder(index2) : placeholder),
+        className: `${classPrefix$_}-header-title`
+      }, selected ? selected[labelName] : typeof placeholder === "function" ? placeholder(index2) : placeholder),
       forceRender: true
     }, React__default.createElement("div", {
-      className: `${classPrefix$$}-content`
+      className: `${classPrefix$_}-content`
     }, whetherLoading(level.options) ? React__default.createElement("div", {
-      className: `${classPrefix$$}-skeleton`
+      className: `${classPrefix$_}-skeleton`
     }, React__default.createElement(Skeleton, {
-      className: `${classPrefix$$}-skeleton-line-1`,
+      className: `${classPrefix$_}-skeleton-line-1`,
       animated: true
     }), React__default.createElement(Skeleton, {
-      className: `${classPrefix$$}-skeleton-line-2`,
+      className: `${classPrefix$_}-skeleton-line-2`,
       animated: true
     }), React__default.createElement(Skeleton, {
-      className: `${classPrefix$$}-skeleton-line-3`,
+      className: `${classPrefix$_}-skeleton-line-3`,
       animated: true
     }), React__default.createElement(Skeleton, {
-      className: `${classPrefix$$}-skeleton-line-4`,
+      className: `${classPrefix$_}-skeleton-line-4`,
       animated: true
     })) : React__default.createElement(CheckList, {
       value: [value[index2]],
       onChange: (selectValue) => onItemSelect(selectValue[0], index2),
       activeIcon: props.activeIcon
     }, level.options.map((option) => {
-      const active = value[index2] === option.value;
+      const active = value[index2] === option[valueName];
       return React__default.createElement(CheckList.Item, {
-        value: option.value,
-        key: option.value,
-        disabled: option.disabled,
-        className: classNames(`${classPrefix$$}-item`, {
-          [`${classPrefix$$}-item-active`]: active
+        value: option[valueName],
+        key: option[valueName],
+        disabled: option[disabledName],
+        className: classNames(`${classPrefix$_}-item`, {
+          [`${classPrefix$_}-item-active`]: active
         })
-      }, option.label);
+      }, option[labelName]);
     }))));
   }))));
 };
 const CascaderView = attachPropertiesToComponent(CascaderView$1, {
   optionSkeleton
 });
-const classPrefix$_ = `adm-cascader`;
-const defaultProps$Q = {
+const classPrefix$Z = `adm-cascader`;
+const defaultProps$P = {
   defaultValue: [],
   destroyOnClose: true,
   forceRender: false
@@ -12270,7 +12781,7 @@ const Cascader = forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$Q, {
+  const props = mergeProps(defaultProps$P, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
@@ -12311,26 +12822,26 @@ const Cascader = forwardRef((p, ref) => {
     }
   }, [visible, value]);
   const cascaderElement = withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$_
+    className: classPrefix$Z
   }, React__default.createElement("div", {
-    className: `${classPrefix$_}-header`
+    className: `${classPrefix$Z}-header`
   }, React__default.createElement("a", {
-    className: `${classPrefix$_}-header-button`,
+    className: `${classPrefix$Z}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default.createElement("div", {
-    className: `${classPrefix$_}-header-title`
+    className: `${classPrefix$Z}-header-title`
   }, props.title), React__default.createElement("a", {
-    className: `${classPrefix$_}-header-button`,
+    className: `${classPrefix$Z}-header-button`,
     onClick: () => {
       setValue2(innerValue, true);
       setVisible(false);
     }
   }, props.confirmText)), React__default.createElement("div", {
-    className: `${classPrefix$_}-body`
+    className: `${classPrefix$Z}-body`
   }, React__default.createElement(CascaderView, Object.assign({}, props, {
     value: innerValue,
     onChange: (val, ext) => {
@@ -12395,12 +12906,12 @@ const index$g = attachPropertiesToComponent(Cascader, {
   optionSkeleton
 });
 const centerPopup = "";
-const classPrefix$Z = "adm-center-popup";
-const defaultProps$P = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const classPrefix$Y = "adm-center-popup";
+const defaultProps$O = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
 const CenterPopup$1 = (p) => {
-  const props = mergeProps(defaultProps$P, p);
+  const props = mergeProps(defaultProps$O, p);
   const unmountedRef = useUnmountedRef$1();
   const style = useSpring({
     scale: props.visible ? 1 : 0.8,
@@ -12433,11 +12944,11 @@ const CenterPopup$1 = (p) => {
   useLockScroll(ref, props.disableBodyScroll && active);
   const maskVisible = useInnerVisible(active && props.visible);
   const body = React__default.createElement("div", {
-    className: classNames(`${classPrefix$Z}-body`, props.bodyClassName),
+    className: classNames(`${classPrefix$Y}-body`, props.bodyClassName),
     style: props.bodyStyle
   }, props.children);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$Z,
+    className: classPrefix$Y,
     style: {
       display: active ? void 0 : "none",
       pointerEvents: active ? void 0 : "none"
@@ -12454,11 +12965,11 @@ const CenterPopup$1 = (p) => {
       }
     },
     style: props.maskStyle,
-    className: classNames(`${classPrefix$Z}-mask`, props.maskClassName),
+    className: classNames(`${classPrefix$Y}-mask`, props.maskClassName),
     disableBodyScroll: false,
     stopPropagation: props.stopPropagation
   }), React__default.createElement("div", {
-    className: `${classPrefix$Z}-wrap`,
+    className: `${classPrefix$Y}-wrap`,
     role: props.role,
     "aria-label": props["aria-label"]
   }, React__default.createElement(animated.div, {
@@ -12467,7 +12978,7 @@ const CenterPopup$1 = (p) => {
     }),
     ref
   }, props.showCloseButton && React__default.createElement("a", {
-    className: classNames(`${classPrefix$Z}-close`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$Y}-close`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -12482,12 +12993,12 @@ const CenterPopup$1 = (p) => {
 const CenterPopup = CenterPopup$1;
 const checkbox = "";
 const CheckboxGroupContext = createContext(null);
-const defaultProps$O = {
+const defaultProps$N = {
   disabled: false,
   defaultValue: []
 };
 const Group$1 = (p) => {
-  const props = mergeProps(defaultProps$O, p);
+  const props = mergeProps(defaultProps$N, p);
   const [value, setValue2] = usePropsValue(props);
   return React__default.createElement(
     CheckboxGroupContext.Provider,
@@ -12553,14 +13064,14 @@ const NativeInput = (props) => {
     id: props.id
   });
 };
-const classPrefix$Y = `adm-checkbox`;
-const defaultProps$N = {
+const classPrefix$X = `adm-checkbox`;
+const defaultProps$M = {
   defaultChecked: false,
   indeterminate: false
 };
 const Checkbox$1 = forwardRef((p, ref) => {
   const groupContext = useContext(CheckboxGroupContext);
-  const props = mergeProps(defaultProps$N, p);
+  const props = mergeProps(defaultProps$M, p);
   let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
@@ -12605,20 +13116,20 @@ const Checkbox$1 = forwardRef((p, ref) => {
   const renderIcon = () => {
     if (props.icon) {
       return React__default.createElement("div", {
-        className: `${classPrefix$Y}-custom-icon`
+        className: `${classPrefix$X}-custom-icon`
       }, props.icon(checked, props.indeterminate));
     }
     return React__default.createElement("div", {
-      className: `${classPrefix$Y}-icon`
+      className: `${classPrefix$X}-icon`
     }, 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$Y, {
-      [`${classPrefix$Y}-checked`]: checked && !props.indeterminate,
-      [`${classPrefix$Y}-indeterminate`]: props.indeterminate,
-      [`${classPrefix$Y}-disabled`]: disabled,
-      [`${classPrefix$Y}-block`]: props.block
+    className: classNames(classPrefix$X, {
+      [`${classPrefix$X}-checked`]: checked && !props.indeterminate,
+      [`${classPrefix$X}-indeterminate`]: props.indeterminate,
+      [`${classPrefix$X}-disabled`]: disabled,
+      [`${classPrefix$X}-block`]: props.block
     })
   }, React__default.createElement(NativeInput, {
     type: "checkbox",
@@ -12627,14 +13138,14 @@ const Checkbox$1 = forwardRef((p, ref) => {
     disabled,
     id: props.id
   }), renderIcon(), props.children && React__default.createElement("div", {
-    className: `${classPrefix$Y}-content`
+    className: `${classPrefix$X}-content`
   }, props.children)));
 });
 const Checkbox = attachPropertiesToComponent(Checkbox$1, {
   Group: Group$1
 });
 const collapse = "";
-const classPrefix$X = `adm-collapse`;
+const classPrefix$W = `adm-collapse`;
 const CollapsePanel = () => {
   return null;
 };
@@ -12688,8 +13199,8 @@ const CollapsePanelContent = (props) => {
     }
   }, [visible]);
   return React__default.createElement(animated.div, {
-    className: classNames(`${classPrefix$X}-panel-content`, {
-      [`${classPrefix$X}-panel-content-active`]: visible
+    className: classNames(`${classPrefix$W}-panel-content`, {
+      [`${classPrefix$W}-panel-content-active`]: visible
     }),
     style: {
       height: height.to((v) => {
@@ -12701,7 +13212,7 @@ const CollapsePanelContent = (props) => {
       })
     }
   }, React__default.createElement("div", {
-    className: `${classPrefix$X}-panel-content-inner`,
+    className: `${classPrefix$W}-panel-content-inner`,
     ref: innerRef
   }, React__default.createElement(List$1.Item, null, shouldRender && props.children)));
 };
@@ -12745,7 +13256,7 @@ const Collapse = (props) => {
   const [activeKey, setActiveKey] = usePropsValue(handlePropsValue());
   const activeKeyList = activeKey === null ? [] : Array.isArray(activeKey) ? activeKey : [activeKey];
   return withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$X
+    className: classPrefix$W
   }, React__default.createElement(List$1, null, panels.map((panel) => {
     const key = panel.key;
     const active = activeKeyList.includes(key);
@@ -12775,15 +13286,15 @@ const Collapse = (props) => {
         arrow2 = panel.props.arrow;
       }
       return typeof arrow2 === "function" ? arrow2(active) : React__default.createElement("div", {
-        className: classNames(`${classPrefix$X}-arrow`, {
-          [`${classPrefix$X}-arrow-active`]: active
+        className: classNames(`${classPrefix$W}-arrow`, {
+          [`${classPrefix$W}-arrow-active`]: active
         })
       }, arrow2);
     };
     return React__default.createElement(React__default.Fragment, {
       key
     }, withNativeProps(panel.props, React__default.createElement(List$1.Item, {
-      className: `${classPrefix$X}-panel-header`,
+      className: `${classPrefix$W}-panel-header`,
       onClick: handleClick,
       disabled: panel.props.disabled,
       arrow: renderArrow()
@@ -13110,14 +13621,14 @@ function useRenderLabel(renderLabel) {
   }, [renderLabel]);
 }
 const thisYear$1 = new Date().getFullYear();
-const defaultProps$M = {
+const defaultProps$L = {
   min: new Date(new Date().setFullYear(thisYear$1 - 10)),
   max: new Date(new Date().setFullYear(thisYear$1 + 10)),
   precision: "day",
   defaultValue: null
 };
 const DatePicker = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps$M, p);
+  const props = mergeProps(defaultProps$L, p);
   const {
     renderLabel
   } = props;
@@ -13214,14 +13725,14 @@ const index$e = attachPropertiesToComponent(DatePicker, {
   DATE_NOW: TILL_NOW
 });
 const thisYear = new Date().getFullYear();
-const defaultProps$L = {
+const defaultProps$K = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: "day"
 };
 const DatePickerView$1 = (p) => {
   var _a;
-  const props = mergeProps(defaultProps$L, p);
+  const props = mergeProps(defaultProps$K, p);
   const {
     renderLabel
   } = props;
@@ -13273,14 +13784,14 @@ const DialogActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$K = {
+const defaultProps$J = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Dialog = (p) => {
-  const props = mergeProps(defaultProps$K, p);
+  const props = mergeProps(defaultProps$J, p);
   const element = React__default.createElement(React__default.Fragment, null, !!props.image && React__default.createElement("div", {
     className: cls$1("image-container")
   }, React__default.createElement(Image$1, {
@@ -13371,7 +13882,7 @@ function alert$1(p) {
     }));
   });
 }
-const defaultProps$J = {
+const defaultProps$I = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -13379,7 +13890,7 @@ function confirm$1(p) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$J, {
+  const props = mergeProps(defaultProps$I, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p);
@@ -13423,21 +13934,6 @@ const index$d = attachPropertiesToComponent(Dialog, {
   confirm: confirm$1,
   clear: clear$2
 });
-const divider = "";
-const classPrefix$W = `adm-divider`;
-const defaultProps$I = {
-  contentPosition: "center",
-  direction: "horizontal"
-};
-const Divider$1 = (p) => {
-  const props = mergeProps(defaultProps$I, p);
-  return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$W, `${classPrefix$W}-${props.direction}`, `${classPrefix$W}-${props.contentPosition}`)
-  }, props.children && React__default.createElement("div", {
-    className: `${classPrefix$W}-content`
-  }, props.children)));
-};
-const Divider = Divider$1;
 const dropdown = "";
 const classPrefix$V = `adm-dropdown-item`;
 const Item = (props) => {
@@ -14654,13 +15150,13 @@ function _objectWithoutProperties(source, excluded) {
   }
   return target;
 }
-function _typeof$1(obj) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof$1(o);
 }
 function _toPrimitive(input2, hint) {
   if (_typeof$1(input2) !== "object" || input2 === null)
@@ -14692,26 +15188,26 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-function ownKeys(object4, enumerableOnly) {
-  var keys2 = Object.keys(object4);
+function ownKeys(e2, r) {
+  var t = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object4);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object4, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2(target) {
-  for (var i2 = 1; i2 < arguments.length; i2++) {
-    var source = null != arguments[i2] ? arguments[i2] : {};
-    i2 % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    var o = Object.getOwnPropertySymbols(e2);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e2, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e2) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e2, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e2, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e2;
 }
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length)
@@ -15111,319 +15607,314 @@ function toArray$1(value) {
 }
 function _regeneratorRuntime() {
   _regeneratorRuntime = function _regeneratorRuntime2() {
-    return exports;
+    return e2;
   };
-  var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty2 = Object.defineProperty || function(obj, key, desc) {
-    obj[key] = desc.value;
-  }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value,
+  var t, e2 = {}, r = Object.prototype, n2 = r.hasOwnProperty, o = Object.defineProperty || function(t2, e3, r2) {
+    t2[e3] = r2.value;
+  }, i2 = "function" == typeof Symbol ? Symbol : {}, a = i2.iterator || "@@iterator", c = i2.asyncIterator || "@@asyncIterator", u = i2.toStringTag || "@@toStringTag";
+  function define(t2, e3, r2) {
+    return Object.defineProperty(t2, e3, {
+      value: r2,
       enumerable: true,
       configurable: true,
       writable: true
-    }), obj[key];
+    }), t2[e3];
   }
   try {
     define({}, "");
-  } catch (err) {
-    define = function define2(obj, key, value) {
-      return obj[key] = value;
+  } catch (t2) {
+    define = function define2(t3, e3, r2) {
+      return t3[e3] = r2;
     };
   }
-  function wrap(innerFn, outerFn, self2, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context2(tryLocsList || []);
-    return defineProperty2(generator, "_invoke", {
-      value: makeInvokeMethod(innerFn, self2, context)
-    }), generator;
+  function wrap(t2, e3, r2, n3) {
+    var i3 = e3 && e3.prototype instanceof Generator ? e3 : Generator, a2 = Object.create(i3.prototype), c6 = new Context2(n3 || []);
+    return o(a2, "_invoke", {
+      value: makeInvokeMethod(t2, r2, c6)
+    }), a2;
   }
-  function tryCatch(fn, obj, arg) {
+  function tryCatch(t2, e3, r2) {
     try {
       return {
         type: "normal",
-        arg: fn.call(obj, arg)
+        arg: t2.call(e3, r2)
       };
-    } catch (err) {
+    } catch (t3) {
       return {
         type: "throw",
-        arg: err
+        arg: t3
       };
     }
   }
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
+  e2.wrap = wrap;
+  var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {};
   function Generator() {
   }
   function GeneratorFunction() {
   }
   function GeneratorFunctionPrototype() {
   }
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function() {
+  var p = {};
+  define(p, a, function() {
     return this;
   });
-  var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method4) {
-      define(prototype, method4, function(arg) {
-        return this._invoke(method4, arg);
+  var d = Object.getPrototypeOf, v = d && d(d(values([])));
+  v && v !== r && n2.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t2) {
+    ["next", "throw", "return"].forEach(function(e3) {
+      define(t2, e3, function(t3) {
+        return this._invoke(e3, t3);
       });
     });
   }
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method4, arg, resolve, reject) {
-      var record2 = tryCatch(generator[method4], generator, arg);
-      if ("throw" !== record2.type) {
-        var result2 = record2.arg, value = result2.value;
-        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function(value2) {
-          invoke("next", value2, resolve, reject);
-        }, function(err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function(unwrapped) {
-          result2.value = unwrapped, resolve(result2);
-        }, function(error) {
-          return invoke("throw", error, resolve, reject);
+  function AsyncIterator(t2, e3) {
+    function invoke(r3, o2, i3, a2) {
+      var c6 = tryCatch(t2[r3], t2, o2);
+      if ("throw" !== c6.type) {
+        var u2 = c6.arg, h2 = u2.value;
+        return h2 && "object" == _typeof$1(h2) && n2.call(h2, "__await") ? e3.resolve(h2.__await).then(function(t3) {
+          invoke("next", t3, i3, a2);
+        }, function(t3) {
+          invoke("throw", t3, i3, a2);
+        }) : e3.resolve(h2).then(function(t3) {
+          u2.value = t3, i3(u2);
+        }, function(t3) {
+          return invoke("throw", t3, i3, a2);
         });
       }
-      reject(record2.arg);
+      a2(c6.arg);
     }
-    var previousPromise;
-    defineProperty2(this, "_invoke", {
-      value: function value(method4, arg) {
+    var r2;
+    o(this, "_invoke", {
+      value: function value(t3, n3) {
         function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function(resolve, reject) {
-            invoke(method4, arg, resolve, reject);
+          return new e3(function(e4, r3) {
+            invoke(t3, n3, e4, r3);
           });
         }
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        return r2 = r2 ? r2.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
       }
     });
   }
-  function makeInvokeMethod(innerFn, self2, context) {
-    var state = "suspendedStart";
-    return function(method4, arg) {
-      if ("executing" === state)
+  function makeInvokeMethod(e3, r2, n3) {
+    var o2 = h;
+    return function(i3, a2) {
+      if (o2 === f)
         throw new Error("Generator is already running");
-      if ("completed" === state) {
-        if ("throw" === method4)
-          throw arg;
-        return doneResult();
-      }
-      for (context.method = method4, context.arg = arg; ; ) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel)
+      if (o2 === s) {
+        if ("throw" === i3)
+          throw a2;
+        return {
+          value: t,
+          done: true
+        };
+      }
+      for (n3.method = i3, n3.arg = a2; ; ) {
+        var c6 = n3.delegate;
+        if (c6) {
+          var u2 = maybeInvokeDelegate(c6, n3);
+          if (u2) {
+            if (u2 === y)
               continue;
-            return delegateResult;
+            return u2;
           }
         }
-        if ("next" === context.method)
-          context.sent = context._sent = context.arg;
-        else if ("throw" === context.method) {
-          if ("suspendedStart" === state)
-            throw state = "completed", context.arg;
-          context.dispatchException(context.arg);
+        if ("next" === n3.method)
+          n3.sent = n3._sent = n3.arg;
+        else if ("throw" === n3.method) {
+          if (o2 === h)
+            throw o2 = s, n3.arg;
+          n3.dispatchException(n3.arg);
         } else
-          "return" === context.method && context.abrupt("return", context.arg);
-        state = "executing";
-        var record2 = tryCatch(innerFn, self2, context);
-        if ("normal" === record2.type) {
-          if (state = context.done ? "completed" : "suspendedYield", record2.arg === ContinueSentinel)
+          "return" === n3.method && n3.abrupt("return", n3.arg);
+        o2 = f;
+        var p2 = tryCatch(e3, r2, n3);
+        if ("normal" === p2.type) {
+          if (o2 = n3.done ? s : l, p2.arg === y)
             continue;
           return {
-            value: record2.arg,
-            done: context.done
+            value: p2.arg,
+            done: n3.done
           };
         }
-        "throw" === record2.type && (state = "completed", context.method = "throw", context.arg = record2.arg);
+        "throw" === p2.type && (o2 = s, n3.method = "throw", n3.arg = p2.arg);
       }
     };
   }
-  function maybeInvokeDelegate(delegate, context) {
-    var methodName = context.method, method4 = delegate.iterator[methodName];
-    if (void 0 === method4)
-      return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = void 0, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-    var record2 = tryCatch(method4, delegate.iterator, context.arg);
-    if ("throw" === record2.type)
-      return context.method = "throw", context.arg = record2.arg, context.delegate = null, ContinueSentinel;
-    var info = record2.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = void 0), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
+  function maybeInvokeDelegate(e3, r2) {
+    var n3 = r2.method, o2 = e3.iterator[n3];
+    if (o2 === t)
+      return r2.delegate = null, "throw" === n3 && e3.iterator["return"] && (r2.method = "return", r2.arg = t, maybeInvokeDelegate(e3, r2), "throw" === r2.method) || "return" !== n3 && (r2.method = "throw", r2.arg = new TypeError("The iterator does not provide a '" + n3 + "' method")), y;
+    var i3 = tryCatch(o2, e3.iterator, r2.arg);
+    if ("throw" === i3.type)
+      return r2.method = "throw", r2.arg = i3.arg, r2.delegate = null, y;
+    var a2 = i3.arg;
+    return a2 ? a2.done ? (r2[e3.resultName] = a2.value, r2.next = e3.nextLoc, "return" !== r2.method && (r2.method = "next", r2.arg = t), r2.delegate = null, y) : a2 : (r2.method = "throw", r2.arg = new TypeError("iterator result is not an object"), r2.delegate = null, y);
+  }
+  function pushTryEntry(t2) {
+    var e3 = {
+      tryLoc: t2[0]
     };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+    1 in t2 && (e3.catchLoc = t2[1]), 2 in t2 && (e3.finallyLoc = t2[2], e3.afterLoc = t2[3]), this.tryEntries.push(e3);
   }
-  function resetTryEntry(entry) {
-    var record2 = entry.completion || {};
-    record2.type = "normal", delete record2.arg, entry.completion = record2;
+  function resetTryEntry(t2) {
+    var e3 = t2.completion || {};
+    e3.type = "normal", delete e3.arg, t2.completion = e3;
   }
-  function Context2(tryLocsList) {
+  function Context2(t2) {
     this.tryEntries = [{
       tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(true);
-  }
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod)
-        return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next)
-        return iterable;
-      if (!isNaN(iterable.length)) {
-        var i2 = -1, next = function next2() {
-          for (; ++i2 < iterable.length; )
-            if (hasOwn.call(iterable, i2))
-              return next2.value = iterable[i2], next2.done = false, next2;
-          return next2.value = void 0, next2.done = true, next2;
+    }], t2.forEach(pushTryEntry, this), this.reset(true);
+  }
+  function values(e3) {
+    if (e3 || "" === e3) {
+      var r2 = e3[a];
+      if (r2)
+        return r2.call(e3);
+      if ("function" == typeof e3.next)
+        return e3;
+      if (!isNaN(e3.length)) {
+        var o2 = -1, i3 = function next() {
+          for (; ++o2 < e3.length; )
+            if (n2.call(e3, o2))
+              return next.value = e3[o2], next.done = false, next;
+          return next.value = t, next.done = true, next;
         };
-        return next.next = next;
+        return i3.next = i3;
       }
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: void 0,
-      done: true
-    };
+    throw new TypeError(_typeof$1(e3) + " is not iterable");
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty2(Gp, "constructor", {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
     value: GeneratorFunctionPrototype,
     configurable: true
-  }), defineProperty2(GeneratorFunctionPrototype, "constructor", {
+  }), o(GeneratorFunctionPrototype, "constructor", {
     value: GeneratorFunction,
     configurable: true
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function(genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function(genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function(arg) {
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e2.isGeneratorFunction = function(t2) {
+    var e3 = "function" == typeof t2 && t2.constructor;
+    return !!e3 && (e3 === GeneratorFunction || "GeneratorFunction" === (e3.displayName || e3.name));
+  }, e2.mark = function(t2) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t2, GeneratorFunctionPrototype) : (t2.__proto__ = GeneratorFunctionPrototype, define(t2, u, "GeneratorFunction")), t2.prototype = Object.create(g), t2;
+  }, e2.awrap = function(t2) {
     return {
-      __await: arg
+      __await: t2
     };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function() {
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function() {
     return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function(innerFn, outerFn, self2, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self2, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function(result2) {
-      return result2.done ? result2.value : iter.next();
+  }), e2.AsyncIterator = AsyncIterator, e2.async = function(t2, r2, n3, o2, i3) {
+    void 0 === i3 && (i3 = Promise);
+    var a2 = new AsyncIterator(wrap(t2, r2, n3, o2), i3);
+    return e2.isGeneratorFunction(r2) ? a2 : a2.next().then(function(t3) {
+      return t3.done ? t3.value : a2.next();
     });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function() {
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function() {
     return this;
-  }), define(Gp, "toString", function() {
+  }), define(g, "toString", function() {
     return "[object Generator]";
-  }), exports.keys = function(val) {
-    var object4 = Object(val), keys2 = [];
-    for (var key in object4)
-      keys2.push(key);
-    return keys2.reverse(), function next() {
-      for (; keys2.length; ) {
-        var key2 = keys2.pop();
-        if (key2 in object4)
-          return next.value = key2, next.done = false, next;
+  }), e2.keys = function(t2) {
+    var e3 = Object(t2), r2 = [];
+    for (var n3 in e3)
+      r2.push(n3);
+    return r2.reverse(), function next() {
+      for (; r2.length; ) {
+        var t3 = r2.pop();
+        if (t3 in e3)
+          return next.value = t3, next.done = false, next;
       }
       return next.done = true, next;
     };
-  }, exports.values = values, Context2.prototype = {
+  }, e2.values = values, Context2.prototype = {
     constructor: Context2,
-    reset: function reset(skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = void 0, this.done = false, this.delegate = null, this.method = "next", this.arg = void 0, this.tryEntries.forEach(resetTryEntry), !skipTempReset)
-        for (var name in this)
-          "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = void 0);
+    reset: function reset(e3) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e3)
+        for (var r2 in this)
+          "t" === r2.charAt(0) && n2.call(this, r2) && !isNaN(+r2.slice(1)) && (this[r2] = t);
     },
     stop: function stop2() {
       this.done = true;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type)
-        throw rootRecord.arg;
+      var t2 = this.tryEntries[0].completion;
+      if ("throw" === t2.type)
+        throw t2.arg;
       return this.rval;
     },
-    dispatchException: function dispatchException(exception) {
+    dispatchException: function dispatchException(e3) {
       if (this.done)
-        throw exception;
-      var context = this;
-      function handle(loc, caught) {
-        return record2.type = "throw", record2.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = void 0), !!caught;
-      }
-      for (var i2 = this.tryEntries.length - 1; i2 >= 0; --i2) {
-        var entry = this.tryEntries[i2], record2 = entry.completion;
-        if ("root" === entry.tryLoc)
+        throw e3;
+      var r2 = this;
+      function handle(n3, o3) {
+        return a2.type = "throw", a2.arg = e3, r2.next = n3, o3 && (r2.method = "next", r2.arg = t), !!o3;
+      }
+      for (var o2 = this.tryEntries.length - 1; o2 >= 0; --o2) {
+        var i3 = this.tryEntries[o2], a2 = i3.completion;
+        if ("root" === i3.tryLoc)
           return handle("end");
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc");
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc)
-              return handle(entry.catchLoc, true);
-            if (this.prev < entry.finallyLoc)
-              return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc)
-              return handle(entry.catchLoc, true);
+        if (i3.tryLoc <= this.prev) {
+          var c6 = n2.call(i3, "catchLoc"), u2 = n2.call(i3, "finallyLoc");
+          if (c6 && u2) {
+            if (this.prev < i3.catchLoc)
+              return handle(i3.catchLoc, true);
+            if (this.prev < i3.finallyLoc)
+              return handle(i3.finallyLoc);
+          } else if (c6) {
+            if (this.prev < i3.catchLoc)
+              return handle(i3.catchLoc, true);
           } else {
-            if (!hasFinally)
+            if (!u2)
               throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc)
-              return handle(entry.finallyLoc);
+            if (this.prev < i3.finallyLoc)
+              return handle(i3.finallyLoc);
           }
         }
       }
     },
-    abrupt: function abrupt(type4, arg) {
-      for (var i2 = this.tryEntries.length - 1; i2 >= 0; --i2) {
-        var entry = this.tryEntries[i2];
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
+    abrupt: function abrupt(t2, e3) {
+      for (var r2 = this.tryEntries.length - 1; r2 >= 0; --r2) {
+        var o2 = this.tryEntries[r2];
+        if (o2.tryLoc <= this.prev && n2.call(o2, "finallyLoc") && this.prev < o2.finallyLoc) {
+          var i3 = o2;
           break;
         }
       }
-      finallyEntry && ("break" === type4 || "continue" === type4) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record2 = finallyEntry ? finallyEntry.completion : {};
-      return record2.type = type4, record2.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record2);
+      i3 && ("break" === t2 || "continue" === t2) && i3.tryLoc <= e3 && e3 <= i3.finallyLoc && (i3 = null);
+      var a2 = i3 ? i3.completion : {};
+      return a2.type = t2, a2.arg = e3, i3 ? (this.method = "next", this.next = i3.finallyLoc, y) : this.complete(a2);
     },
-    complete: function complete(record2, afterLoc) {
-      if ("throw" === record2.type)
-        throw record2.arg;
-      return "break" === record2.type || "continue" === record2.type ? this.next = record2.arg : "return" === record2.type ? (this.rval = this.arg = record2.arg, this.method = "return", this.next = "end") : "normal" === record2.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    complete: function complete(t2, e3) {
+      if ("throw" === t2.type)
+        throw t2.arg;
+      return "break" === t2.type || "continue" === t2.type ? this.next = t2.arg : "return" === t2.type ? (this.rval = this.arg = t2.arg, this.method = "return", this.next = "end") : "normal" === t2.type && e3 && (this.next = e3), y;
     },
-    finish: function finish(finallyLoc) {
-      for (var i2 = this.tryEntries.length - 1; i2 >= 0; --i2) {
-        var entry = this.tryEntries[i2];
-        if (entry.finallyLoc === finallyLoc)
-          return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+    finish: function finish(t2) {
+      for (var e3 = this.tryEntries.length - 1; e3 >= 0; --e3) {
+        var r2 = this.tryEntries[e3];
+        if (r2.finallyLoc === t2)
+          return this.complete(r2.completion, r2.afterLoc), resetTryEntry(r2), y;
       }
     },
-    "catch": function _catch(tryLoc) {
-      for (var i2 = this.tryEntries.length - 1; i2 >= 0; --i2) {
-        var entry = this.tryEntries[i2];
-        if (entry.tryLoc === tryLoc) {
-          var record2 = entry.completion;
-          if ("throw" === record2.type) {
-            var thrown = record2.arg;
-            resetTryEntry(entry);
+    "catch": function _catch(t2) {
+      for (var e3 = this.tryEntries.length - 1; e3 >= 0; --e3) {
+        var r2 = this.tryEntries[e3];
+        if (r2.tryLoc === t2) {
+          var n3 = r2.completion;
+          if ("throw" === n3.type) {
+            var o2 = n3.arg;
+            resetTryEntry(r2);
           }
-          return thrown;
+          return o2;
         }
       }
       throw new Error("illegal catch attempt");
     },
-    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+    delegateYield: function delegateYield(e3, r2, n3) {
       return this.delegate = {
-        iterator: values(iterable),
-        resultName,
-        nextLoc
-      }, "next" === this.method && (this.arg = void 0), ContinueSentinel;
+        iterator: values(e3),
+        resultName: r2,
+        nextLoc: n3
+      }, "next" === this.method && (this.arg = t), y;
     }
-  }, exports;
+  }, e2;
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -17501,30 +17992,30 @@ var List = function List2(_ref) {
     }), operations, meta);
   })));
 };
-function _iterableToArrayLimit(arr, i2) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s, _e, _x, _r, _arr = [], _n = true, _d = false;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e2, n2, i2, u, a = [], f = true, o = false;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i2) {
-        if (Object(_i) !== _i)
+      if (i2 = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t)
           return;
-        _n = false;
+        f = false;
       } else
-        for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i2); _n = true)
+        for (; !(f = (e2 = i2.call(t)).done) && (a.push(e2.value), a.length !== l); f = true)
           ;
-    } catch (err) {
-      _d = true, _e = err;
+    } catch (r2) {
+      o = true, n2 = r2;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r))
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u))
           return;
       } finally {
-        if (_d)
-          throw _e;
+        if (o)
+          throw n2;
       }
     }
-    return _arr;
+    return a;
   }
 }
 function _slicedToArray(arr, i2) {
@@ -18630,37 +19121,16 @@ var baseCreate$1 = function() {
   };
 }();
 var _baseCreate = baseCreate$1;
-var overArg = _overArg;
-var getPrototype$2 = overArg(Object.getPrototypeOf, Object);
-var _getPrototype = getPrototype$2;
-var baseCreate = _baseCreate, getPrototype$1 = _getPrototype, isPrototype$1 = _isPrototype;
+var baseCreate = _baseCreate, getPrototype = _getPrototype, isPrototype$1 = _isPrototype;
 function initCloneObject$1(object4) {
-  return typeof object4.constructor == "function" && !isPrototype$1(object4) ? baseCreate(getPrototype$1(object4)) : {};
+  return typeof object4.constructor == "function" && !isPrototype$1(object4) ? baseCreate(getPrototype(object4)) : {};
 }
 var _initCloneObject = initCloneObject$1;
-var isArrayLike$1 = isArrayLike_1, isObjectLike$1 = isObjectLike_1;
+var isArrayLike$1 = isArrayLike_1, isObjectLike = isObjectLike_1;
 function isArrayLikeObject$1(value) {
-  return isObjectLike$1(value) && isArrayLike$1(value);
+  return isObjectLike(value) && isArrayLike$1(value);
 }
 var isArrayLikeObject_1 = isArrayLikeObject$1;
-var baseGetTag = _baseGetTag, getPrototype = _getPrototype, isObjectLike = isObjectLike_1;
-var objectTag = "[object Object]";
-var funcProto = Function.prototype, objectProto$1 = Object.prototype;
-var funcToString = funcProto.toString;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-var objectCtorString = funcToString.call(Object);
-function isPlainObject$1(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
-    return false;
-  }
-  var proto = getPrototype(value);
-  if (proto === null) {
-    return true;
-  }
-  var Ctor = hasOwnProperty$1.call(proto, "constructor") && proto.constructor;
-  return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
-}
-var isPlainObject_1 = isPlainObject$1;
 function safeGet$2(object4, key) {
   if (key === "constructor" && typeof object4[key] === "function") {
     return;
@@ -18880,13 +19350,13 @@ var FieldContext = {};
 var interopRequireWildcard = { exports: {} };
 var _typeof = { exports: {} };
 (function(module) {
-  function _typeof2(obj) {
+  function _typeof2(o) {
     "@babel/helpers - typeof";
-    return module.exports = _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-      return typeof obj2;
-    } : function(obj2) {
-      return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof2(obj);
+    return module.exports = _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+      return typeof o2;
+    } : function(o2) {
+      return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof2(o);
   }
   module.exports = _typeof2, module.exports.__esModule = true, module.exports["default"] = module.exports;
 })(_typeof);
@@ -19080,30 +19550,140 @@ const Arrow = memo((props) => {
     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;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = (v) => ({
+  x: v,
+  y: v
+});
+const oppositeSideMap = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+const oppositeAlignmentMap = {
+  start: "end",
+  end: "start"
+};
+function clamp(start2, value, end) {
+  return max(start2, min(value, end));
+}
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
 function getAlignment(placement) {
   return placement.split("-")[1];
 }
-function getLengthFromAxis(axis) {
+function getOppositeAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function getAxisLength(axis) {
   return axis === "y" ? "height" : "width";
 }
-function getSide(placement) {
-  return placement.split("-")[0];
+function getSideAxis(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+}
+function getSideList(side, isStart, rtl) {
+  const lr = ["left", "right"];
+  const rl = ["right", "left"];
+  const tb = ["top", "bottom"];
+  const bt = ["bottom", "top"];
+  switch (side) {
+    case "top":
+    case "bottom":
+      if (rtl)
+        return isStart ? rl : lr;
+      return isStart ? lr : rl;
+    case "left":
+    case "right":
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list2 = getSideList(getSide(placement), direction === "start", rtl);
+  if (alignment) {
+    list2 = list2.map((side) => side + "-" + alignment);
+    if (flipAlignment) {
+      list2 = list2.concat(list2.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return list2;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
 }
-function getMainAxisFromPlacement(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
     floating
   } = _ref;
+  const sideAxis = getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = getSide(placement);
+  const isVertical = sideAxis === "y";
   const commonX = reference.x + reference.width / 2 - floating.width / 2;
   const commonY = reference.y + reference.height / 2 - floating.height / 2;
-  const mainAxis = getMainAxisFromPlacement(placement);
-  const length = getLengthFromAxis(mainAxis);
-  const commonAlign = reference[length] / 2 - floating[length] / 2;
-  const side = getSide(placement);
-  const isVertical = mainAxis === "x";
+  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
   let coords;
   switch (side) {
     case "top":
@@ -19138,10 +19718,10 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   switch (getAlignment(placement)) {
     case "start":
-      coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
       break;
     case "end":
-      coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
       break;
   }
   return coords;
@@ -19230,35 +19810,6 @@ 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,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getSideObjectFromPadding(padding) {
-  return typeof padding !== "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  };
-}
 async function detectOverflow(state, options) {
   var _await$platform$isEle;
   if (options === void 0) {
@@ -19279,7 +19830,7 @@ async function detectOverflow(state, options) {
     altBoundary = false,
     padding = 0
   } = evaluate(options, state);
-  const paddingObject = getSideObjectFromPadding(padding);
+  const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element = elements[altBoundary ? altContext : elementContext];
   const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
@@ -19313,11 +19864,6 @@ async function detectOverflow(state, options) {
     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
   };
 }
-const min$1 = Math.min;
-const max$1 = Math.max;
-function within(min$1$1, value, max$1$1) {
-  return max$1(min$1$1, min$1(value, max$1$1));
-}
 const arrow = (options) => ({
   name: "arrow",
   options,
@@ -19328,7 +19874,8 @@ const arrow = (options) => ({
       placement,
       rects,
       platform: platform2,
-      elements
+      elements,
+      middlewareData
     } = state;
     const {
       element,
@@ -19337,13 +19884,13 @@ const arrow = (options) => ({
     if (element == null) {
       return {};
     }
-    const paddingObject = getSideObjectFromPadding(padding);
+    const paddingObject = getPaddingObject(padding);
     const coords = {
       x,
       y
     };
-    const axis = getMainAxisFromPlacement(placement);
-    const length = getLengthFromAxis(axis);
+    const axis = getAlignmentAxis(placement);
+    const length = getAxisLength(axis);
     const arrowDimensions = await platform2.getDimensions(element);
     const isYAxis = axis === "y";
     const minProp = isYAxis ? "top" : "left";
@@ -19358,89 +19905,27 @@ const arrow = (options) => ({
     }
     const centerToReference = endDiff / 2 - startDiff / 2;
     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 minPadding = min(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
+    const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    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;
+    const offset2 = clamp(min$1, center, max2);
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
-      [axis]: coords[axis] - alignmentOffset,
+      [axis]: coords[axis] + alignmentOffset,
       data: {
         [axis]: offset2,
-        centerOffset: center - offset2 + alignmentOffset
-      }
+        centerOffset: center - offset2 - alignmentOffset,
+        ...shouldAddOffset && {
+          alignmentOffset
+        }
+      },
+      reset: shouldAddOffset
     };
   }
 });
-const sides = ["top", "right", "bottom", "left"];
-const oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
-}
-function getAlignmentSides(placement, rects, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const alignment = getAlignment(placement);
-  const mainAxis = getMainAxisFromPlacement(placement);
-  const length = getLengthFromAxis(mainAxis);
-  let mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  if (rects.reference[length] > rects.floating[length]) {
-    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-  }
-  return {
-    main: mainAlignmentSide,
-    cross: getOppositePlacement(mainAlignmentSide)
-  };
-}
-const oppositeAlignmentMap = {
-  start: "end",
-  end: "start"
-};
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-}
-function getExpandedPlacements(placement) {
-  const oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
-}
-function getSideList(side, isStart, rtl) {
-  const lr = ["left", "right"];
-  const rl = ["right", "left"];
-  const tb = ["top", "bottom"];
-  const bt = ["bottom", "top"];
-  switch (side) {
-    case "top":
-    case "bottom":
-      if (rtl)
-        return isStart ? rl : lr;
-      return isStart ? lr : rl;
-    case "left":
-    case "right":
-      return isStart ? tb : bt;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  const alignment = getAlignment(placement);
-  let list2 = getSideList(getSide(placement), direction === "start", rtl);
-  if (alignment) {
-    list2 = list2.map((side) => side + "-" + alignment);
-    if (flipAlignment) {
-      list2 = list2.concat(list2.map(getOppositeAlignmentPlacement));
-    }
-  }
-  return list2;
-}
 const flip = function(options) {
   if (options === void 0) {
     options = {};
@@ -19449,7 +19934,7 @@ const flip = function(options) {
     name: "flip",
     options,
     async fn(state) {
-      var _middlewareData$flip;
+      var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
         middlewareData,
@@ -19467,6 +19952,9 @@ const flip = function(options) {
         flipAlignment = true,
         ...detectOverflowOptions
       } = evaluate(options, state);
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       const side = getSide(placement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
@@ -19482,11 +19970,8 @@ const flip = function(options) {
         overflows.push(overflow[side]);
       }
       if (checkCrossAxis) {
-        const {
-          main,
-          cross
-        } = getAlignmentSides(placement, rects, rtl);
-        overflows.push(overflow[main], overflow[cross]);
+        const sides2 = getAlignmentSides(placement, rects, rtl);
+        overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
       }
       overflowsData = [...overflowsData, {
         placement,
@@ -19604,7 +20089,7 @@ async function convertValueToCoords(state, options) {
   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
   const side = getSide(placement);
   const alignment = getAlignment(placement);
-  const isVertical = getMainAxisFromPlacement(placement) === "x";
+  const isVertical = getSideAxis(placement) === "y";
   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
@@ -19654,9 +20139,6 @@ const offset = function(options) {
     }
   };
 };
-function getCrossAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
 const shift = function(options) {
   if (options === void 0) {
     options = {};
@@ -19692,8 +20174,8 @@ const shift = function(options) {
         y
       };
       const overflow = await detectOverflow(state, detectOverflowOptions);
-      const mainAxis = getMainAxisFromPlacement(getSide(placement));
-      const crossAxis = getCrossAxis(mainAxis);
+      const crossAxis = getSideAxis(getSide(placement));
+      const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
       if (checkMainAxis) {
@@ -19701,14 +20183,14 @@ const shift = function(options) {
         const maxSide = mainAxis === "y" ? "bottom" : "right";
         const min2 = mainAxisCoord + overflow[minSide];
         const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = within(min2, mainAxisCoord, max2);
+        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === "y" ? "top" : "left";
         const maxSide = crossAxis === "y" ? "bottom" : "right";
         const min2 = crossAxisCoord + overflow[minSide];
         const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = within(min2, crossAxisCoord, max2);
+        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
         ...state,
@@ -19748,8 +20230,8 @@ const limitShift = function(options) {
         x,
         y
       };
-      const mainAxis = getMainAxisFromPlacement(placement);
-      const crossAxis = getCrossAxis(mainAxis);
+      const crossAxis = getSideAxis(placement);
+      const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
       const rawOffset = evaluate(offset2, state);
@@ -19790,33 +20272,34 @@ const limitShift = function(options) {
     }
   };
 };
-function getWindow(node) {
-  var _node$ownerDocument;
-  return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function isNode(value) {
-  return value instanceof getWindow(value).Node;
-}
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
   }
   return "#document";
 }
-function isHTMLElement(value) {
-  return value instanceof getWindow(value).HTMLElement;
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  return value instanceof Node || value instanceof getWindow(value).Node;
 }
 function isElement(value) {
-  return value instanceof getWindow(value).Element;
+  return value instanceof Element || value instanceof getWindow(value).Element;
 }
-function isShadowRoot(node) {
+function isHTMLElement(value) {
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
 function isOverflowElement(element) {
   const {
@@ -19824,35 +20307,86 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle$1(element);
+  } = getComputedStyle(element);
   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
 }
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
-function isContainingBlock(element) {
-  const safari = isSafari();
-  const css = getComputedStyle$1(element);
-  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 isContainingBlock(element) {
+  const webkit = isWebKit();
+  const css = getComputedStyle(element);
+  return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (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 getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else {
+      currentNode = getParentNode(currentNode);
+    }
+  }
+  return null;
+}
+function isWebKit() {
+  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));
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.pageXOffset,
+    scrollTop: element.pageYOffset
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === "html") {
+    return node;
+  }
+  const result2 = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
+  return isShadowRoot(result2) ? result2.host : result2;
 }
-function isSafari() {
-  if (typeof CSS === "undefined" || !CSS.supports)
-    return false;
-  return CSS.supports("-webkit-backdrop-filter", "none");
+function getNearestOverflowAncestor(node) {
+  const parentNode = getParentNode(node);
+  if (isLastTraversableNode(parentNode)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+  return getNearestOverflowAncestor(parentNode);
 }
-function isLastTraversableNode(node) {
-  return ["html", "body", "#document"].includes(getNodeName(node));
+function getOverflowAncestors(node, list2, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list2 === void 0) {
+    list2 = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    return list2.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+  }
+  return list2.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
-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);
+  const css = getComputedStyle(element);
   let width = parseFloat(css.width) || 0;
   let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
@@ -19875,7 +20409,7 @@ function unwrapElement(element) {
 function getScale(element) {
   const domElement = unwrapElement(element);
   if (!isHTMLElement(domElement)) {
-    return createEmptyCoords(1);
+    return createCoords(1);
   }
   const rect = domElement.getBoundingClientRect();
   const {
@@ -19896,24 +20430,26 @@ function getScale(element) {
     y
   };
 }
-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) {
+const noOffsets = /* @__PURE__ */ createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
     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
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
   };
 }
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
 function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   if (includeScale === void 0) {
     includeScale = false;
@@ -19923,7 +20459,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   }
   const clientRect = element.getBoundingClientRect();
   const domElement = unwrapElement(element);
-  let scale2 = createEmptyCoords(1);
+  let scale2 = createCoords(1);
   if (includeScale) {
     if (offsetParent) {
       if (isElement(offsetParent)) {
@@ -19933,7 +20469,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       scale2 = getScale(element);
     }
   }
-  const visualOffsets = getVisualOffsets(domElement, isFixedStrategy, offsetParent);
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
   let x = (clientRect.left + visualOffsets.x) / scale2.x;
   let y = (clientRect.top + visualOffsets.y) / scale2.y;
   let width = clientRect.width / scale2.x;
@@ -19964,21 +20500,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
-function getDocumentElement(node) {
-  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
-}
-function getNodeScroll(element) {
-  if (isElement(element)) {
-    return {
-      scrollLeft: element.scrollLeft,
-      scrollTop: element.scrollTop
-    };
-  }
-  return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
-  };
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     rect,
@@ -19994,8 +20515,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  let scale2 = createEmptyCoords(1);
-  const offsets = createEmptyCoords(0);
+  let scale2 = createCoords(1);
+  const offsets = createCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -20014,6 +20535,9 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     y: rect.y * scale2.y - scroll.scrollTop * scale2.y + offsets.y
   };
 }
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
 function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
 }
@@ -20025,7 +20549,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle$1(body).direction === "rtl") {
+  if (getComputedStyle(body).direction === "rtl") {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -20035,36 +20559,6 @@ function getDocumentRect(element) {
     y
   };
 }
-function getParentNode(node) {
-  if (getNodeName(node) === "html") {
-    return node;
-  }
-  const result2 = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
-  return isShadowRoot(result2) ? result2.host : result2;
-}
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode(node);
-  if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
-  }
-  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
-    return parentNode;
-  }
-  return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list2) {
-  var _node$ownerDocument;
-  if (list2 === void 0) {
-    list2 = [];
-  }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
-  const win = getWindow(scrollableAncestor);
-  if (isBody) {
-    return list2.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
-  }
-  return list2.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
-}
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -20076,7 +20570,7 @@ function getViewportRect(element, strategy) {
   if (visualViewport) {
     width = visualViewport.width;
     height = visualViewport.height;
-    const visualViewportBased = isSafari();
+    const visualViewportBased = isWebKit();
     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
@@ -20093,7 +20587,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) : createEmptyCoords(1);
+  const scale2 = isHTMLElement(element) ? getScale(element) : createCoords(1);
   const width = element.clientWidth * scale2.x;
   const height = element.clientHeight * scale2.y;
   const x = left * scale2.x;
@@ -20128,19 +20622,19 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
   if (cachedResult) {
     return cachedResult;
   }
-  let result2 = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let result2 = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
+  const elementIsFixed = getComputedStyle(element).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle$1(currentNode);
+    const computedStyle = getComputedStyle(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
@@ -20184,40 +20678,6 @@ function getClippingRect(_ref) {
 function getDimensions(element) {
   return getCssDimensions(element);
 }
-function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
-    return null;
-  }
-  if (polyfill) {
-    return polyfill(element);
-  }
-  return element.offsetParent;
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
-    }
-  }
-  return null;
-}
-function getOffsetParent(element, polyfill) {
-  const window2 = getWindow(element);
-  if (!isHTMLElement(element)) {
-    return window2;
-  }
-  let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-  }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
-  }
-  return offsetParent || getContainingBlock(element) || window2;
-}
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   const isOffsetParentAnElement = isHTMLElement(offsetParent);
   const documentElement = getDocumentElement(offsetParent);
@@ -20227,12 +20687,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const offsets = createEmptyCoords(0);
+  const offsets = createCoords(0);
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
-    if (isHTMLElement(offsetParent)) {
+    if (isOffsetParentAnElement) {
       const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
@@ -20247,33 +20707,60 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     height: rect.height
   };
 }
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  return element.offsetParent;
+}
+function getOffsetParent(element, polyfill) {
+  const window2 = getWindow(element);
+  if (!isHTMLElement(element)) {
+    return window2;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+const getElementRects = async function(_ref) {
+  let {
+    reference,
+    floating,
+    strategy
+  } = _ref;
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  return {
+    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      ...await getDimensionsFn(floating)
+    }
+  };
+};
+function isRTL(element) {
+  return getComputedStyle(element).direction === "rtl";
+}
 const platform = {
-  getClippingRect,
   convertOffsetParentRelativeRectToViewportRelativeRect,
-  isElement,
-  getDimensions,
-  getOffsetParent,
   getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
   getScale,
-  async getElementRects(_ref) {
-    let {
-      reference,
-      floating,
-      strategy
-    } = _ref;
-    const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-    const getDimensionsFn = this.getDimensions;
-    return {
-      reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
-      floating: {
-        x: 0,
-        y: 0,
-        ...await getDimensionsFn(floating)
-      }
-    };
-  },
-  getClientRects: (element) => Array.from(element.getClientRects()),
-  isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
+  isElement,
+  isRTL
 };
 function observeMove(element, onMove) {
   let io = null;
@@ -20309,8 +20796,12 @@ function observeMove(element, onMove) {
     const insetBottom = floor(root2.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
     let isFirstUpdate = true;
-    io = new IntersectionObserver((entries) => {
+    function handleObserve(entries) {
       const ratio = entries[0].intersectionRatio;
       if (ratio !== threshold) {
         if (!isFirstUpdate) {
@@ -20325,10 +20816,15 @@ function observeMove(element, onMove) {
         }
       }
       isFirstUpdate = false;
-    }, {
-      rootMargin,
-      threshold: max(0, min(1, threshold)) || 1
-    });
+    }
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        root: root2.ownerDocument
+      });
+    } catch (e2) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
     io.observe(element);
   }
   refresh(true);
@@ -20341,7 +20837,7 @@ function autoUpdate(reference, floating, update2, options) {
   const {
     ancestorScroll = true,
     ancestorResize = true,
-    elementResize = true,
+    elementResize = typeof ResizeObserver === "function",
     layoutShift = typeof IntersectionObserver === "function",
     animationFrame = false
   } = options;
@@ -20354,9 +20850,20 @@ function autoUpdate(reference, floating, update2, options) {
     ancestorResize && ancestor.addEventListener("resize", update2);
   });
   const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update2) : null;
+  let reobserveFrame = -1;
   let resizeObserver = null;
   if (elementResize) {
-    resizeObserver = new ResizeObserver(update2);
+    resizeObserver = new ResizeObserver((_ref) => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          resizeObserver && resizeObserver.observe(floating);
+        });
+      }
+      update2();
+    });
     if (referenceEl && !animationFrame) {
       resizeObserver.observe(referenceEl);
     }
@@ -20611,10 +21118,17 @@ const PopoverMenu = forwardRef((props, ref) => {
     (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
   }, [props.onAction]);
   const overlay = useMemo(() => {
+    const whetherScroll = (props === null || props === void 0 ? void 0 : props.maxCount) && props.actions.length > (props === null || props === void 0 ? void 0 : props.maxCount);
+    const innerHeight = (props === null || props === void 0 ? void 0 : props.maxCount) && (props === null || props === void 0 ? void 0 : props.maxCount) * 48;
     return React__default.createElement("div", {
       className: `${classPrefix$M}-list`
     }, React__default.createElement("div", {
-      className: `${classPrefix$M}-list-inner`
+      className: classNames(`${classPrefix$M}-list-inner`, {
+        [`${classPrefix$M}-list-scroll`]: whetherScroll
+      }),
+      style: {
+        height: innerHeight
+      }
     }, props.actions.map((action, index2) => {
       var _a;
       return React__default.createElement("a", {
@@ -21021,6 +21535,7 @@ const Slide = (props) => {
     dragLockRef,
     maxZoom
   } = props;
+  const initialMartix = useRef([]);
   const controlRef = useRef(null);
   const imgRef = useRef(null);
   const [{
@@ -21034,9 +21549,20 @@ const Slide = (props) => {
   const controlSize = useSize(controlRef);
   const imgSize = useSize(imgRef);
   const pinchLockRef = useRef(false);
-  const boundMatrix = (nextMatrix, type4, last = false) => {
+  const getMinAndMax = (nextMatrix) => {
     if (!controlSize || !imgSize)
-      return nextMatrix;
+      return {
+        x: {
+          position: 0,
+          minX: 0,
+          maxX: 0
+        },
+        y: {
+          position: 0,
+          minY: 0,
+          maxY: 0
+        }
+      };
     const controlLeft = -controlSize.width / 2;
     const controlTop = -controlSize.height / 2;
     const imgLeft = -imgSize.width / 2;
@@ -21044,20 +21570,54 @@ const Slide = (props) => {
     const zoom = getScaleX(nextMatrix);
     const scaledImgWidth = zoom * imgSize.width;
     const scaledImgHeight = zoom * imgSize.height;
+    const minX = controlLeft - (scaledImgWidth - controlSize.width);
+    const maxX = controlLeft;
+    const minY = controlTop - (scaledImgHeight - controlSize.height);
+    const maxY = controlTop;
     const [x, y] = apply(nextMatrix, [imgLeft, imgTop]);
+    return {
+      x: {
+        position: x,
+        minX,
+        maxX
+      },
+      y: {
+        position: y,
+        minY,
+        maxY
+      }
+    };
+  };
+  const getReachBound = (position, min2, max2, buffer = 0) => {
+    return [position <= min2 - buffer, position >= max2 + buffer];
+  };
+  const boundMatrix = (nextMatrix, type4, last = false) => {
+    if (!controlSize || !imgSize)
+      return nextMatrix;
+    const zoom = getScaleX(nextMatrix);
+    const scaledImgWidth = zoom * imgSize.width;
+    const scaledImgHeight = zoom * imgSize.height;
+    const {
+      x: {
+        position: x,
+        minX,
+        maxX
+      },
+      y: {
+        position: y,
+        minY,
+        maxY
+      }
+    } = getMinAndMax(nextMatrix);
     if (type4 === "translate") {
       let boundedX = x;
       let boundedY = y;
       if (scaledImgWidth > controlSize.width) {
-        const minX = controlLeft - (scaledImgWidth - controlSize.width);
-        const maxX = controlLeft;
         boundedX = last ? bound(x, minX, maxX) : rubberbandIfOutOfBounds(x, minX, maxX, zoom * 50);
       } else {
         boundedX = -scaledImgWidth / 2;
       }
       if (scaledImgHeight > controlSize.height) {
-        const minY = controlTop - (scaledImgHeight - controlSize.height);
-        const maxY = controlTop;
         boundedY = last ? bound(y, minY, maxY) : rubberbandIfOutOfBounds(y, minY, maxY, zoom * 50);
       } else {
         boundedY = -scaledImgHeight / 2;
@@ -21065,19 +21625,29 @@ const Slide = (props) => {
       return translate(nextMatrix, boundedX - x, boundedY - y);
     }
     if (type4 === "scale" && last) {
-      const [boundedX, boundedY] = [scaledImgWidth > controlSize.width ? bound(x, controlLeft - (scaledImgWidth - controlSize.width), controlLeft) : -scaledImgWidth / 2, scaledImgHeight > controlSize.height ? bound(y, controlTop - (scaledImgHeight - controlSize.height), controlTop) : -scaledImgHeight / 2];
+      const [boundedX, boundedY] = [scaledImgWidth > controlSize.width ? bound(x, minX, maxX) : -scaledImgWidth / 2, scaledImgHeight > controlSize.height ? bound(y, minY, maxY) : -scaledImgHeight / 2];
       return translate(nextMatrix, boundedX - x, boundedY - y);
     }
     return nextMatrix;
   };
   useDragAndPinch({
     onDrag: (state) => {
-      if (state.first)
+      var _a;
+      if (state.first) {
+        const {
+          x: {
+            position: x,
+            minX,
+            maxX
+          }
+        } = getMinAndMax(matrix.get());
+        initialMartix.current = getReachBound(x, minX, maxX);
         return;
+      }
       if (state.pinching)
         return state.cancel();
       if (state.tap && state.elapsedTime > 0 && state.elapsedTime < 1e3) {
-        props.onTap();
+        (_a = props.onTap) === null || _a === void 0 ? void 0 : _a.call(props);
         return;
       }
       const currentZoom = getScaleX(matrix.get());
@@ -21096,6 +21666,21 @@ const Slide = (props) => {
           matrix: boundMatrix(nextMatrix, "translate", state.last),
           immediate: !state.last
         });
+        const {
+          x: {
+            position: x,
+            minX,
+            maxX
+          }
+        } = getMinAndMax(nextMatrix);
+        if (state.last && initialMartix.current.some((i2) => i2) && getReachBound(x, minX, maxX).some((i2) => i2)) {
+          if (dragLockRef) {
+            dragLockRef.current = false;
+          }
+          api.start({
+            matrix: create()
+          });
+        }
       }
     },
     onPinch: (state) => {
@@ -21154,12 +21739,7 @@ const Slide = (props) => {
     }
   });
   return React__default.createElement("div", {
-    className: `${classPrefix$J}-slide`,
-    onPointerMove: (e2) => {
-      if (getScaleX(matrix.get()) !== 1) {
-        e2.stopPropagation();
-      }
-    }
+    className: `${classPrefix$J}-slide`
   }, React__default.createElement("div", {
     className: `${classPrefix$J}-control`,
     ref: controlRef
@@ -21219,12 +21799,10 @@ const Slides = forwardRef((props, ref) => {
   }, {
     transform: ([x2, y]) => [-x2, y],
     from: () => [x.get(), 0],
-    bounds: () => {
-      return {
-        left: 0,
-        right: (count - 1) * slideWidth
-      };
-    },
+    bounds: () => ({
+      left: 0,
+      right: (count - 1) * slideWidth
+    }),
     rubberband: true,
     axis: "x",
     pointer: {
@@ -21278,10 +21856,7 @@ const ImageViewer$1 = (p) => {
     className: `${classPrefix$H}-content`
   }, props.image && React__default.createElement(Slide, {
     image: props.image,
-    onTap: () => {
-      var _a2;
-      (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-    },
+    onTap: props.onClose,
     maxZoom: props.maxZoom
   })), props.image && React__default.createElement("div", {
     className: `${classPrefix$H}-footer`
@@ -21305,11 +21880,13 @@ const MultiImageViewer = forwardRef((p, ref) => {
       (_a2 = slidesRef.current) === null || _a2 === void 0 ? void 0 : _a2.swipeTo(index3, immediate);
     }
   }));
-  const onSlideChange = useCallback((index3) => {
+  const onSlideChange = useCallback((newIndex) => {
     var _a2;
-    setIndex(index3);
-    (_a2 = props.onIndexChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, index3);
-  }, [props.onIndexChange]);
+    if (newIndex === index2)
+      return;
+    setIndex(newIndex);
+    (_a2 = props.onIndexChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, newIndex);
+  }, [props.onIndexChange, index2]);
   const node = React__default.createElement(Mask, {
     visible: props.visible,
     disableBodyScroll: false,
@@ -21323,10 +21900,7 @@ const MultiImageViewer = forwardRef((p, ref) => {
     defaultIndex: index2,
     onIndexChange: onSlideChange,
     images: props.images,
-    onTap: () => {
-      var _a2;
-      (_a2 = props.onClose) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-    },
+    onTap: props.onClose,
     maxZoom: props.maxZoom
   })), props.images && React__default.createElement("div", {
     className: `${classPrefix$H}-footer`
@@ -21472,7 +22046,7 @@ const defaultProps$y = {
   showFailed: true,
   imageFit: "cover"
 };
-const ImageUploader$1 = (p) => {
+const ImageUploader$1 = forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
@@ -21486,6 +22060,7 @@ const ImageUploader$1 = (p) => {
   const containerSize = useSize(containerRef);
   const gapMeasureRef = useRef(null);
   const [cellSize, setCellSize] = useState$1(80);
+  const inputRef = useRef(null);
   useIsomorphicLayoutEffect$2(() => {
     const gapMeasure = gapMeasureRef.current;
     if (columns && containerSize && gapMeasure) {
@@ -21665,6 +22240,7 @@ const ImageUploader$1 = (p) => {
   }, React__default.createElement("span", {
     className: `${classPrefix$E}-upload-button-icon`
   }, React__default.createElement(AddOutline, null))), !props.disableUpload && React__default.createElement("input", {
+    ref: inputRef,
     capture: props.capture,
     accept: props.accept,
     multiple: props.multiple,
@@ -21673,6 +22249,11 @@ const ImageUploader$1 = (p) => {
     onChange,
     "aria-hidden": true
   })));
+  useImperativeHandle(ref, () => ({
+    get nativeElement() {
+      return inputRef.current;
+    }
+  }));
   return withNativeProps(props, React__default.createElement("div", {
     className: classPrefix$E,
     ref: containerRef
@@ -21688,7 +22269,7 @@ const ImageUploader$1 = (p) => {
     wrap: true,
     block: true
   }, contentNode.props.children)));
-};
+});
 const imageUploader = "";
 const ImageUploader = ImageUploader$1;
 const indexBar = "";
@@ -23304,7 +23885,7 @@ const ResultPage = (p) => {
     className: `${classPrefix$n}-title`
   }, title), isNodeWithContent(description) ? React__default.createElement("div", {
     className: `${classPrefix$n}-description`
-  }, description) : null, details.length ? React__default.createElement("div", {
+  }, description) : null, (details === null || details === void 0 ? void 0 : details.length) ? React__default.createElement("div", {
     className: `${classPrefix$n}-details`
   }, (collapse2 ? details.slice(0, 3) : details).map((detail, index2) => {
     return React__default.createElement("div", {
@@ -23321,7 +23902,7 @@ const ResultPage = (p) => {
     className: `${classPrefix$n}-bg`
   }))), React__default.createElement("div", {
     className: `${classPrefix$n}-content`
-  }, props.children), React__default.createElement("div", {
+  }, props.children), (showPrimaryButton || showSecondaryButton) && React__default.createElement("div", {
     className: `${classPrefix$n}-footer`
   }, showSecondaryButton && React__default.createElement(Button, {
     block: true,
@@ -23504,6 +24085,7 @@ const defaultProps$f = {
 };
 const Selector$1 = (p) => {
   const props = mergeProps(defaultProps$f, p);
+  const [labelName, valueName, , disabledName] = useFieldNames(props.fieldNames);
   const [value, setValue2] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -23511,7 +24093,7 @@ const Selector$1 = (p) => {
       var _a;
       const extend = {
         get items() {
-          return props.options.filter((option) => val.includes(option.value));
+          return props.options.filter((option) => val.includes(option[valueName]));
         }
       };
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
@@ -23521,31 +24103,31 @@ const Selector$1 = (p) => {
     locale
   } = useConfig();
   const items = props.options.map((option) => {
-    const active = (value || []).includes(option.value);
-    const disabled = option.disabled || props.disabled;
+    const active = (value || []).includes(option[valueName]);
+    const disabled = option[disabledName] || props.disabled;
     const itemCls = classNames(`${classPrefix$k}-item`, {
       [`${classPrefix$k}-item-active`]: active && !props.multiple,
       [`${classPrefix$k}-item-multiple-active`]: active && props.multiple,
       [`${classPrefix$k}-item-disabled`]: disabled
     });
     return React__default.createElement("div", {
-      key: option.value,
+      key: option[valueName],
       className: itemCls,
       onClick: () => {
         if (disabled) {
           return;
         }
         if (props.multiple) {
-          const val = active ? value.filter((v) => v !== option.value) : [...value, option.value];
+          const val = active ? value.filter((v) => v !== option[valueName]) : [...value, option[valueName]];
           setValue2(val);
         } else {
-          const val = active ? [] : [option.value];
+          const val = active ? [] : [option[valueName]];
           setValue2(val);
         }
       },
       role: "option",
       "aria-selected": active && !props.multiple || active && props.multiple
-    }, option.label, option.description && React__default.createElement("div", {
+    }, option[labelName], option.description && React__default.createElement("div", {
       className: `${classPrefix$k}-item-description`
     }, option.description), active && props.showCheckMark && React__default.createElement("div", {
       className: `${classPrefix$k}-check-mark-wrapper`
@@ -23555,10 +24137,10 @@ const Selector$1 = (p) => {
     className: classPrefix$k,
     role: "listbox",
     "aria-label": locale.Selector.name
-  }, !props.columns && React__default.createElement(Space, {
-    wrap: true
-  }, items), props.columns && React__default.createElement(Grid, {
+  }, props.columns ? React__default.createElement(Grid, {
     columns: props.columns
+  }, items) : React__default.createElement(Space, {
+    wrap: true
   }, items)));
 };
 const Selector = Selector$1;
@@ -24355,30 +24937,30 @@ var arrayWithHoles = { exports: {} };
 })(arrayWithHoles);
 var iterableToArrayLimit = { exports: {} };
 (function(module) {
-  function _iterableToArrayLimit2(arr, i2) {
-    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-    if (null != _i) {
-      var _s, _e, _x, _r, _arr = [], _n = true, _d = false;
+  function _iterableToArrayLimit2(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e2, n2, i2, u, a = [], f = true, o = false;
       try {
-        if (_x = (_i = _i.call(arr)).next, 0 === i2) {
-          if (Object(_i) !== _i)
+        if (i2 = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t)
             return;
-          _n = false;
+          f = false;
         } else
-          for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i2); _n = true)
+          for (; !(f = (e2 = i2.call(t)).done) && (a.push(e2.value), a.length !== l); f = true)
             ;
-      } catch (err) {
-        _d = true, _e = err;
+      } catch (r2) {
+        o = true, n2 = r2;
       } finally {
         try {
-          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r))
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u))
             return;
         } finally {
-          if (_d)
-            throw _e;
+          if (o)
+            throw n2;
         }
       }
-      return _arr;
+      return a;
     }
   }
   module.exports = _iterableToArrayLimit2, module.exports.__esModule = true, module.exports["default"] = module.exports;
@@ -24465,24 +25047,29 @@ Object.defineProperty(useLayoutEffect$1, "__esModule", {
 useLayoutEffect$1.useLayoutUpdateEffect = useLayoutEffect$1.default = void 0;
 var React$1 = _interopRequireWildcard$1(React__default);
 var _canUseDom = _interopRequireDefault$2(canUseDom$1);
-var useLayoutEffect = (0, _canUseDom.default)() ? React$1.useLayoutEffect : React$1.useEffect;
-var _default$1 = useLayoutEffect;
-useLayoutEffect$1.default = _default$1;
-var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
+var useInternalLayoutEffect = (0, _canUseDom.default)() ? React$1.useLayoutEffect : React$1.useEffect;
+var useLayoutEffect = function useLayoutEffect2(callback, deps) {
   var firstMountRef = React$1.useRef(true);
-  useLayoutEffect(function() {
-    if (!firstMountRef.current) {
-      return callback();
-    }
+  useInternalLayoutEffect(function() {
+    return callback(firstMountRef.current);
   }, deps);
-  useLayoutEffect(function() {
+  useInternalLayoutEffect(function() {
     firstMountRef.current = false;
     return function() {
       firstMountRef.current = true;
     };
   }, []);
 };
+var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
+  useLayoutEffect(function(firstMount) {
+    if (!firstMount) {
+      return callback();
+    }
+  }, deps);
+};
 useLayoutEffect$1.useLayoutUpdateEffect = useLayoutUpdateEffect;
+var _default$1 = useLayoutEffect;
+useLayoutEffect$1.default = _default$1;
 var useState = {};
 var _interopRequireWildcard = interopRequireWildcard.exports.default;
 var _interopRequireDefault$1 = interopRequireDefault.exports.default;
@@ -25821,9 +26408,7 @@ const defaultProps$3 = {
 };
 const TreeSelect = (p) => {
   const props = mergeProps(defaultProps$3, p);
-  const labelName = props.fieldNames.label || "label";
-  const valueName = props.fieldNames.value || "value";
-  const childrenName = props.fieldNames.children || "children";
+  const [labelName, valueName, childrenName] = useFieldNames(props.fieldNames);
   const [value, setValue2] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue
@@ -25913,9 +26498,7 @@ const Multiple = (p) => {
   useEffect(() => {
     devWarning("TreeSelect", "TreeSelect.Multiple has been deprecated.");
   }, []);
-  const labelName = props.fieldNames.label || "label";
-  const valueName = props.fieldNames.value || "value";
-  const childrenName = props.fieldNames.children || "children";
+  const [labelName, valueName, childrenName] = useFieldNames(props.fieldNames);
   const [expandKeys, setExpandKeys] = usePropsValue({
     value: props.expandKeys,
     defaultValue: props.defaultExpandKeys
@@ -26391,6 +26974,8 @@ export {
   Badge,
   Button,
   Calendar,
+  CalendarPicker,
+  CalendarPickerView,
   index$i as CapsuleTabs,
   Card,
   index$h as CascadePicker,