antd-mobile 5.23.0 → 5.24.1

package/es/locales/ja-JP.js

@@ -0,0 +1,130 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} は有効な ${type} ではありません';
+const jaJP = mergeLocale(base, {
+  locale: 'ja-JP',
+  common: {
+    confirm: '確認',
+    cancel: 'キャンセル',
+    loading: '読み込み中'
+  },
+  Calendar: {
+    markItems: ['月', '火', '水', '木', '金', '土', '日'],
+    renderYearAndMonth: (year, month) => ` ${year}年${month}月`
+  },
+  Cascader: {
+    placeholder: '選択下さい'
+  },
+  Dialog: {
+    ok: 'わかりました'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'おっと,何か問題が発生しました',
+      description: 'しばらく待ってからもう一度お試しください'
+    },
+    busy: {
+      title: 'おっと,ロードされていません',
+      description: 'ページをリフレッシュしてみてください'
+    },
+    disconnected: {
+      title: 'ネットワークがビジー状態です',
+      description: 'ページをリフレッシュしてみてください'
+    },
+    empty: {
+      title: 'うーん,見つからなかった...',
+      description: 'ほかを試してみませんか?'
+    }
+  },
+  Form: {
+    required: '必須',
+    optional: 'オプション',
+    defaultValidateMessages: {
+      default: '${label} のフィールド検証エラー',
+      required: '${label} を入力してください',
+      enum: '${label} は [${enum}] のいずれかでなければなりません',
+      whitespace: '${label} を空白文字にすることはできません',
+      date: {
+        format: '${label} の日付形式が無効です',
+        parse: '${label} は日付に変換できません',
+        invalid: '${label} は無効な日付です'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label} の長さは ${len} 文字でなければなりません',
+        min: '${label} の長さは少なくとも ${min} 文字でなければなりません',
+        max: '${label} の長さは最大 ${max} 文字でなければなりません',
+        range: '${label} の長さは ${min}-${max} 文字の間でなければなりません'
+      },
+      number: {
+        len: '${label} は ${len} と等しくなければなりません',
+        min: '${label} は最小 ${min} でなければなりません',
+        max: '${label} は最大 ${max} でなければなりません',
+        range: '${label} は ${min}-${max} の間でなければなりません'
+      },
+      array: {
+        len: '${label} は ${len} 個である必要があります',
+        min: '${label} は少なくとも ${min} 個',
+        max: '${label} は最大 ${min} 個',
+        range: '${label} の数は ${min}-${max} の間でなければなりません'
+      },
+      pattern: {
+        mismatch: '${label} はパターン ${pattern} と一致しません'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'アップロード中...',
+    upload: 'アップロード'
+  },
+  InfiniteScroll: {
+    noMore: 'これ以上',
+    failedToLoad: '読み込みに失敗しました',
+    retry: '再試行'
+  },
+  Input: {
+    clear: 'クリア'
+  },
+  Mask: {
+    name: 'マスク'
+  },
+  Modal: {
+    ok: 'わかりました'
+  },
+  PasscodeInput: {
+    name: 'パスコード入力'
+  },
+  PullToRefresh: {
+    pulling: '下にスクロールして更新',
+    canRelease: '解放してすぐに更新',
+    complete: 'リフレッシュ成功'
+  },
+  SearchBar: {
+    name: '検索バー'
+  },
+  Slider: {
+    name: 'スライダー'
+  },
+  Stepper: {
+    decrease: '減少',
+    increase: '増加'
+  },
+  Switch: {
+    name: 'スイッチ'
+  }
+});
+export default jaJP;

package/es/utils/attach-properties-to-component.js

@@ -1,11 +1,9 @@
 export function attachPropertiesToComponent(component, properties) {
   const ret = component;
-
   for (const key in properties) {
     if (properties.hasOwnProperty(key)) {
       ret[key] = properties[key];
     }
   }
-
   return ret;
 }

package/es/utils/bound.js

@@ -1,13 +1,10 @@
 export function bound(position, min, max) {
   let ret = position;
-
   if (min !== undefined) {
     ret = Math.max(position, min);
   }
-
   if (max !== undefined) {
     ret = Math.min(ret, max);
   }
-
   return ret;
 }

