antd-mobile 5.38.1 → 5.40.0

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

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

package/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/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/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/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/es/locales/ar-SA.js

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

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/es/locales/sr-RS.js

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

package/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/es/locales/th-TH.js

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

package/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/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;

package/es/locales/vi-VN.js

@@ -14,6 +14,7 @@ const viVN = mergeLocale(base, {
     'confirm': 'Xác nhận',
     'start': 'Bắt đầu',
     'end': 'Kết thúc',
+    'startAndEnd': 'Bắt đầu/Kết thúc',
     'today': 'Hôm nay',
     'markItems': ['Một', 'Hai', 'Ba', 'Bốn', 'Năm', 'Sáu', 'Ngày'],
     'yearAndMonth': 'Tháng ${month} năm ${year}'

package/es/locales/zh-CN.js

@@ -12,6 +12,7 @@ const zhCN = {
     confirm: '确认',
     start: '开始',
     end: '结束',
+    startAndEnd: '开始/结束',
     today: '今日',
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
     yearAndMonth: '${year}年${month}月'

package/es/locales/zh-HK.d.ts

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

package/es/locales/zh-TW.d.ts

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

package/es/utils/render-to-body.d.ts

@@ -1,2 +1,2 @@
 import type { ReactElement } from 'react';
-export declare function renderToBody(element: ReactElement): () => void;
+export declare function renderToBody(element: ReactElement): import("./unstable-render").UnmountType;

package/es/utils/render-to-body.js

@@ -1,13 +1,6 @@
-import { render, unmount as reactUnmount } from './render';
+import { unstableSetRender } from './unstable-render';
 export function renderToBody(element) {
   const container = document.createElement('div');
   document.body.appendChild(container);
-  function unmount() {
-    const unmountResult = reactUnmount(container);
-    if (unmountResult && container.parentNode) {
-      container.parentNode.removeChild(container);
-    }
-  }
-  render(element, container);
-  return unmount;
+  return unstableSetRender()(element, container);
 }

package/es/utils/render.d.ts

@@ -1,9 +1 @@
-import type { ReactElement } from 'react';
-import type { Root } from 'react-dom/client';
-declare const MARK = "__antd_mobile_root__";
-declare type ContainerType = (Element | DocumentFragment) & {
-    [MARK]?: Root;
-};
-export declare function render(node: ReactElement, container: ContainerType): void;
-export declare function unmount(container: ContainerType): boolean | Promise<void>;
-export {};
+export * from 'rc-util/lib/React/render';

package/es/utils/render.js

@@ -1,65 +1 @@
-import { __awaiter } from "tslib";
-import * as ReactDOM from 'react-dom';
-// Let compiler not to search module usage
-const fullClone = Object.assign({}, ReactDOM);
-const {
-  version,
-  render: reactRender,
-  unmountComponentAtNode
-} = fullClone;
-let createRoot;
-try {
-  const mainVersion = Number((version || '').split('.')[0]);
-  if (mainVersion >= 18 && fullClone.createRoot) {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = fullClone.createRoot;
-  }
-} catch (e) {
-  // Do nothing;
-}
-function toggleWarning(skip) {
-  const {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-  } = fullClone;
-  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
-  }
-}
-const MARK = '__antd_mobile_root__';
-function legacyRender(node, container) {
-  reactRender(node, container);
-}
-function concurrentRender(node, container) {
-  toggleWarning(true);
-  const root = container[MARK] || createRoot(container);
-  toggleWarning(false);
-  root.render(node);
-  container[MARK] = root;
-}
-export function render(node, container) {
-  if (createRoot) {
-    concurrentRender(node, container);
-    return;
-  }
-  legacyRender(node, container);
-}
-// ========================== Unmount =========================
-function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
-}
-function concurrentUnmount(container) {
-  return __awaiter(this, void 0, void 0, function* () {
-    // Delay to unmount to avoid React 18 sync warning
-    return Promise.resolve().then(() => {
-      var _a;
-      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
-      delete container[MARK];
-    });
-  });
-}
-export function unmount(container) {
-  if (createRoot) {
-    return concurrentUnmount(container);
-  }
-  return legacyUnmount(container);
-}
+export * from 'rc-util/lib/React/render';

package/es/utils/unstable-render.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export declare function unstableSetRender(render?: RenderType): RenderType;

package/es/utils/unstable-render.js

@@ -0,0 +1,28 @@
+import warningOnce from 'rc-util/lib/warning';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { render, unmount } from './render';
+const defaultReactRender = (node, container) => {
+  // Warning for React 19
+  if (process.env.NODE_ENV !== 'production') {
+    const majorVersion = parseInt(React.version.split('.')[0], 10);
+    const fullKeys = Object.keys(ReactDOM);
+    warningOnce(majorVersion < 19 || fullKeys.includes('createRoot'), `[Compatible] antd-mobile v5 support React is 16 ~ 18. see https://mobile.ant.design/guide/v5-for-19 for compatible.`);
+  }
+  render(node, container);
+  return () => {
+    return unmount(container);
+  };
+};
+let unstableRender = defaultReactRender;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export function unstableSetRender(render) {
+  if (render) {
+    unstableRender = render;
+  }
+  return unstableRender;
+}