antd-mobile 5.31.1 → 5.32.1

package/2x/es/components/pull-to-refresh/pull-to-refresh.js

@@ -140,7 +140,7 @@ export const PullToRefresh = p => {
     enabled: !props.disabled,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   const renderStatusText = () => {
     var _a;

package/2x/es/components/radio/radio.d.ts

@@ -11,5 +11,6 @@ export declare type RadioProps = {
     id?: string;
     icon?: (checked: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/2x/es/components/radio/radio.js

@@ -56,6 +56,7 @@ export const Radio = p => {
     }, checked && React.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,

package/2x/es/components/rate/rate.d.ts

@@ -9,5 +9,5 @@ export declare type RateProps = {
     readOnly?: boolean;
     value?: number;
     onChange?: (value: number) => void;
-} & NativeProps<'--star-size' | '--active-color' | '--inactive-color'>;
+} & NativeProps<'--star-size' | '--active-color' | '--inactive-color' | '--inactive-color-half'>;
 export declare const Rate: FC<RateProps>;

package/2x/es/components/rate/star.d.ts

@@ -1,2 +1,2 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export declare const Star: FC;

package/2x/es/components/result/result.js

@@ -30,7 +30,7 @@ export const Result = p => {
     className: `${classPrefix}-icon`
   }, resultIcon), React.createElement("div", {
     className: `${classPrefix}-title`
-  }, title), description ? React.createElement("div", {
+  }, title), !!description && React.createElement("div", {
     className: `${classPrefix}-description`
-  }, description) : null));
+  }, description)));
 };