package/es/utils/convert-px.js

@@ -3,7 +3,6 @@ import { isDev } from './is-dev';
 import { devError } from './dev-log';
 let tenPxTester = null;
 let tester = null;
-
 if (canUseDom) {
   tenPxTester = document.createElement('div');
   tenPxTester.className = 'adm-px-tester';
@@ -12,21 +11,17 @@ if (canUseDom) {
   tester = document.createElement('div');
   tester.className = 'adm-px-tester';
   document.body.appendChild(tester);
-
   if (isDev) {
     if (window.getComputedStyle(tester).position !== 'fixed') {
       devError('Global', 'The px tester is not rendering properly. Please make sure you have imported `antd-mobile/es/global`.');
     }
   }
 }
-
 export function convertPx(px) {
   if (tenPxTester === null || tester === null) return px;
-
   if (tenPxTester.getBoundingClientRect().height === 10) {
     return px;
   }
-
   tester.style.setProperty('--size', px.toString());
   return tester.getBoundingClientRect().height;
 }

package/es/utils/create-icon-component.js

@@ -2,6 +2,5 @@ export function createIconComponent(svg) {
   const Icon = () => {
     return svg;
   };
-
   return Icon;
 }

package/es/utils/dev-log.d.ts

@@ -1,2 +1,3 @@
 export declare function devWarning(component: string, message: string): void;
 export declare function devError(component: string, message: string): void;
+export declare function devPrint(...message: any[]): void;

package/es/utils/dev-log.js

@@ -8,4 +8,26 @@ export function devError(component, message) {
   if (isDev) {
     console.error(`[antd-mobile: ${component}] ${message}`);
   }
+}
+let infoBox;
+export function devPrint(...message) {
+  if (isDev) {
+    if (!infoBox) {
+      infoBox = document.createElement('textarea');
+      document.body.append(infoBox);
+      infoBox.style.position = 'fixed';
+      infoBox.style.top = '0';
+      infoBox.style.left = '0';
+      infoBox.style.width = '100vw';
+      infoBox.style.height = '100vh';
+      infoBox.style.zIndex = '999999';
+      infoBox.style.fontSize = '12px';
+      // infoBox.style.opacity = '0.85'
+      infoBox.style.pointerEvents = 'none';
+      infoBox.style.background = 'transparent';
+      infoBox.style.textShadow = '-1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 1px 1px 0 #FFF';
+    }
+    infoBox.value = `${infoBox.value}\n${message.join(' ')}`.trim();
+    infoBox.scrollTop = infoBox.scrollHeight;
+  }
 }

package/es/utils/generate-int-array.js

@@ -1,9 +1,7 @@
 export function generateIntArray(from, to) {
   const array = [];
-
   for (let i = from; i <= to; i++) {
     array.push(i);
   }
-
   return array;
 }

package/es/utils/get-container.d.ts

@@ -1 +1,2 @@
-export declare function resolveContainer(getContainer: HTMLElement | (() => HTMLElement) | undefined | null): HTMLElement;
+export declare type GetContainer = () => HTMLElement;
+export declare function resolveContainer(getContainer: HTMLElement | GetContainer | undefined | null): HTMLElement;

package/es/utils/get-scroll-parent.js

@@ -1,30 +1,23 @@
 import { canUseDom } from './can-use-dom';
 const defaultRoot = canUseDom ? window : undefined;
 const overflowStylePatterns = ['scroll', 'auto', 'overlay'];
-
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
 }
-
 export function getScrollParent(el, root = defaultRoot) {
   let node = el;
-
   while (node && node !== root && isElement(node)) {
     if (node === document.body) {
       return root;
     }
-
     const {
       overflowY
     } = window.getComputedStyle(node);
-
     if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
-
     node = node.parentNode;
   }
-
   return root;
 }

package/es/utils/measure-css-length.js

@@ -5,12 +5,9 @@ export function measureCSSLength(raw) {
     if (isDev) {
       devError('Global', 'Something went wrong when calculating CSS length. Please report an issue at https://github.com/ant-design/ant-design-mobile/issues/new/choose');
     }
-
     return 0;
   }
