antd-mobile 5.5.1 → 5.6.0

package/2x/es/components/popover/temp-floating-ui.min.js

@@ -1,430 +1 @@
-!(function (t, e) {
-  'object' == typeof exports && 'undefined' != typeof module
-    ? e(exports, require('@floating-ui/core'))
-    : 'function' == typeof define && define.amd
-    ? define(['exports', '@floating-ui/core'], e)
-    : e(
-        ((t =
-          'undefined' != typeof globalThis
-            ? globalThis
-            : t || self).FloatingUIDOM = {}),
-        t.FloatingUICore
-      )
-})(this, function (t, e) {
-  'use strict'
-  function n(t) {
-    return '[object Window]' === (null == t ? void 0 : t.toString())
-  }
-  function o(t) {
-    if (null == t) return window
-    if (!n(t)) {
-      const e = t.ownerDocument
-      return (e && e.defaultView) || window
-    }
-    return t
-  }
-  function i(t) {
-    return o(t).getComputedStyle(t)
-  }
-  function r(t) {
-    return n(t) ? '' : t ? (t.nodeName || '').toLowerCase() : ''
-  }
-  function l(t) {
-    return t instanceof o(t).HTMLElement
-  }
-  function c(t) {
-    return t instanceof o(t).Element
-  }
-  function f(t) {
-    return t instanceof o(t).ShadowRoot || t instanceof ShadowRoot
-  }
-  function u(t) {
-    const { overflow: e, overflowX: n, overflowY: o } = i(t)
-    return /auto|scroll|overlay|hidden/.test(e + o + n)
-  }
-  function s(t) {
-    return ['table', 'td', 'th'].includes(r(t))
-  }
-  function d(t) {
-    const e = navigator.userAgent.toLowerCase().includes('firefox'),
-      n = i(t)
-    return (
-      'none' !== n.transform ||
-      'none' !== n.perspective ||
-      'paint' === n.contain ||
-      ['transform', 'perspective'].includes(n.willChange) ||
-      (e && 'filter' === n.willChange) ||
-      (e && !!n.filter && 'none' !== n.filter)
-    )
-  }
-  const h = Math.min,
-    a = Math.max,
-    g = Math.round
-  function p(t, e) {
-    void 0 === e && (e = !1)
-    const n = t.getBoundingClientRect()
-    let o = 1,
-      i = 1
-    return (
-      e &&
-        l(t) &&
-        ((o = (t.offsetWidth > 0 && g(n.width) / t.offsetWidth) || 1),
-        (i = (t.offsetHeight > 0 && g(n.height) / t.offsetHeight) || 1)),
-      {
-        width: n.width / o,
-        height: n.height / i,
-        top: n.top / i,
-        right: n.right / o,
-        bottom: n.bottom / i,
-        left: n.left / o,
-        x: n.left / o,
-        y: n.top / i,
-      }
-    )
-  }
-  function m(t) {
-    return ((e = t),
-    (e instanceof o(e).Node ? t.ownerDocument : t.document) ||
-      window.document).documentElement
-    var e
-  }
-  function y(t) {
-    return n(t)
-      ? { scrollLeft: t.pageXOffset, scrollTop: t.pageYOffset }
-      : { scrollLeft: t.scrollLeft, scrollTop: t.scrollTop }
-  }
-  function w(t) {
-    return p(m(t)).left + y(t).scrollLeft
-  }
-  function b(t, e, n) {
-    const o = l(e),
-      i = m(e),
-      c = p(
-        t,
-        o &&
-          (function (t) {
-            const e = p(t)
-            return (
-              g(e.width) !== t.offsetWidth || g(e.height) !== t.offsetHeight
-            )
-          })(e)
-      )
-    let f = { scrollLeft: 0, scrollTop: 0 }
-    const s = { x: 0, y: 0 }
-    if (o || (!o && 'fixed' !== n))
-      if ((('body' !== r(e) || u(i)) && (f = y(e)), l(e))) {
-        const t = p(e, !0)
-        ;(s.x = t.x + e.clientLeft), (s.y = t.y + e.clientTop)
-      } else i && (s.x = w(i))
-    return {
-      x: c.left + f.scrollLeft - s.x,
-      y: c.top + f.scrollTop - s.y,
-      width: c.width,
-      height: c.height,
-    }
-  }
-  function v(t) {
-    return 'html' === r(t)
-      ? t
-      : t.assignedSlot || t.parentNode || (f(t) ? t.host : null) || m(t)
-  }
-  function x(t) {
-    return l(t) && 'fixed' !== getComputedStyle(t).position
-      ? t.offsetParent
-      : null
-  }
-  function L(t) {
-    const e = o(t)
-    let n = x(t)
-    for (; n && s(n) && 'static' === getComputedStyle(n).position; ) n = x(n)
-    return n &&
-      ('html' === r(n) ||
-        ('body' === r(n) && 'static' === getComputedStyle(n).position && !d(n)))
-      ? e
-      : n ||
-          (function (t) {
-            let e = v(t)
-            for (
-              f(e) && (e = e.host);
-              l(e) && !['html', 'body'].includes(r(e));
-
-            ) {
-              if (d(e)) return e
-              e = e.parentNode
-            }
-            return null
-          })(t) ||
-          e
-  }
-  function O(t) {
-    if (l(t)) return { width: t.offsetWidth, height: t.offsetHeight }
-    const e = p(t)
-    return { width: e.width, height: e.height }
-  }
-  function P(t) {
-    const e = v(t)
-    return ['html', 'body', '#document'].includes(r(e))
-      ? t.ownerDocument.body
-      : l(e) && u(e)
-      ? e
-      : P(e)
-  }
-  function R(t, e) {
-    var n
-    void 0 === e && (e = [])
-    const i = P(t),
-      r = i === (null == (n = t.ownerDocument) ? void 0 : n.body),
-      l = o(i),
-      c = r ? [l].concat(l.visualViewport || [], u(i) ? i : []) : i,
-      f = e.concat(c)
-    return r ? f : f.concat(R(v(c)))
-  }
-  function T(t, n) {
-    return 'viewport' === n
-      ? e.rectToClientRect(
-          (function (t) {
-            const e = o(t),
-              n = m(t),
-              i = e.visualViewport
-            let r = n.clientWidth,
-              l = n.clientHeight,
-              c = 0,
-              f = 0
-            return (
-              i &&
-                ((r = i.width),
-                (l = i.height),
-                Math.abs(e.innerWidth / i.scale - i.width) < 0.01 &&
-                  ((c = i.offsetLeft), (f = i.offsetTop))),
-              { width: r, height: l, x: c, y: f }
-            )
-          })(t)
-        )
-      : c(n)
-      ? (function (t) {
-          const e = p(t),
-            n = e.top + t.clientTop,
-            o = e.left + t.clientLeft
-          return {
-            top: n,
-            left: o,
-            x: o,
-            y: n,
-            right: o + t.clientWidth,
-            bottom: n + t.clientHeight,
-            width: t.clientWidth,
-            height: t.clientHeight,
-          }
-        })(n)
-      : e.rectToClientRect(
-          (function (t) {
-            var e
-            const n = m(t),
-              o = y(t),
-              r = null == (e = t.ownerDocument) ? void 0 : e.body,
-              l = a(
-                n.scrollWidth,
-                n.clientWidth,
-                r ? r.scrollWidth : 0,
-                r ? r.clientWidth : 0
-              ),
-              c = a(
-                n.scrollHeight,
-                n.clientHeight,
-                r ? r.scrollHeight : 0,
-                r ? r.clientHeight : 0
-              )
-            let f = -o.scrollLeft + w(t)
-            const u = -o.scrollTop
-            return (
-              'rtl' === i(r || n).direction &&
-                (f += a(n.clientWidth, r ? r.clientWidth : 0) - l),
-              { width: l, height: c, x: f, y: u }
-            )
-          })(m(t))
-        )
-  }
-  function C(t) {
-    const e = R(t),
-      n = ['absolute', 'fixed'].includes(i(t).position) && l(t) ? L(t) : t
-    return c(n)
-      ? e.filter(
-          t =>
-            c(t) &&
-            (function (t, e) {
-              const n = null == e.getRootNode ? void 0 : e.getRootNode()
-              if (t.contains(e)) return !0
-              if (n && f(n)) {
-                let n = e
-                do {
-                  if (n && t === n) return !0
-                  n = n.parentNode || n.host
-                } while (n)
-              }
-              return !1
-            })(t, n) &&
-            'body' !== r(t)
-        )
-      : []
-  }
-  const W = {
-    getClippingRect: function (t) {
-      let { element: e, boundary: n, rootBoundary: o } = t
-      const i = [...('clippingAncestors' === n ? C(e) : [].concat(n)), o],
-        r = i[0],
-        l = i.reduce((t, n) => {
-          const o = T(e, n)
-          return (
-            (t.top = a(o.top, t.top)),
-            (t.right = h(o.right, t.right)),
-            (t.bottom = h(o.bottom, t.bottom)),
-            (t.left = a(o.left, t.left)),
-            t
-          )
-        }, T(e, r))
-      return {
-        width: l.right - l.left,
-        height: l.bottom - l.top,
-        x: l.left,
-        y: l.top,
-      }
-    },
-    convertOffsetParentRelativeRectToViewportRelativeRect: function (t) {
-      let { rect: e, offsetParent: n, strategy: o } = t
-      const i = l(n),
-        c = m(n)
-      if (n === c) return e
-      let f = { scrollLeft: 0, scrollTop: 0 }
-      const s = { x: 0, y: 0 }
-      if (
-        (i || (!i && 'fixed' !== o)) &&
-        (('body' !== r(n) || u(c)) && (f = y(n)), l(n))
-      ) {
-        const t = p(n, !0)
-        ;(s.x = t.x + n.clientLeft), (s.y = t.y + n.clientTop)
-      }
-      return { ...e, x: e.x - f.scrollLeft + s.x, y: e.y - f.scrollTop + s.y }
-    },
-    isElement: c,
-    getDimensions: O,
-    getOffsetParent: L,
-    getDocumentElement: m,
-    getElementRects: t => {
-      let { reference: e, floating: n, strategy: o } = t
-      return { reference: b(e, L(n), o), floating: { ...O(n), x: 0, y: 0 } }
-    },
-    getClientRects: t => Array.from(t.getClientRects()),
-    isRTL: t => 'rtl' === i(t).direction,
-  }
-  Object.defineProperty(t, 'arrow', {
-    enumerable: !0,
-    get: function () {
-      return e.arrow
-    },
-  }),
-    Object.defineProperty(t, 'autoPlacement', {
-      enumerable: !0,
-      get: function () {
-        return e.autoPlacement
-      },
-    }),
-    Object.defineProperty(t, 'detectOverflow', {
-      enumerable: !0,
-      get: function () {
-        return e.detectOverflow
-      },
-    }),
-    Object.defineProperty(t, 'flip', {
-      enumerable: !0,
-      get: function () {
-        return e.flip
-      },
-    }),
-    Object.defineProperty(t, 'hide', {
-      enumerable: !0,
-      get: function () {
-        return e.hide
-      },
-    }),
-    Object.defineProperty(t, 'inline', {
-      enumerable: !0,
-      get: function () {
-        return e.inline
-      },
-    }),
-    Object.defineProperty(t, 'limitShift', {
-      enumerable: !0,
-      get: function () {
-        return e.limitShift
-      },
-    }),
-    Object.defineProperty(t, 'offset', {
-      enumerable: !0,
-      get: function () {
-        return e.offset
-      },
-    }),
-    Object.defineProperty(t, 'shift', {
-      enumerable: !0,
-      get: function () {
-        return e.shift
-      },
-    }),
-    Object.defineProperty(t, 'size', {
-      enumerable: !0,
-      get: function () {
-        return e.size
-      },
-    }),
-    (t.autoUpdate = function (t, e, n, o) {
-      void 0 === o && (o = {})
-      const {
-        ancestorScroll: i = !0,
-        ancestorResize: r = !0,
-        elementResize: l = !0,
-        animationFrame: f = !1,
-      } = o
-      let u = !1
-      const s = i && !f,
-        d = r && !f,
-        h = l && !f,
-        a = s || d ? [...(c(t) ? R(t) : []), ...R(e)] : []
-      a.forEach(t => {
-        s && t.addEventListener('scroll', n, { passive: !0 }),
-          d && t.addEventListener('resize', n)
-      })
-      let g,
-        m = null
-      h && ((m = new ResizeObserver(n)), c(t) && m.observe(t), m.observe(e))
-      let y = f ? p(t) : null
-      return (
-        f &&
-          (function e() {
-            if (u) return
-            const o = p(t)
-            !y ||
-              (o.x === y.x &&
-                o.y === y.y &&
-                o.width === y.width &&
-                o.height === y.height) ||
-              n()
-            ;(y = o), (g = requestAnimationFrame(e))
-          })(),
-        () => {
-          var t
-          ;(u = !0),
-            a.forEach(t => {
-              s && t.removeEventListener('scroll', n),
-                d && t.removeEventListener('resize', n)
-            }),
-            null == (t = m) || t.disconnect(),
-            (m = null),
-            f && cancelAnimationFrame(g)
-        }
-      )
-    }),
-    (t.computePosition = (t, n, o) =>
-      e.computePosition(t, n, { platform: W, ...o })),
-    (t.getOverflowAncestors = R),
-    Object.defineProperty(t, '__esModule', { value: !0 })
-})
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).FloatingUIDOM={},t.FloatingUICore)}(this,(function(t,e){"use strict";function n(t){return"[object Window]"===(null==t?void 0:t.toString())}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(t){return t instanceof o(t).HTMLElement}function c(t){return t instanceof o(t).Element}function f(t){return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function u(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function s(t){return["table","td","th"].includes(r(t))}function d(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=i(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}const h=Math.min,a=Math.max,g=Math.round;function p(t,e){void 0===e&&(e=!1);const n=t.getBoundingClientRect();let o=1,i=1;return e&&l(t)&&(o=t.offsetWidth>0&&g(n.width)/t.offsetWidth||1,i=t.offsetHeight>0&&g(n.height)/t.offsetHeight||1),{width:n.width/o,height:n.height/i,top:n.top/i,right:n.right/o,bottom:n.bottom/i,left:n.left/o,x:n.left/o,y:n.top/i}}function m(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function y(t){return n(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function w(t){return p(m(t)).left+y(t).scrollLeft}function b(t,e,n){const o=l(e),i=m(e),c=p(t,o&&function(t){const e=p(t);return g(e.width)!==t.offsetWidth||g(e.height)!==t.offsetHeight}(e));let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||u(i))&&(f=y(e)),l(e)){const t=p(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=w(i));return{x:c.left+f.scrollLeft-s.x,y:c.top+f.scrollTop-s.y,width:c.width,height:c.height}}function v(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(f(t)?t.host:null)||m(t)}function x(t){return l(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function L(t){const e=o(t);let n=x(t);for(;n&&s(n)&&"static"===getComputedStyle(n).position;)n=x(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!d(n))?e:n||function(t){let e=v(t);for(f(e)&&(e=e.host);l(e)&&!["html","body"].includes(r(e));){if(d(e))return e;e=e.parentNode}return null}(t)||e}function O(t){if(l(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=p(t);return{width:e.width,height:e.height}}function P(t){const e=v(t);return["html","body","#document"].includes(r(e))?t.ownerDocument.body:l(e)&&u(e)?e:P(e)}function R(t,e){var n;void 0===e&&(e=[]);const i=P(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],u(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(R(v(c)))}function T(t,n){return"viewport"===n?e.rectToClientRect(function(t){const e=o(t),n=m(t),i=e.visualViewport;let r=n.clientWidth,l=n.clientHeight,c=0,f=0;return i&&(r=i.width,l=i.height,Math.abs(e.innerWidth/i.scale-i.width)<.01&&(c=i.offsetLeft,f=i.offsetTop)),{width:r,height:l,x:c,y:f}}(t)):c(n)?function(t){const e=p(t),n=e.top+t.clientTop,o=e.left+t.clientLeft;return{top:n,left:o,x:o,y:n,right:o+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n):e.rectToClientRect(function(t){var e;const n=m(t),o=y(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=a(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=a(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+w(t);const u=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=a(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:u}}(m(t)))}function C(t){const e=R(t),n=["absolute","fixed"].includes(i(t).position)&&l(t)?L(t):t;return c(n)?e.filter((t=>c(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&f(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==r(t))):[]}const W={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o}=t;const i=[..."clippingAncestors"===n?C(e):[].concat(n),o],r=i[0],l=i.reduce(((t,n)=>{const o=T(e,n);return t.top=a(o.top,t.top),t.right=h(o.right,t.right),t.bottom=h(o.bottom,t.bottom),t.left=a(o.left,t.left),t}),T(e,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=l(n),c=m(n);if(n===c)return e;let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||u(c))&&(f=y(n)),l(n))){const t=p(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+s.x,y:e.y-f.scrollTop+s.y}},isElement:c,getDimensions:O,getOffsetParent:L,getDocumentElement:m,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:b(e,L(n),o),floating:{...O(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:f=!1}=o;let u=!1;const s=i&&!f,d=r&&!f,h=l&&!f,a=s||d?[...c(t)?R(t):[],...R(e)]:[];a.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),d&&t.addEventListener("resize",n)}));let g,m=null;h&&(m=new ResizeObserver(n),c(t)&&m.observe(t),m.observe(e));let y=f?p(t):null;return f&&function e(){if(u)return;const o=p(t);!y||o.x===y.x&&o.y===y.y&&o.width===y.width&&o.height===y.height||n();y=o,g=requestAnimationFrame(e)}(),()=>{var t;u=!0,a.forEach((t=>{s&&t.removeEventListener("scroll",n),d&&t.removeEventListener("resize",n)})),null==(t=m)||t.disconnect(),m=null,f&&cancelAnimationFrame(g)}},t.computePosition=(t,n,o)=>e.computePosition(t,n,{platform:W,...o}),t.getOverflowAncestors=R,Object.defineProperty(t,"__esModule",{value:!0})}));

package/2x/es/components/radio/radio.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useRef } from 'react';
+import React, { useContext } from 'react';
 import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 import { RadioGroupContext } from './group-context';
@@ -7,6 +7,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import { CheckIcon } from '../checkbox/check-icon';
 import { devWarning } from '../../utils/dev-log';
 import { isDev } from '../../utils/is-dev';
+import { NativeInput } from '../checkbox/native-input';
 const classPrefix = `adm-radio`;
 const defaultProps = {
   defaultChecked: false
@@ -64,34 +65,16 @@ export const Radio = p => {
     }, checked && React.createElement(CheckIcon, null));
   };
 
-  const inputRef = useRef(null);
-  const labelRef = useRef(null);
-  useEffect(() => {
-    var _a;
-
-    (_a = labelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', e => {
-      if (e.target !== inputRef.current) {
-        e.stopPropagation();
-        e.stopImmediatePropagation();
-      }
-    }, {
-      capture: false
-    });
-  }, []);
   return withNativeProps(props, React.createElement("label", {
-    ref: labelRef,
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
     })
-  }, React.createElement("input", {
-    ref: inputRef,
+  }, React.createElement(NativeInput, {
     type: 'radio',
     checked: checked,
-    onChange: e => {
-      setChecked(e.target.checked);
-    },
+    onChange: setChecked,
     disabled: disabled,
     id: props.id
   }), renderIcon(), props.children && React.createElement("div", {

package/2x/es/components/search-bar/search-bar.d.ts

@@ -29,4 +29,4 @@ export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps,
     onSearch?: ((val: string) => void) | undefined;
     onChange?: ((val: string) => void) | undefined;
     onCancel?: (() => void) | undefined;
-} & NativeProps<"--border-radius" | "--height" | "--padding-left" | "--placeholder-color" | "--background"> & React.RefAttributes<InputRef>>;
+} & NativeProps<"--border-radius" | "--height" | "--padding-left" | "--background" | "--placeholder-color"> & React.RefAttributes<InputRef>>;

package/2x/es/components/tab-bar/tab-bar.d.ts

@@ -3,7 +3,7 @@ import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {
     icon?: ReactNode | ((active: boolean) => ReactNode);
-    title?: ReactNode;
+    title?: ReactNode | ((active: boolean) => ReactNode);
     badge?: BadgeProps['content'];
 } & NativeProps;
 export declare const TabBarItem: FC<TabBarItemProps>;

package/2x/es/components/tab-bar/tab-bar.js

@@ -52,7 +52,7 @@ export const TabBar = p => {
       }, typeof item.props.icon === 'function' ? item.props.icon(active) : item.props.icon);
       const titleElement = item.props.title && React.createElement("div", {
         className: `${classPrefix}-item-title`
-      }, item.props.title);
+      }, typeof item.props.title === 'function' ? item.props.title(active) : item.props.title);
 
       if (iconElement) {
         return React.createElement(React.Fragment, null, React.createElement(Badge, {

package/2x/es/components/tree-select/tree-select.js

@@ -47,12 +47,12 @@ export const TreeSelect = p => {
     let current = node;
 
     while (current) {
-      parentNodes.unshift(current);
+      parentNodes.push(current);
       const next = optionsParentMap.get(current[valueName]);
       current = next;
     }
 
-    const values = parentNodes.map(i => i[valueName]);
+    const values = parentNodes.reverse().map(i => i[valueName]);
     setValue(values);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values, {
       options: parentNodes

package/2x/es/utils/render-imperatively.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+declare type ImperativeProps = {
+    visible?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+};
+export declare function renderImperatively(element: ReactElement<ImperativeProps>): {
+    close: () => void;
+};
+export {};

package/2x/es/utils/render-imperatively.js

@@ -0,0 +1,45 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { renderToBody } from './render-to-body';
+export function renderImperatively(element) {
+  let close = () => {};
+
+  const Wrapper = () => {
+    const [visible, setVisible] = useState(false);
+    const closedRef = useRef(false);
+    useEffect(() => {
+      if (!closedRef.current) {
+        setVisible(true);
+      } else {
+        afterClose();
+      }
+    }, []);
+
+    function onClose() {
+      var _a, _b;
+
+      closedRef.current = true;
+      setVisible(false);
+      (_b = (_a = element.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+
+    close = onClose;
+
+    function afterClose() {
+      var _a, _b;
+
+      unmount();
+      (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+
+    return React.cloneElement(element, Object.assign(Object.assign({}, element.props), {
+      visible,
+      onClose,
+      afterClose
+    }));
+  };
+
+  const unmount = renderToBody(React.createElement(Wrapper, null));
+  return {
+    close
+  };
+}

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.5.1",
+  "version": "5.6.0",
   "dependencies": {
     "@floating-ui/dom": "^0.3.1",
     "@react-spring/web": "^9.4.3",
@@ -14,8 +14,7 @@
     "lodash": "^4.17.21",
     "rc-field-form": "^1.23.1",
     "staged-components": "^1.1.2",
-    "tslib": "^2.3.1",
-    "use-async-memo": "^1.2.3"
+    "tslib": "^2.3.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0"

package/cjs/components/action-sheet/action-sheet.d.ts

@@ -10,7 +10,7 @@ export declare type Action = {
     onClick?: () => void;
 };
 export declare type ActionSheetProps = {
-    visible: boolean;
+    visible?: boolean;
     actions: Action[];
     extra?: React.ReactNode;
     cancelText?: React.ReactNode;
@@ -22,11 +22,11 @@ export declare type ActionSheetProps = {
     closeOnMaskClick?: boolean;
     getContainer?: GetContainer;
     safeArea?: boolean;
+    popupClassName?: string;
+    popupStyle?: React.CSSProperties;
 } & NativeProps;
 export declare const ActionSheet: FC<ActionSheetProps>;
-export declare type ActionSheetRef = {
-    close: () => void;
-};
-export declare function showActionSheet(props: Omit<ActionSheetProps, 'visible'>): {
+export declare type ActionSheetShowHandler = {
     close: () => void;
 };
+export declare function showActionSheet(props: Omit<ActionSheetProps, 'visible'>): ActionSheetShowHandler;