antd-mobile 5.7.2 → 5.8.2

package/es/components/slider/slider.js

@@ -26,7 +26,8 @@ export const Slider = p => {
     disabled,
     marks,
     ticks,
-    step
+    step,
+    icon
   } = props;
 
   function sortValue(val) {
@@ -126,6 +127,7 @@ export const Slider = p => {
 
   const renderThumb = index => {
     return React.createElement(Thumb, {
+      icon: icon,
       key: index,
       value: sliderValue[index],
       min: min,

package/es/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import React, { FC, RefObject } from 'react';
 declare type ThumbProps = {
     value: number;
     min: number;
@@ -6,6 +6,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
+    icon?: React.ReactNode;
 };
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/es/components/slider/thumb.js

@@ -9,7 +9,8 @@ const Thumb = props => {
     min,
     max,
     disabled,
-    onDrag
+    onDrag,
+    icon
   } = props;
   const prevValue = useRef(value);
 
@@ -45,7 +46,7 @@ const Thumb = props => {
     style: currentPosition()
   }, bind()), React.createElement("div", {
     className: `${classPrefix}-thumb`
-  }, React.createElement(ThumbIcon, {
+  }, icon ? icon : React.createElement(ThumbIcon, {
     className: `${classPrefix}-thumb-icon`
   })));
 };

package/es/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

package/es/components/text-area/text-area.js

@@ -111,6 +111,7 @@ export const TextArea = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,

package/es/locales/base.d.ts

@@ -1,4 +1,5 @@
 export declare const base: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/base.js

@@ -1,5 +1,6 @@
 const typeTemplate = '${label} is not a valid ${type}';
 export const base = {
+  locale: 'en',
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',

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

@@ -1,4 +1,5 @@
 declare const enUS: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

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

@@ -0,0 +1,102 @@
+declare const esES: {
+    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;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default esES;

package/es/locales/es-ES.js

@@ -0,0 +1,105 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} no es un ${type} válido';
+const esES = mergeLocale(base, {
+  locale: 'es',
+  common: {
+    confirm: 'Confirmar',
+    cancel: 'Cancelar',
+    loading: 'Cargando...'
+  },
+  Calendar: {
+    markItems: ['Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],
+    renderYearAndMonth: (year, month) => `${year}/${month}`
+  },
+  Cascader: {
+    placeholder: 'Seleccionando'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oops, algo salió mal',
+      description: 'Por favor espere un minuto e intente nuevamente'
+    },
+    busy: {
+      title: 'Oops, no está cargando',
+      description: 'Intente refrescar la página'
+    },
+    disconnected: {
+      title: 'La red se encuentra ocupada',
+      description: 'Intente refrescar la página'
+    },
+    empty: {
+      title: "Hmm, no pudimos encontrar eso...",
+      description: 'Quieres intentar una nueva búsqueda?'
+    }
+  },
+  Form: {
+    required: 'Requerido',
+    optional: 'Opcional',
+    defaultValidateMessages: {
+      default: 'Error de validación para el campo ${label}',
+      required: 'Por favor ingrese ${label}',
+      enum: '${label} debe ser uno de los siguientes [${enum}]',
+      whitespace: '${label} no puede ser un caracter en blanco',
+      date: {
+        format: '${label} el formato de fecha es inválido',
+        parse: '${label} no puede ser convertido a fecha',
+        invalid: '${label} no es una fecha válida'
+      },
+      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} debe tener ${len} caracteres',
+        min: '${label} debe tener al menos ${min} caracteres',
+        max: '${label} debe tener como mucho ${max} caracteres',
+        range: '${label} debe tener entre ${min}-${max} caracteres'
+      },
+      number: {
+        len: '${label} debe ser igual a ${len}',
+        min: '${label} debe ser mínimo ${min}',
+        max: '${label} debe ser máximo ${max}',
+        range: '${label} debe ser entre ${min}-${max}'
+      },
+      array: {
+        len: 'Debe ser ${len} ${label}',
+        min: 'Al menos ${min} ${label}',
+        max: 'Como mucho ${max} ${label}',
+        range: 'La cantidad de ${label} debe ser entre ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} no coincide con el patrón ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Subiendo...'
+  },
+  Mask: {
+    name: 'Máscara'
+  },
+  Modal: {
+    ok: 'OK'
+  },
+  PullToRefresh: {
+    pulling: 'Desplácese hacia abajo para refrescar',
+    canRelease: 'Suelte para refrescar inmediatamente',
+    complete: 'Refrescó exitosamente'
+  }
+});
+export default esES;

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

@@ -1,4 +1,5 @@
 declare const faIR: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/fa-IR.js

@@ -2,6 +2,7 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const typeTemplate = '${label} یک ${type} معتبر نیست';
 const faIR = mergeLocale(base, {
+  locale: 'fa-IR',
   common: {
     confirm: 'تایید',
     cancel: 'لغو'

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

@@ -1,4 +1,5 @@
 declare const zhCN: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-CN.js

@@ -2,6 +2,7 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const typeTemplate = '${label}不是一个有效的${type}';
 const zhCN = mergeLocale(base, {
+  locale: 'zh-CH',
   common: {
     confirm: '确定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhHK: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-HK.js

@@ -1,6 +1,7 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const zhHK = mergeLocale(base, {
+  locale: 'zh-HK',
   common: {
     confirm: '確定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhTW: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-TW.js

@@ -1,6 +1,7 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const zhTW = mergeLocale(base, {
+  locale: 'zh-TW',
   common: {
     confirm: '確定',
     cancel: '取消',

package/es/utils/measure-css-length.d.ts

@@ -1 +1 @@
-export declare function measureCSSLength(raw: string): number;
+export declare function measureCSSLength(raw: string | undefined | null): number;

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

@@ -1,6 +1,14 @@
 import { isDev } from './is-dev';
 import { devError } from './dev-log';
 export function measureCSSLength(raw) {
+  if (raw === null || raw === undefined) {
+    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.');
+    }
+
+    return 0;
+  }
+
   const withUnit = raw.trim();
 
   if (withUnit.endsWith('px')) {

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "antd-mobile",
-  "version": "5.7.2",
+  "version": "5.8.2",
   "dependencies": {
-    "@floating-ui/dom": "^0.3.1",
-    "@react-spring/web": "^9.4.3",
+    "@floating-ui/dom": "^0.4.1",
+    "@react-spring/web": "^9.4.4",
     "@types/resize-observer-browser": "^0.1.7",
-    "@use-gesture/react": "^10.2.7",
-    "ahooks": "^3.1.10",
+    "@use-gesture/react": "^10.2.10",
+    "ahooks": "^3.1.14",
     "antd-mobile-icons": "^0.2.2",
     "antd-mobile-v5-count": "^1.0.1",
     "classnames": "^2.3.1",
-    "dayjs": "^1.10.8",
+    "dayjs": "^1.11.0",
     "lodash": "^4.17.21",
-    "rc-field-form": "^1.23.1",
+    "rc-field-form": "^1.24.0",
     "staged-components": "^1.1.2",
     "tslib": "^2.3.1"
   },
@@ -39,5 +39,5 @@
     "branch": "master",
     "platform": "github"
   },
-  "packageManager": "yarn@3.1.1"
+  "packageManager": "yarn@3.2.0"
 }