-
   const withUnit = raw.trim();
-
   if (withUnit.endsWith('px')) {
     return parseFloat(withUnit);
   } else if (withUnit.endsWith('rem')) {
@@ -21,7 +18,6 @@ export function measureCSSLength(raw) {
     if (isDev) {
       devError('Global', `You are using a not supported CSS unit in \`${raw}\`. Only \`px\` \`rem\` and \`vw\` are supported.`);
     }
-
     return 0;
   }
 }

package/es/utils/merge-locale.js

@@ -3,17 +3,13 @@ export function mergeLocale(base, patch) {
     if (typeof a !== 'object' || typeof b !== 'object' || Array.isArray(a) || Array.isArray(b)) {
       return b !== undefined ? b : a;
     }
-
     const result = {};
-
     for (const key in a) {
       if (a.hasOwnProperty(key)) {
         result[key] = merge(a[key], b[key]);
       }
     }
-
     return result;
   }
-
   return merge(base, patch);
 }

package/es/utils/native-props.js

@@ -2,26 +2,20 @@ import React from 'react';
 import classNames from 'classnames';
 export function withNativeProps(props, element) {
   const p = Object.assign({}, element.props);
-
   if (props.className) {
     p.className = classNames(element.props.className, props.className);
   }
-
   if (props.style) {
     p.style = Object.assign(Object.assign({}, p.style), props.style);
   }
-
   if (props.tabIndex !== undefined) {
     p.tabIndex = props.tabIndex;
   }
-
   for (const key in props) {
     if (!props.hasOwnProperty(key)) continue;
-
     if (key.startsWith('data-') || key.startsWith('aria-')) {
       p[key] = props[key];
     }
   }
-
   return React.cloneElement(element, p);
 }

package/es/utils/reduce-and-restore-motion.js

@@ -2,13 +2,11 @@ import { Globals } from '@react-spring/web';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 let reduced = false;
 const subscribers = new Set();
-
 function notify() {
   subscribers.forEach(subscriber => {
     subscriber();
   });
 }
-
 export function reduceMotion() {
   reduced = true;
   notify();

package/es/utils/render-imperatively.js

@@ -13,27 +13,21 @@ export function renderImperatively(element) {
         afterClose();
       }
     }, []);