package/2x/es/components/safe-area/safe-area.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SafeAreaProps = {
     position: 'top' | 'bottom';

package/2x/es/components/safe-area/safe-area.js

@@ -1,5 +1,5 @@
-import { withNativeProps } from '../../utils/native-props';
 import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 const classPrefix = 'adm-safe-area';
 export const SafeArea = props => {

package/2x/es/components/side-bar/side-bar.d.ts

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { BadgeProps } from '../badge';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {

package/2x/es/components/side-bar/side-bar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { isValidElement } from 'react';
 import classNames from 'classnames';
 import Badge from '../badge';
 import { withNativeProps } from '../../utils/native-props';
@@ -15,7 +15,7 @@ export const SideBar = props => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SkeletonProps = {
     animated?: boolean;

package/2x/es/components/stepper/stepper.js

@@ -64,11 +64,7 @@ export function InnerStepper(p, ref) {
   };
   const formatValue = value => {
     if (value === null) return '';
-    if (formatter) {
-      return formatter(value);
-    } else {
-      return fixedValue(value);
-    }
+    return formatter ? formatter(value) : fixedValue(value);
   };
   // ======================== Value & InputValue ========================
   const [mergedValue, setMergedValue] = useMergedState(defaultValue, {

package/2x/es/components/steps/steps.js

@@ -25,14 +25,14 @@ export const Steps = p => {
     if (!React.isValidElement(child)) {
       return child;
     }
-    const props = child.props;
-    let status = props.status || 'wait';
+    const childProps = child.props;
+    let status = childProps.status || 'wait';
     if (index < current) {
-      status = props.status || 'finish';
+      status = childProps.status || 'finish';
     } else if (index === current) {
-      status = props.status || 'process';
+      status = childProps.status || 'process';
     }
-    const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : defaultIcon;
+    const icon = (_a = childProps.icon) !== null && _a !== void 0 ? _a : defaultIcon;
     return React.cloneElement(child, {
       status,
       icon

package/2x/es/components/swipe-action/swipe-action.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
+declare type SideType = 'left' | 'right';
 export declare type SwipeActionRef = {
     close: () => void;
-    show: (side?: 'left' | 'right') => void;
+    show: (side?: SideType) => void;
 };
 declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
 export declare type Action = {
@@ -20,7 +21,7 @@ export declare type SwipeActionProps = {
     closeOnAction?: boolean;
     children: ReactNode;
     stopPropagation?: PropagationEvent[];
-    onActionsReveal?: (side: 'left' | 'right') => void;
+    onActionsReveal?: (side: SideType) => void;
 } & NativeProps<'--background'>;
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
@@ -30,7 +31,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     closeOnAction?: boolean | undefined;
     children: ReactNode;
     stopPropagation?: "click"[] | undefined;
-    onActionsReveal?: ((side: 'left' | 'right') => void) | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--background", string>>) | undefined;

package/2x/es/components/tab-bar/tab-bar.d.ts

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {

package/2x/es/components/tab-bar/tab-bar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { isValidElement } from 'react';
 import classNames from 'classnames';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
@@ -20,7 +20,7 @@ export const TabBar = p => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/tabs/tabs.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { isValidElement, useRef } from 'react';
 import classNames from 'classnames';
 import { useSpring, animated } from '@react-spring/web';
 import { withNativeProps } from '../../utils/native-props';
@@ -28,7 +28,7 @@ export const Tabs = p => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/tag/tag.js

@@ -4,7 +4,7 @@ import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 const classPrefix = `adm-tag`;
 const colorRecord = {
-  default: '#666666',
+  default: 'var(--adm-color-text-secondary, #666666)',
   primary: 'var(--adm-color-primary, #1677ff)',
   success: 'var(--adm-color-success, #00b578)',
   warning: 'var(--adm-color-warning, #ff8f1f)',

package/2x/es/components/text-area/text-area.css

@@ -5,6 +5,7 @@
   --disabled-color: var(--adm-color-weak);
   --text-align: left;
   --count-text-align: right;
+  position: relative;
   width: 100%;
   max-width: 100%;
   max-height: 100%;

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

@@ -77,12 +77,21 @@ export const TextArea = forwardRef((p, ref) => {
       className: `${classPrefix}-count`
     }, maxLength === undefined ? valueLength : valueLength + '/' + maxLength);
   }
+  let rows = props.rows;
+  if (typeof autoSize === 'object') {
+    if (autoSize.maxRows && rows > autoSize.maxRows) {
+      rows = autoSize.maxRows;
+    }
+    if (autoSize.minRows && rows < autoSize.minRows) {
+      rows = autoSize.minRows;
+    }
+  }
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement("textarea", {
     ref: nativeTextAreaRef,
     className: `${classPrefix}-element`,
-    rows: props.rows,
+    rows: rows,
     value: value,
     placeholder: props.placeholder,
     onChange: e => {
@@ -119,7 +128,7 @@ export const TextArea = forwardRef((p, ref) => {
     ref: hiddenTextAreaRef,
     className: `${classPrefix}-element ${classPrefix}-element-hidden`,
     value: value,
-    rows: props.rows,
+    rows: rows,
     "aria-hidden": true,
     readOnly: true
   })));

package/2x/es/components/toast/toast.css

@@ -4,14 +4,14 @@
   left: 0;
   width: 100%;
   height: 100%;
+  text-align: center;
 }
 
 .adm-toast-mask .adm-toast-main {
   display: inline-block;
   position: relative;
   top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  transform: translateY(-50%);
   width: auto;
   max-width: 408px;
   max-height: 70%;

package/2x/es/components/tree-select/multiple.js

@@ -224,13 +224,9 @@ export const Multiple = p => {
     }
     const isLeaf = deep === index + 1;
     if (isLeaf) {
-      return React.createElement(React.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => {
-        return renderLeafItem(option);
-      }));
+      return React.createElement(React.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => renderLeafItem(option)));
     }
-    return React.createElement(React.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => {
-      return renderItem(option);
-    }));
+    return React.createElement(React.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => renderItem(option)));
   };
   const renderColumns = () => {
     var _a;

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

@@ -106,7 +106,7 @@ export const VirtualInput = forwardRef((p, ref) => {
     },
     role: 'button',
     "aria-label": locale.Input.clear
-  }, React.createElement(CloseCircleFill, null)), !value && React.createElement("div", {
+  }, React.createElement(CloseCircleFill, null)), [undefined, null, ''].includes(value) && React.createElement("div", {
     className: `${classPrefix}-placeholder`
   }, props.placeholder), keyboardElement));
 });

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

@@ -9,7 +9,7 @@ const defaultProps = {
 export const WaterMark = p => {
   const props = mergeProps(defaultProps, p);
   const {
-    zIndex = 2000,
+    zIndex,
     gapX = 24,
     gapY = 48,
     width = 120,

package/2x/es/locales/base.d.ts

@@ -8,7 +8,7 @@ export declare const base: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/base.js

@@ -9,7 +9,7 @@ export const base = {
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Selecting'

package/2x/es/locales/da-DK.d.ts

@@ -8,7 +8,7 @@ declare const daDK: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/da-DK.js

@@ -11,7 +11,7 @@ const daDK = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'],
-    renderYearAndMonth: (year, month) => `${month}.${year}`
+    yearAndMonth: '${month}.${year}'
   },
   Cascader: {
     placeholder: 'Vælger'

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

@@ -8,7 +8,7 @@ declare const enUS: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

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

@@ -8,7 +8,7 @@ declare const esES: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/es-ES.js

@@ -10,7 +10,7 @@ const esES = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Seleccionando'

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

@@ -8,7 +8,7 @@ declare const faIR: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/fa-IR.js

@@ -9,7 +9,7 @@ const faIR = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['شنبه', 'یک‌شنبه', 'دو‌شنبه', 'سه‌شنبه', 'چهار‌شنبه', 'پنج‌نشبه', 'جمعه'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'انتخاب کنید'

package/2x/es/locales/fr-FR.d.ts

@@ -8,7 +8,7 @@ declare const frFR: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/fr-FR.js

@@ -10,7 +10,7 @@ const frFR = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['un', 'deux', 'trois', 'quatre', 'cinq', 'six', 'sept'],
-    renderYearAndMonth: (year, month) => `${year}Année ${month}Mois`
+    yearAndMonth: '${year}Année ${month}Mois'
   },
   Cascader: {
     placeholder: 'Veuillez sélectionner'

package/2x/es/locales/id-ID.d.ts

@@ -8,7 +8,7 @@ declare const idID: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/id-ID.js

@@ -10,7 +10,7 @@ const idID = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'],
-    renderYearAndMonth: (year, month) => `${year} Tahun ${month} Bulan`
+    yearAndMonth: '${year} Tahun ${month} Bulan'
   },
   Cascader: {
     placeholder: 'Silahkan Pilih'

package/2x/es/locales/it-IT.d.ts

@@ -8,7 +8,7 @@ declare const itIT: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/it-IT.js

@@ -11,7 +11,7 @@ const itIT = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['lun', 'mar', 'mer', 'gio', 'ven', 'sab', 'dom'],
-    renderYearAndMonth: (year, month) => `${month}/${year}`
+    yearAndMonth: '${month}/${year}'
   },
   Cascader: {
     placeholder: 'Si prega di selezionare'

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

@@ -8,7 +8,7 @@ declare const jaJP: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/ja-JP.js

@@ -10,7 +10,7 @@ const jaJP = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['月', '火', '水', '木', '金', '土', '日'],
-    renderYearAndMonth: (year, month) => ` ${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '選択下さい'

package/2x/es/locales/kk-KZ.d.ts

@@ -8,7 +8,7 @@ declare const kkKZ: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/kk-KZ.js

@@ -10,7 +10,7 @@ const kkKZ = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Дү', 'Се', 'Сә', 'Бе', 'Жұ', 'Се', 'Же'],
-    renderYearAndMonth: (year, month) => `${year}жыл${month}-ші ай`
+    yearAndMonth: '${year}жыл${month}-ші ай'
   },
   Cascader: {
     placeholder: 'Таңдаңыз'

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

@@ -8,7 +8,7 @@ declare const koKR: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/ko-KR.js

@@ -11,7 +11,7 @@ const koKR = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['월', '화', '수', '목', '금', '토', '일'],
-    renderYearAndMonth: (year, month) => `${year}년 ${month}월`
+    yearAndMonth: '${year}년 ${month}월'
   },
   Cascader: {
     placeholder: '선택됨'

package/2x/es/locales/nb-NO.d.ts

@@ -8,7 +8,7 @@ declare const nbNO: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/nb-NO.js

@@ -11,7 +11,7 @@ const nbNO = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør', 'Søn'],
-    renderYearAndMonth: (year, month) => `${month}.${year}`
+    yearAndMonth: '${month}.${year}'
   },
   Cascader: {
     placeholder: 'Velg'

package/2x/es/locales/nl-NL.d.ts

@@ -8,7 +8,7 @@ declare const nlNL: {
     };
     Calendar: {
         markItems: string[];
-        renderYearAndMonth: (year: number, month: number) => string;
+        yearAndMonth: string;
     };
     Cascader: {
         placeholder: string;

package/2x/es/locales/nl-NL.js

@@ -11,7 +11,7 @@ const nlNL = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo'],
-    renderYearAndMonth: (year, month) => `${month}-${year}`
+    yearAndMonth: '${month}-${year}'
   },
   Cascader: {
     placeholder: 'Selecteren'