antd-mobile 0.0.0-dev-626cbf51f → 0.0.0-dev.bc248f5c7

package/es/locales/kk-KZ.js

@@ -0,0 +1,114 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} ${type} типі емес';
+const kkKZ = mergeLocale(base, {
+  locale: 'kk-KZ',
+  common: {
+    confirm: 'OK',
+    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: '${len} ${label} болуы керек',
+        min: 'Кемінде ${min} ${label}',
+        max: 'Ең көп ${max} ${label}',
+        range: '${label} саны ${min}-${max} арасында болуы керек'
+      },
+      pattern: {
+        mismatch: '${label} ${pattern} үлгісіне сәйкес келмейді'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Жүктелуде...',
+    upload: 'Жүктеу'
+  },
+  InfiniteScroll: {
+    noMore: 'Осыдан артық жоқ',
+    failedToLoad: 'Жүктеу сәтсіз болды',
+    retry: 'Қайта жүктеу'
+  },
+  Mask: {
+    name: 'Маска қабаты'
+  },
+  Modal: {
+    ok: 'Мен түсіндім'
+  },
+  PullToRefresh: {
+    pulling: 'Төмен тартып жаңарту',
+    canRelease: 'Босатып бірден жаңарту',
+    complete: 'Сәтті жаңартылды'
+  },
+  Switch: {
+    name: 'Сөндіргіш'
+  }
+});
+export default kkKZ;

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

