antd-mobile 5.38.1 → 5.40.0

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

@@ -1,18 +1,18 @@
 import { __awaiter } from "tslib";
-import React, { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';
+import { arrow, autoUpdate, computePosition, flip, hide, limitShift, offset, shift } from '@floating-ui/dom';
+import { useClickAway, useIsomorphicLayoutEffect } from 'ahooks';
 import classNames from 'classnames';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { convertPx } from '../../utils/convert-px';
+import { withNativeProps } from '../../utils/native-props';
+import { renderToContainer } from '../../utils/render-to-container';
+import { useShouldRender } from '../../utils/should-render';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
-import { withNativeProps } from '../../utils/native-props';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
 import { Arrow } from './arrow';
-import { renderToContainer } from '../../utils/render-to-container';
-import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShift } from '@floating-ui/dom';
-import { Wrapper } from './wrapper';
-import { useShouldRender } from '../../utils/should-render';
-import { useClickAway, useIsomorphicLayoutEffect } from 'ahooks';
 import { normalizePlacement } from './normalize-placement';
-import { convertPx } from '../../utils/convert-px';
+import { Wrapper } from './wrapper';
 const classPrefix = `adm-popover`;
 const defaultProps = {
   placement: 'top',
@@ -124,11 +124,11 @@ export const Popover = forwardRef((p, ref) => {
   }, [targetElement, props.trigger]);
   useEffect(() => {
     const floatingElement = floatingRef.current;
-    if (!targetElement || !floatingElement) return;
+    if (!targetElement || !floatingElement || !visible) return;
     return autoUpdate(targetElement, floatingElement, update, {
       elementResize: typeof ResizeObserver !== 'undefined'
     });
-  }, [targetElement]);
+  }, [targetElement, visible]);
   useClickAway(() => {
     if (!props.trigger) return;
     setVisible(false);

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

@@ -1,10 +1,7 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-export declare class Wrapper extends React.Component<{
-    children?: ReactNode;
-}, {}> {
-    element: Element | null;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): React.ReactNode;
+import * as React from 'react';
+export interface WrapperRef {
+    element: HTMLElement;
 }
+export declare const Wrapper: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & React.RefAttributes<WrapperRef>>;

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

@@ -1,6 +1,7 @@
-import React from 'react';
-import { findDOMNode } from 'react-dom';
-export class Wrapper extends React.Component {
+import findDOMNode, { getDOM } from 'rc-util/lib/Dom/findDOMNode';
+import { composeRef, getNodeRef, supportRef } from 'rc-util/lib/ref';
+import * as React from 'react';
+class LegacyWrapper extends React.Component {
   constructor() {
     super(...arguments);
     this.element = null;
@@ -18,6 +19,30 @@ export class Wrapper extends React.Component {
     }
   }
   render() {
-    return React.Children.only(this.props.children);
+    return this.props.children;
   }
-}
+}
+export const Wrapper = React.forwardRef(({
+  children
+}, ref) => {
+  const elementRef = React.useRef(null);
+  const legacyWrapperRef = React.createRef();
+  const child = React.Children.only(children);
+  const canUseRef = supportRef(children);
+  const getElement = () => {
+    var _a;
+    if (canUseRef) {
+      return getDOM(elementRef.current);
+    }
+    return (_a = legacyWrapperRef.current) === null || _a === void 0 ? void 0 : _a.element;
+  };
+  React.useImperativeHandle(ref, () => ({
+    element: getElement()
+  }));
+  const composedRef = composeRef(elementRef, getNodeRef(child));
+  return canUseRef ? React.cloneElement(child, {
+    ref: composedRef
+  }) : React.createElement(LegacyWrapper, {
+    ref: legacyWrapperRef
+  }, child);
+});

package/2x/es/components/space/space.css

@@ -25,12 +25,12 @@
   flex-direction: row;
 }
 
-.adm-space-horizontal > .adm-space-item {
-  margin-right: var(--gap-horizontal);
+.adm-space-horizontal:not(:empty) {
+  margin-right: calc(var(--gap-horizontal) * -1);
 }
 
-.adm-space-horizontal > .adm-space-item:last-child {
-  margin-right: 0;
+.adm-space-horizontal > .adm-space-item {
+  margin-right: var(--gap-horizontal);
 }
 
 .adm-space-horizontal.adm-space-wrap {

package/2x/es/components/swipe-action/swipe-action.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 declare type SideType = 'left' | 'right';
@@ -23,6 +23,7 @@ export declare type SwipeActionProps = {
     children: ReactNode;
     stopPropagation?: PropagationEvent[];
     onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
 } & NativeProps<'--background'>;
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
@@ -33,6 +34,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     children: ReactNode;
     stopPropagation?: PropagationEvent[] | undefined;
     onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--background", string>>) | undefined;

package/2x/es/components/swipe-action/swipe-action.js

@@ -1,11 +1,11 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import { useSpring, animated } from '@react-spring/web';
+import { animated, useSpring } from '@react-spring/web';
 import { useDrag } from '@use-gesture/react';
-import Button from '../button';
-import { nearest } from '../../utils/nearest';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
 import { withNativeProps } from '../../utils/native-props';
+import { nearest } from '../../utils/nearest';
+import { mergeProps } from '../../utils/with-default-props';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
+import Button from '../button';
 const classPrefix = `adm-swipe-action`;
 const defaultProps = {
   rightActions: [],
@@ -99,12 +99,14 @@ export const SwipeAction = forwardRef((p, ref) => {
     },
     triggerAllEvents: true
   });
-  function close() {
+  const close = () => {
+    var _a;
     api.start({
       x: 0
     });
     forceCancelDrag();
-  }
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+  };
   useImperativeHandle(ref, () => ({
     show: (side = 'right') => {
       var _a;

package/2x/es/components/virtual-input/virtual-input.css

@@ -28,8 +28,10 @@
   z-index: 1;
   width: 100%;
   max-width: 100%;
+  min-height: 1.5em;
   overflow-y: hidden;
   overflow-x: scroll;
+  letter-spacing: 2px;
   scrollbar-width: none;
 }
 
@@ -55,6 +57,7 @@
   height: 1.3em;
   vertical-align: top;
   margin-right: 2px;
+  position: absolute;
 }
 
 .adm-virtual-input-caret {

package/2x/es/components/virtual-input/virtual-input.js

@@ -20,6 +20,7 @@ export const VirtualInput = forwardRef((props, ref) => {
   const rootRef = useRef(null);
   const contentRef = useRef(null);
   const [hasFocus, setHasFocus] = useState(false);
+  const [caretPosition, setCaretPosition] = useState(value.length); // 光标位置，从 0 开始，如值是 2 则表示光标在顺序下标为 2 的数字之前
   const clearIcon = mergeProp(React.createElement(CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
   function scrollToEnd() {
     const root = rootRef.current;
@@ -63,12 +64,17 @@ export const VirtualInput = forwardRef((props, ref) => {
   const keyboardElement = keyboard && React.cloneElement(keyboard, {
     onInput: v => {
       var _a, _b;
-      setValue(value + v);
+      const newValue = value.substring(0, caretPosition) + v + value.substring(caretPosition);
+      setValue(newValue);
+      setCaretPosition(c => c + 1);
       (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
     },
     onDelete: () => {
       var _a, _b;
-      setValue(value.slice(0, -1));
+      if (caretPosition === 0) return;
+      const newValue = value.substring(0, caretPosition - 1) + value.substring(caretPosition);
+      setValue(newValue);
+      setCaretPosition(caretPosition - 1);
       (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
     },
     visible: hasFocus,
@@ -86,6 +92,21 @@ export const VirtualInput = forwardRef((props, ref) => {
     },
     getContainer: null
   });
+  // 点击输入框时，将光标置于最后
+  const setCaretPositionToEnd = () => {
+    setCaretPosition(value.length);
+  };
+  // 点击单个字符时，根据点击位置置于字符前或后
+  const changeCaretPosition = index => e => {
+    e.stopPropagation();
+    const rect = e.target.getBoundingClientRect();
+    const midX = rect.left + rect.width / 2;
+    const clickX = e.clientX;
+    // 点击区域是否偏右
+    const isRight = clickX > midX;
+    setCaretPosition(isRight ? index + 1 : index);
+  };
+  const chars = (value + '').split('');
   return withNativeProps(mergedProps, React.createElement("div", {
     ref: rootRef,
     className: classNames(classPrefix, {
@@ -100,17 +121,25 @@ export const VirtualInput = forwardRef((props, ref) => {
     className: `${classPrefix}-content`,
     ref: contentRef,
     "aria-disabled": mergedProps.disabled,
-    "aria-label": mergedProps.placeholder
-  }, value, React.createElement("div", {
+    "aria-label": mergedProps.placeholder,
+    onClick: setCaretPositionToEnd
+  }, chars.slice(0, caretPosition).map((i, index) => React.createElement("span", {
+    key: index,
+    onClick: changeCaretPosition(index)
+  }, i)), React.createElement("div", {
     className: `${classPrefix}-caret-container`
   }, hasFocus && React.createElement("div", {
     className: `${classPrefix}-caret`
-  }))), mergedProps.clearable && !!value && hasFocus && React.createElement("div", {
+  })), chars.slice(caretPosition).map((i, index) => React.createElement("span", {
+    key: index,
+    onClick: changeCaretPosition(index + caretPosition)
+  }, i))), mergedProps.clearable && !!value && hasFocus && React.createElement("div", {
     className: `${classPrefix}-clear`,
     onClick: e => {
       var _a;
       e.stopPropagation();
       setValue('');
+      setCaretPosition(0);
       (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     },
     role: 'button',

package/2x/es/index.d.ts

@@ -168,3 +168,4 @@ export { default as Footer } from './components/footer';
 export type { FooterProps } from './components/footer';
 export { createErrorBlock } from './components/error-block';
 export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';
+export { unstableSetRender } from './utils/unstable-render';

package/2x/es/index.js

@@ -84,4 +84,6 @@ export { default as VirtualInput } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
 export { default as Footer } from './components/footer';
 export { createErrorBlock } from './components/error-block';
-export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';
+export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';
+// compatible
+export { unstableSetRender } from './utils/unstable-render';

package/2x/es/locales/ar-SA.d.ts

@@ -11,6 +11,7 @@ declare const arSA: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ar-SA.js

@@ -14,6 +14,7 @@ const arSA = mergeLocale(base, {
     'confirm': 'تأكيد',
     'start': 'يبدأ',
     'end': 'ينهي',
+    'startAndEnd': 'يبدأ/ينهي',
     'today': 'اليوم',
     'markItems': ['واحد', 'اثنين', 'ثلاثة', 'أربعة', 'خمسة', 'ستة', 'يوم'],
     'yearAndMonth': '${year} سنة ${month} شهر'

package/2x/es/locales/base.d.ts

@@ -11,6 +11,7 @@ export declare const base: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/base.js

@@ -12,6 +12,7 @@ export const base = {
     confirm: 'Confirm',
     start: 'start',
     end: 'end',
+    startAndEnd: 'start/end',
     today: 'today',
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
     yearAndMonth: '${year}/${month}'

package/2x/es/locales/cnr-ME.d.ts

@@ -11,6 +11,7 @@ declare const cnrME: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/cnr-ME.js

@@ -14,6 +14,7 @@ const cnrME = mergeLocale(base, {
     confirm: 'Potvrdi',
     start: 'početak',
     end: 'kraj',
+    startAndEnd: 'početak/kraj',
     today: 'danas',
     markItems: ['Pon', 'Uto', 'Sre', 'Čet', 'Pet', 'Sub', 'Ned'],
     yearAndMonth: '${year}/${month}'

package/2x/es/locales/da-DK.d.ts

@@ -11,6 +11,7 @@ declare const daDK: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/de-DE.d.ts

@@ -11,6 +11,7 @@ declare const deDE: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/de-DE.js

@@ -14,6 +14,7 @@ const deDE = mergeLocale(base, {
     'confirm': 'Bestätigen',
     'start': 'Starten',
     'end': 'Beenden',
+    'startAndEnd': 'Starten/Beenden',
     'today': 'Heute',
     'markItems': ['I', 'II', 'III', 'IV', 'V', 'Sechs', 'Tag'],
     'yearAndMonth': '${year}Jahr${month}Monat'

package/2x/es/locales/en-US.d.ts

@@ -11,6 +11,7 @@ declare const enUS: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/es-ES.d.ts

@@ -11,6 +11,7 @@ declare const esES: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/fa-IR.d.ts

@@ -11,6 +11,7 @@ declare const faIR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/fr-FR.d.ts

@@ -11,6 +11,7 @@ declare const frFR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/hr-HR.d.ts

@@ -11,6 +11,7 @@ declare const hrHR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/hr-HR.js

@@ -14,6 +14,7 @@ const hrHR = mergeLocale(base, {
     confirm: 'Potvrdi',
     start: 'početak',
     end: 'kraj',
+    startAndEnd: 'početak/kraj',
     today: 'danas',
     markItems: ['Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub', 'Ned'],
     yearAndMonth: '${year}/${month}'

package/2x/es/locales/hu-HU.d.ts

@@ -11,6 +11,7 @@ export declare const huHU: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/id-ID.d.ts

@@ -11,6 +11,7 @@ declare const idID: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/in-ID.d.ts

@@ -11,6 +11,7 @@ declare const inID: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/in-ID.js

@@ -14,6 +14,7 @@ const inID = mergeLocale(base, {
     confirm: 'OK',
     start: 'Mulai',
     end: 'Selesai',
+    startAndEnd: 'Mulai/Selesai',
     today: 'Hari Ini',
     markItems: ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'],
     yearAndMonth: '${year} Tahun ${month} Bulan'

package/2x/es/locales/it-IT.d.ts

@@ -11,6 +11,7 @@ declare const itIT: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ja-JP.d.ts

@@ -11,6 +11,7 @@ declare const jaJP: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/kk-KZ.d.ts

@@ -11,6 +11,7 @@ declare const kkKZ: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ko-KR.d.ts

@@ -11,6 +11,7 @@ declare const koKR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ms-MY.d.ts

@@ -11,6 +11,7 @@ declare const msMY: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ms-MY.js

@@ -14,6 +14,7 @@ const msMY = mergeLocale(base, {
     'confirm': 'Ok',
     'start': 'Mula',
     'end': 'Tamat',
+    'startAndEnd': 'Mula/Tamat',
     'today': 'Hari ini',
     'markItems': ['Satu', 'Dua', 'Tiga', 'Empat', 'Lima', 'Enam', 'Hari'],
     'yearAndMonth': 'Tahun${year} bulan ${month}'

package/2x/es/locales/nb-NO.d.ts

@@ -11,6 +11,7 @@ declare const nbNO: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/nl-NL.d.ts

@@ -11,6 +11,7 @@ declare const nlNL: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/pt-BR.d.ts

@@ -11,6 +11,7 @@ declare const ptBR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ru-RU.d.ts

@@ -11,6 +11,7 @@ declare const ruRU: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/ru-RU.js

@@ -10,6 +10,12 @@ const ruRU = mergeLocale(base, {
     close: 'Закрыть'
   },
   Calendar: {
+    title: 'Выбор даты',
+    confirm: 'Подтвердить',
+    start: 'начало',
+    end: 'конец',
+    startAndEnd: 'начало/конец',
+    today: 'сегодня',
     markItems: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
     yearAndMonth: '${year}/${month}'
   },
@@ -113,9 +119,9 @@ const ruRU = mergeLocale(base, {
     name: 'Ввод пароля'
   },
   PullToRefresh: {
-    pulling: 'Прокрутите вниз, чтобы обновления',
+    pulling: 'Прокрутите вниз, чтобы обновить',
     canRelease: 'Отпустите, чтобы немедленно обновить',
-    complete: 'Обновление успешно'
+    complete: 'Обновлено успешно'
   },
   SearchBar: {
     name: 'Панель поиска'

package/2x/es/locales/sr-RS.d.ts

@@ -11,6 +11,7 @@ declare const srRS: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/sr-RS.js

@@ -14,6 +14,7 @@ const srRS = mergeLocale(base, {
     confirm: 'Потврди',
     start: 'почетак',
     end: 'крај',
+    startAndEnd: 'почетак/крај',
     today: 'данас',
     markItems: ['Пон', 'Уто', 'Сре', 'Чет', 'Пет', 'Суб', 'Нед'],
     yearAndMonth: '${year}/${month}'

package/2x/es/locales/th-TH.d.ts

@@ -11,6 +11,7 @@ declare const thTH: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/th-TH.js

@@ -14,6 +14,7 @@ const thTH = mergeLocale(base, {
     confirm: 'ยืนยัน',
     start: 'เริ่ม',
     end: 'เสร็จ',
+    startAndEnd: 'เริ่ม/เสร็จ',
     today: 'วันนี้',
     markItems: ['วันจันทร์', 'วันอังคาร', 'วันพุธ', 'วันพฤหัสบดี', 'วันศุกร์', 'วันเสาร์', 'วันอาทิตย์'],
     yearAndMonth: '${year}/${month}'

package/2x/es/locales/tr-TR.d.ts

@@ -11,6 +11,7 @@ declare const trTR: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/vi-VN.d.ts

@@ -11,6 +11,7 @@ declare const viVN: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;