antd-mobile 5.24.0 → 5.24.2

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

@@ -15,20 +15,16 @@ export const VirtualInput = forwardRef((p, ref) => {
   const rootRef = useRef(null);
   const contentRef = useRef(null);
   const [hasFocus, setHasFocus] = useState(false);
-
   function scrollToEnd() {
     const root = rootRef.current;
     if (!root) return;
-
     if (document.activeElement !== root) {
       return;
     }
-
     const content = contentRef.current;
     if (!content) return;
     content.scrollLeft = content.clientWidth;
   }
-
   useIsomorphicLayoutEffect(() => {
     scrollToEnd();
   }, [value]);
@@ -40,48 +36,38 @@ export const VirtualInput = forwardRef((p, ref) => {
   useImperativeHandle(ref, () => ({
     focus: () => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));
-
   function onFocus() {
     var _a;
-
     setHasFocus(true);
     (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
   }
-
   function onBlur() {
     var _a;
-
     setHasFocus(false);
     (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
   }
-
   const keyboard = props.keyboard;
   const keyboardElement = keyboard && React.cloneElement(keyboard, {
     onInput: v => {
       var _a, _b;
-
       setValue(value + v);
       (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
     },
     onDelete: () => {
       var _a, _b;
-
       setValue(value.slice(0, -1));
       (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
     },
     visible: hasFocus,
     onClose: () => {
       var _a, _b, _c;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
     },
@@ -107,7 +93,6 @@ export const VirtualInput = forwardRef((p, ref) => {
     className: `${classPrefix}-clear`,
     onClick: e => {
       var _a;
-
       e.stopPropagation();
       setValue('');
       (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);

package/es/components/water-mark/water-mark.js

@@ -36,7 +36,6 @@ export const WaterMark = p => {
     const markHeight = height * ratio;
     canvas.setAttribute('width', canvasWidth);
     canvas.setAttribute('height', canvasHeight);
-
     if (ctx) {
       if (image) {
         ctx.translate(markWidth / 2, markHeight / 2);
@@ -44,18 +43,16 @@ export const WaterMark = p => {
         const img = new Image();
         img.crossOrigin = 'anonymous';
         img.referrerPolicy = 'no-referrer';
-
         img.onload = () => {
           ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
           ctx.restore();
           setBase64Url(canvas.toDataURL());
         };
-
         img.src = image;
       } else if (content) {
         ctx.textBaseline = 'middle';
-        ctx.textAlign = 'center'; // 文字绕中间旋转
-
+        ctx.textAlign = 'center';
+        // 文字绕中间旋转
         ctx.translate(markWidth / 2, markHeight / 2);
         ctx.rotate(Math.PI / 180 * Number(rotate));
         const markSize = Number(fontSize) * ratio;

package/es/global/index.js

@@ -1,9 +1,9 @@
 import "./global.css";
 import { canUseDom } from '../utils/can-use-dom';
-
 if (canUseDom) {
   // Make sure the `:active` CSS selector of `button` and `a` take effect
   // See: https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
   document.addEventListener('touchstart', () => {}, true);
-} // Only for debugging. Must COMMENT this line before commit:
+}
+// Only for debugging. Must COMMENT this line before commit:
 // import './css-vars-patch.less'

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

@@ -0,0 +1,127 @@
+declare const jaJP: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+};
+export default jaJP;

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;
 }