@@ -90,6 +90,11 @@ declare const koKR: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const koKR: {
     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 koKR;

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

@@ -90,6 +90,11 @@ declare const zhCN: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const zhCN: {
     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 zhCN;

package/es/locales/zh-CN.js

@@ -92,7 +92,12 @@ const zhCN = mergeLocale(base, {
     upload: '上传'
   },
   InfiniteScroll: {
-    noMore: '没有更多了'
+    noMore: '没有更多了',
+    failedToLoad: '加载失败',
+    retry: '重新加载'
+  },
+  Input: {
+    clear: '清除'
   },
   Mask: {
     name: '遮罩层'
@@ -100,10 +105,26 @@ const zhCN = mergeLocale(base, {
   Modal: {
     ok: '我知道了'
   },
+  PasscodeInput: {
+    name: '密码输入框'
+  },
   PullToRefresh: {
     pulling: '下拉刷新',
     canRelease: '释放立即刷新',
     complete: '刷新成功'
+  },
+  SearchBar: {
+    name: '搜索框'
+  },
+  Slider: {
+    name: '滑动输入条'
+  },
+  Stepper: {
+    decrease: '减少',
+    increase: '增加'
+  },
+  Switch: {
+    name: '开关'
   }
 });
 export default zhCN;

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

@@ -90,6 +90,11 @@ declare const zhHK: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const zhHK: {
     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 zhHK;

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

@@ -90,6 +90,11 @@ declare const zhTW: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const zhTW: {
     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 zhTW;

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

@@ -19,7 +19,7 @@ export function getScrollParent(el, root = defaultRoot) {
       overflowY
     } = window.getComputedStyle(node);
 
-    if (overflowStylePatterns.includes(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
 

package/es/utils/matrix.d.ts

@@ -0,0 +1,10 @@
+export declare type Matrix = readonly [number, number, number, number, number, number];
+export declare const create: () => Matrix;
+export declare const getTranslateX: (m: Matrix) => number;
+export declare const getTranslateY: (m: Matrix) => number;
+export declare const getScaleX: (m: Matrix) => number;
+export declare const getScaleY: (m: Matrix) => number;
+export declare const translate: (m: Matrix, x: number, y: number) => Matrix;
+export declare const scale: (m: Matrix, scaleX: number, scaleY?: number) => Matrix;
+export declare const apply: (m: Matrix, [ox, oy]: [number, number]) => [number, number];
+export declare const multiply: (m1: Matrix, m2: Matrix) => Matrix;

package/es/utils/matrix.js

@@ -0,0 +1,27 @@
+export const create = () => {
+  return [1, 0, 0, 1, 0, 0];
+};
+export const getTranslateX = m => {
+  return m[4];
+};
+export const getTranslateY = m => {
+  return m[5];
+};
+export const getScaleX = m => {
+  return m[0];
+};
+export const getScaleY = m => {
+  return m[3];
+};
+export const translate = (m, x, y) => {
+  return multiply([1, 0, 0, 1, x, y], m);
+};
+export const scale = (m, scaleX, scaleY = scaleX) => {
+  return multiply([scaleX, 0, 0, scaleY, 0, 0], m);
+};
+export const apply = (m, [ox, oy]) => {
+  return [m[0] * ox + m[2] * oy + m[4], m[1] * ox + m[3] * oy + m[5]];
+};
+export const multiply = (m1, m2) => {
+  return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
+};

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

@@ -1,7 +1,7 @@
 import { isDev } from './is-dev';
 import { devError } from './dev-log';
 export function measureCSSLength(raw) {
-  if (raw === null || raw === undefined) {
+  if (raw === null || raw === undefined || raw === '') {
     if (isDev) {
       devError('Global', 'Seems like the you will encounter a style messed problem. Please check the browser environment to make sure it supports CSS variables.');
     }
@@ -19,7 +19,7 @@ export function measureCSSLength(raw) {
     return parseFloat(withUnit) * window.innerWidth / 100;
   } else {
     if (isDev) {
-      devError('Global', 'You are using a not supported CSS unit. Only `px` `rem` and `vw` are supported.');
+      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.d.ts

@@ -1 +1 @@
-export declare function mergeLocale<T, P>(base: T, patch: P): T;
+export declare function mergeLocale<T extends object, P extends object>(base: T, patch: P): T;

package/es/utils/merge-locale.js

@@ -1,5 +1,19 @@
-import cloneDeep from 'lodash/cloneDeep';
-import merge from 'lodash/merge';
 export function mergeLocale(base, patch) {
-  return merge(cloneDeep(base), patch);
+  function merge(a, b) {
+    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.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import type { CSSProperties, ReactElement } from 'react';
-export interface NativeProps<S extends string = never> {
+export declare type NativeProps<S extends string = never> = {
     className?: string;
     style?: CSSProperties & Partial<Record<S, string>>;
     tabIndex?: number;
-}
+} & AriaAttributes;
 export declare function withNativeProps<P extends NativeProps>(props: P, element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/utils/reduce-and-restore-motion.d.ts

@@ -0,0 +1,4 @@
+export declare function reduceMotion(): void;
+export declare function restoreMotion(): void;
+export declare function isMotionReduced(): boolean;
+export declare function useMotionReduced(): boolean;

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

@@ -0,0 +1,36 @@
+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();
+  Globals.assign({
+    skipAnimation: true
+  });
+}
+export function restoreMotion() {
+  reduced = false;
+  notify();
+  Globals.assign({
+    skipAnimation: false
+  });
+}
+export function isMotionReduced() {
+  return reduced;
+}
+export function useMotionReduced() {
+  return useSyncExternalStore(onStoreChange => {
+    subscribers.add(onStoreChange);
+    return () => {
+      subscribers.delete(onStoreChange);
+    };
+  }, isMotionReduced);
+}

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

@@ -4,7 +4,10 @@ declare type ImperativeProps = {
     onClose?: () => void;
     afterClose?: () => void;
 };
-export declare function renderImperatively(element: ReactElement<ImperativeProps>): {
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
     close: () => void;
+    replace: (element: TargetElement) => void;
 };
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
 export {};

package/es/utils/render-imperatively.js

@@ -4,6 +4,8 @@ export function renderImperatively(element) {
   const Wrapper = React.forwardRef((_, ref) => {
     const [visible, setVisible] = useState(false);
     const closedRef = useRef(false);
+    const [elementToRender, setElementToRender] = useState(element);
+    const keyRef = useRef(0);
     useEffect(() => {
       if (!closedRef.current) {
         setVisible(true);
@@ -17,20 +19,28 @@ export function renderImperatively(element) {
 
       closedRef.current = true;
       setVisible(false);
-      (_b = (_a = element.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
 
     function afterClose() {
       var _a, _b;
 
       unmount();
-      (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
 
     useImperativeHandle(ref, () => ({
-      close: onClose
+      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);
+      }
     }));
-    return React.cloneElement(element, Object.assign(Object.assign({}, element.props), {
+    return React.cloneElement(elementToRender, Object.assign(Object.assign({}, elementToRender.props), {
+      key: keyRef.current,
       visible,
       onClose,
       afterClose
@@ -40,14 +50,16 @@ export function renderImperatively(element) {
   const unmount = renderToBody(React.createElement(Wrapper, {
     ref: wrapperRef
   }));
+  return {
+    close: () => {
+      var _a;
 
-  function close() {
-    var _a;
-
-    (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
-  }
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    },
+    replace: element => {
+      var _a;
 
-  return {
-    close
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element);
+    }
   };
 }

package/es/utils/render.js

@@ -12,13 +12,23 @@ let createRoot;
 try {
   const mainVersion = Number((version || '').split('.')[0]);
 
-  if (mainVersion >= 18) {
+  if (mainVersion >= 18 && fullClone.createRoot) {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = require('react-dom/client').createRoot;
+    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) {
@@ -26,7 +36,9 @@ function legacyRender(node, container) {
 }
 
 function concurrentRender(node, container) {
+  toggleWarning(true);
   const root = container[MARK] || createRoot(container);
+  toggleWarning(false);
   root.render(node);
   container[MARK] = root;
 }

package/es/utils/use-drag-and-pinch.d.ts

@@ -1 +1 @@
-export declare const useDragAndPinch: <Config extends import("@use-gesture/react").UserGestureConfig = import("@use-gesture/react").UserGestureConfig>(_handlers: Partial<import("@use-gesture/react").NativeHandlers<import("@use-gesture/react").EventTypes> & import("@use-gesture/react").UserHandlers<import("@use-gesture/react").EventTypes>>, _config?: Config | undefined) => Config["target"] extends object ? void : (...args: any[]) => import("@use-gesture/react").ReactDOMAttributes;
+export declare const useDragAndPinch: <Config extends import("@use-gesture/react").UserGestureConfig = import("@use-gesture/react").UserGestureConfig>(_handlers: Partial<import("@use-gesture/react").NativeHandlers<import("@use-gesture/react").EventTypes> & import("@use-gesture/react").UserHandlers<import("@use-gesture/react").EventTypes>>, _config?: Config | undefined) => Config["target"] extends object ? void : (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;

package/es/utils/use-inner-visible.d.ts

@@ -0,0 +1 @@
+export declare function useInnerVisible(outerVisible: boolean): boolean;

package/es/utils/use-inner-visible.js

@@ -0,0 +1,9 @@
+import { useState } from 'react';
+import { useIsomorphicLayoutEffect } from 'ahooks';
+export function useInnerVisible(outerVisible) {
+  const [innerVisible, setInnerVisible] = useState(outerVisible);
+  useIsomorphicLayoutEffect(() => {
+    setInnerVisible(outerVisible);
+  }, [outerVisible]);
+  return innerVisible;
+}

package/es/utils/use-props-value.d.ts

@@ -4,5 +4,5 @@ declare type Options<T> = {
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>, forceTrigger?: boolean) => void];
 export {};

package/es/utils/use-props-value.js

@@ -13,15 +13,13 @@ export function usePropsValue(options) {
     stateRef.current = value;
   }
 
-  const setState = useMemoizedFn(v => {
+  const setState = useMemoizedFn((v, forceTrigger = false) => {
+    // `forceTrigger` means trigger `onChange` even if `v` is the same as `stateRef.current`
     const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
-
-    if (value === undefined) {
-      stateRef.current = nextValue;
-      update();
-    }
-
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    if (!forceTrigger && nextValue === stateRef.current) return;
+    stateRef.current = nextValue;
+    update();
+    return onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
   });
   return [stateRef.current, setState];
 }

package/es/utils/use-resize-effect.js

@@ -6,11 +6,13 @@ export function useResizeEffect(effect, targetRef) {
     if (!target) return;
 
     if (window.ResizeObserver) {
+      let animationFrame;
       const observer = new ResizeObserver(() => {
-        fn(target);
+        animationFrame = window.requestAnimationFrame(() => fn(target));
       });
       observer.observe(target);
       return () => {
+        window.cancelAnimationFrame(animationFrame);
         observer.disconnect();
       };
     } else {

package/es/utils/use-tab-list-scroll.js

@@ -33,7 +33,7 @@ export const useTabListScroll = (targetRef, activeIndex) => {
       from: {
         scrollLeft: containerScrollLeft
       },
-      immediate
+      immediate: immediate && !scrollLeft.isAnimating
     });
   }
 

package/es/utils/with-default-props.js

@@ -1,12 +1,10 @@
-import assign from 'lodash/assign';
 import assignWith from 'lodash/assignWith';
-import isUndefined from 'lodash/isUndefined';
 export function mergeProps(...items) {
   function customizer(objValue, srcValue) {
-    return isUndefined(srcValue) ? objValue : srcValue;
+    return srcValue === undefined ? objValue : srcValue;
   }
 
-  let ret = assign({}, items[0]);
+  let ret = Object.assign({}, items[0]);
 
   for (let i = 1; i < items.length; i++) {
     ret = assignWith(ret, items[i], customizer);