-
     function onClose() {
       var _a, _b;
-
       closedRef.current = true;
       setVisible(false);
       (_b = (_a = elementToRender.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
-
     function afterClose() {
       var _a, _b;
-
       unmount();
       (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
-
     useImperativeHandle(ref, () => ({
       close: onClose,
       replace: element => {
         var _a, _b;
-
         keyRef.current++;
         (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
         setElementToRender(element);
@@ -53,12 +47,10 @@ export function renderImperatively(element) {
   return {
     close: () => {
       var _a;
-
       (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
     },
     replace: element => {
       var _a;
-
       (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element);
     }
   };

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

@@ -2,15 +2,12 @@ import { render, unmount as reactUnmount } from './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;
 }

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

@@ -6,6 +6,5 @@ export function renderToContainer(getContainer, node) {
     const container = resolveContainer(getContainer);
     return createPortal(node, container);
   }
-
   return node;
 }

package/es/utils/render.js

@@ -1,6 +1,6 @@
 import { __awaiter } from "tslib";
-import * as ReactDOM from 'react-dom'; // Let compiler not to search module usage
-
+import * as ReactDOM from 'react-dom';
+// Let compiler not to search module usage
 const fullClone = Object.assign({}, ReactDOM);
 const {
   version,
@@ -8,33 +8,27 @@ const {
   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;
+} 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);
@@ -42,36 +36,30 @@ function concurrentRender(node, container) {
   root.render(node);
   container[MARK] = root;
 }
-
 export function render(node, container) {
   if (createRoot) {
     concurrentRender(node, container);
     return;
   }
-
   legacyRender(node, container);
-} // ========================== Unmount =========================
-
+}
+// ========================== 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);
 }

package/es/utils/shuffle.js

@@ -5,11 +5,9 @@
  */
 export function shuffle(array) {
   const result = [...array];
-
   for (let i = result.length; i > 0; i--) {
     const j = Math.floor(Math.random() * i);
     [result[i - 1], result[j]] = [result[j], result[i - 1]];
   }
-
   return result;
 }

package/es/utils/supports-passive.js

@@ -1,6 +1,5 @@
 import { canUseDom } from './can-use-dom';
 export let supportsPassive = false;
-
 if (canUseDom) {
   try {
     const opts = {};
@@ -8,7 +7,6 @@ if (canUseDom) {
       get() {
         supportsPassive = true;
       }
-
     });
     window.addEventListener('test-passive', null, opts);
   } catch (e) {}

package/es/utils/traverse-react-node.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { isFragment } from 'react-is';
 export function traverseReactNode(children, fn) {
   let i = 0;
-
   function handle(target) {
     React.Children.forEach(target, child => {
       if (!isFragment(child)) {
@@ -13,6 +12,5 @@ export function traverseReactNode(children, fn) {
       }
     });
   }
-
   handle(children);
 }

package/es/utils/tree.js

@@ -11,6 +11,5 @@ export function getTreeDeep(treeData, childrenName = 'children') {
     });
     return deep;
   };
-
   return walker(treeData);
 }

package/es/utils/undefined-fallback.js

@@ -1,9 +1,7 @@
 export function undefinedFallback(...items) {
   let i;
-
   for (i = 0; i < items.length; i++) {
     if (items[i] !== undefined) break;
   }
-
   return items[i];
 }

package/es/utils/use-initialized.js

@@ -1,10 +1,8 @@
 import { useRef } from 'react';
 export function useInitialized(check) {
   const initializedRef = useRef(check);
-
   if (check) {
     initializedRef.current = true;
   }
-
   return !!initializedRef.current;
 }

package/es/utils/use-lock-scroll.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean): void;
+export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;

package/es/utils/use-lock-scroll.js

@@ -3,61 +3,70 @@ import { useEffect } from 'react';
 import { getScrollParent } from './get-scroll-parent';
 import { supportsPassive } from './supports-passive';
 let totalLockCount = 0;
-const BODY_LOCK_CLASS = 'adm-overflow-hidden'; // 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
-
+const BODY_LOCK_CLASS = 'adm-overflow-hidden';
+function getScrollableElement(el) {
+  let current = el === null || el === void 0 ? void 0 : el.parentElement;
+  while (current) {
+    if (current.clientHeight < current.scrollHeight) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+// 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
 export function useLockScroll(rootRef, shouldLock) {
   const touch = useTouch();
-
   const onTouchMove = event => {
     touch.move(event);
     const direction = touch.deltaY.current > 0 ? '10' : '01';
     const el = getScrollParent(event.target, rootRef.current);
     if (!el) return;
+    // This has perf cost but we have to compatible with iOS 12
+    if (shouldLock === 'strict') {
+      const scrollableParent = getScrollableElement(event.target);
+      if (scrollableParent === document.body || scrollableParent === document.documentElement) {
+        event.preventDefault();
+        return;
+      }
+    }
     const {
       scrollHeight,
       offsetHeight,
       scrollTop
     } = el;
     let status = '11';
-
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? '00' : '01';
     } else if (scrollTop + offsetHeight >= scrollHeight) {
       status = '10';
     }
-
     if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
       if (event.cancelable) {
         event.preventDefault();
       }
     }
   };
-
   const lock = () => {
     document.addEventListener('touchstart', touch.start);
     document.addEventListener('touchmove', onTouchMove, supportsPassive ? {
       passive: false
     } : false);
-
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
     }
-
     totalLockCount++;
   };
-
   const unlock = () => {
     if (totalLockCount) {
       document.removeEventListener('touchstart', touch.start);
       document.removeEventListener('touchmove', onTouchMove);
       totalLockCount--;
-
       if (!totalLockCount) {
         document.body.classList.remove(BODY_LOCK_CLASS);
       }
     }
   };
-
   useEffect(() => {
     if (shouldLock) {
       lock();