antd-mobile 5.3.1 → 5.5.1

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

@@ -0,0 +1,430 @@
+!(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 })
+})

package/2x/cjs/components/popover/wrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare class Wrapper extends React.Component<{}, {}> {
+    element: Element | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.ReactNode;
+}

package/2x/cjs/components/popover/wrapper.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = require("react-dom");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class Wrapper extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.element = null;
+  }
+
+  componentDidMount() {
+    this.componentDidUpdate();
+  }
+
+  componentDidUpdate() {
+    // eslint-disable-next-line
+    const node = (0, _reactDom.findDOMNode)(this);
+
+    if (node instanceof Element) {
+      this.element = node;
+    } else {
+      this.element = null;
+    }
+  }
+
+  render() {
+    return _react.default.Children.only(this.props.children);
+  }
+
+}
+
+exports.Wrapper = Wrapper;

package/2x/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -126,15 +126,30 @@ const PullToRefresh = p => {
 
     const [, y] = state.movement;
 
-    if (state.first) {
-      const element = elementRef.current;
-      if (!element) return;
-      const scrollParent = (0, _getScrollParent.getScrollParent)(element);
-      if (!scrollParent) return;
-      const top = 'scrollTop' in scrollParent ? scrollParent.scrollTop : scrollParent.scrollY;
-
-      if (top <= 0 && y > 0) {
-        pullingRef.current = true;
+    if (state.first && y > 0) {
+      const target = state.event.target;
+      if (!target || !(target instanceof Element)) return;
+      let scrollParent = (0, _getScrollParent.getScrollParent)(target);
+
+      while (true) {
+        if (!scrollParent) return;
+        const scrollTop = getScrollTop(scrollParent);
+
+        if (scrollTop > 0) {
+          return;
+        }
+
+        if (scrollParent instanceof Window) {
+          break;
+        }
+
+        scrollParent = (0, _getScrollParent.getScrollParent)(scrollParent.parentNode);
+      }
+
+      pullingRef.current = true;
+
+      function getScrollTop(element) {
+        return 'scrollTop' in element ? element.scrollTop : element.scrollY;
       }
     }
 

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

@@ -87,22 +87,34 @@ const Radio = p => {
     }, checked && _react.default.createElement(_checkIcon.CheckIcon, null));
   };
 
+  const inputRef = (0, _react.useRef)(null);
+  const labelRef = (0, _react.useRef)(null);
+  (0, _react.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 (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    ref: labelRef,
     className: (0, _classnames.default)(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
     })
   }, _react.default.createElement("input", {
+    ref: inputRef,
     type: 'radio',
     checked: checked,
     onChange: e => {
       setChecked(e.target.checked);
     },
-    onClick: e => {
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
-    },
     disabled: disabled,
     id: props.id
   }), renderIcon(), props.children && _react.default.createElement("div", {

package/2x/cjs/components/search-bar/search-bar.js

@@ -67,7 +67,6 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
 
   const renderCancelButton = () => {
     let isShowCancel = false;
-    const showCancelButton = props.showCancelButton;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);

package/2x/cjs/components/swiper/swiper.js

@@ -258,7 +258,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
           style: {
             [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
           }
-        }, _react.default.Children.map(validChildren, (child, index) => {
+        }, _react.default.Children.map(validChildren, child => {
           return _react.default.createElement("div", {
             className: 'adm-swiper-slide'
           }, child);

package/2x/cjs/components/text-area/text-area.css

@@ -3,6 +3,8 @@
   --color: var(--adm-color-text);
   --placeholder-color: var(--adm-color-light);
   --disabled-color: var(--adm-color-weak);
+  --text-align: left;
+  --count-text-align: right;
   width: 100%;
   max-width: 100%;
   max-height: 100%;
@@ -27,6 +29,7 @@
   outline: none;
   appearance: none;
   min-height: 1.5em;
+  text-align: var(--text-align);
 }
 
 .adm-text-area-element::placeholder {
@@ -62,7 +65,7 @@
 }
 
 .adm-text-area-count {
-  text-align: right;
+  text-align: var(--count-text-align);
   color: var(--adm-color-weak);
   font-size: 34px;
   padding-top: 16px;

package/2x/cjs/components/text-area/text-area.d.ts

@@ -14,7 +14,7 @@ export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaH
         maxRows?: number;
     };
     id?: string;
-} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color'>;
+} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--count-text-align'>;
 export declare type TextAreaRef = {
     clear: () => void;
     focus: () => void;
@@ -33,4 +33,4 @@ export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.Detail
         maxRows?: number | undefined;
     } | undefined;
     id?: string | undefined;
-} & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--disabled-color"> & React.RefAttributes<TextAreaRef>>;
+} & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align"> & React.RefAttributes<TextAreaRef>>;

package/2x/cjs/utils/use-props-value.d.ts

@@ -1,7 +1,8 @@
+import { SetStateAction } from 'react';
 declare type Options<T> = {
     value?: T;
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (this: unknown, v: T) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (this: unknown, v: SetStateAction<T>) => void];
 export {};

package/2x/cjs/utils/use-props-value.js

@@ -23,12 +23,14 @@ function usePropsValue(options) {
   }
 
   const setState = (0, _ahooks.useMemoizedFn)(v => {
+    const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
+
     if (value === undefined) {
-      stateRef.current = v;
+      stateRef.current = nextValue;
       update();
     }
 
-    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
   });
   return [stateRef.current, setState];
 }

package/2x/es/components/cascader-view/cascader-view.d.ts

@@ -9,6 +9,7 @@ export declare type CascaderOption = {
 };
 export declare type CascaderValueExtend = {
     items: (CascaderOption | null)[];
+    isLeaf: boolean;
 };
 export declare type CascaderViewProps = {
     options: CascaderOption[];

package/2x/es/components/cascader-view/use-cascader-value-extend.js

@@ -21,11 +21,34 @@ export function useCascaderValueExtend(options) {
       return ret;
     }, val => JSON.stringify(val));
   }, [options]);
+  const generateIsLeaf = useMemo(() => {
+    return memoize(val => {
+      var _a;
+
+      let isLeaf = false;
+
+      for (const v of val) {
+        const target = options.find(option => option.value === v);
+
+        if (!target) {
+          break;
+        }
+
+        isLeaf = ((_a = target.children) === null || _a === void 0 ? void 0 : _a.length) === val.length;
+      }
+
+      return isLeaf;
+    }, val => JSON.stringify(val));
+  }, [options]);
 
   function generateValueExtend(val) {
     return {
       get items() {
         return generateItems(val);
+      },
+
+      get isLeaf() {
+        return generateIsLeaf(val);
       }
 
     };