antd-mobile 5.32.0 → 5.32.1

package/es/components/notice-bar/notice-bar.css

@@ -1,6 +1,6 @@
 .adm-notice-bar {
   --background-color: #ababab;
-  --border-color: #999999;
+  --border-color: var(--adm-color-weak);
   --text-color: var(--adm-color-text-light-solid);
   --font-size: var(--adm-font-size-7);
   --icon-font-size: var(--adm-font-size-10);
@@ -34,7 +34,7 @@
 .adm-notice-bar.adm-notice-bar-info {
   --background-color: #d0e4ff;
   --border-color: #bcd8ff;
-  --text-color: #1677ff;
+  --text-color: var(--adm-color-primary);
 }
 .adm-notice-bar .adm-notice-bar-left {
   flex-shrink: 0;

package/es/components/number-keyboard/number-keyboard.css

@@ -73,9 +73,9 @@
   left: 50%;
   width: 100%;
   height: 100%;
-  background-color: #000;
+  background-color: var(--adm-color-text-dark-solid);
   border: inherit;
-  border-color: #000;
+  border-color: var(--adm-color-text-dark-solid);
   border-radius: inherit;
   transform: translate(-50%, -50%);
   opacity: 0;

package/es/components/picker-view/wheel.js

@@ -69,17 +69,66 @@ export const Wheel = memo(props => {
     if (!item) return;
     onSelect(item.value);
   }
+  const handleGestureState = state => {
+    const {
+      direction: [, direction],
+      distance: [, distance],
+      velocity: [, velocity],
+      offset: [, offset],
+      last
+    } = state;
+    return {
+      direction,
+      distance,
+      velocity,
+      offset,
+      last
+    };
+  };
   const handleDrag = state => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
-    if (state.last) {
+    const {
+      direction,
+      last,
+      velocity,
+      offset
+    } = handleGestureState(state);
+    if (last) {
+      draggingRef.current = false;
+      const position = offset + velocity * direction * 50;
+      const boundNum = bound(position, min, max);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
+      scrollSelect(targetIndex);
+    } else {
+      const position = offset;
+      api.start({
+        y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
+      });
+    }
+  };
+  const handleWheel = state => {
+    draggingRef.current = true;
+    const min = -((column.length - 1) * itemHeight.current);
+    const max = 0;
+    const {
+      direction,
+      last,
+      velocity,
+      distance
+    } = handleGestureState(state);
+    const whellDir = -direction; // 取反
+    const scrollY = y.get();
+    if (last) {
       draggingRef.current = false;
-      const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
-      const targetIndex = min < max ? -Math.round(bound(position, min, max) / itemHeight.current) : 0;
+      const speed = velocity * whellDir * 50;
+      const position = scrollY + distance * whellDir + speed;
+      const boundNum = bound(position, min, max);
+      const targetIndex = -Math.round(boundNum / itemHeight.current);
       scrollSelect(targetIndex);
     } else {
-      const position = state.offset[1];
+      const position = scrollY + distance * whellDir;
       api.start({
         y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
       });
@@ -99,15 +148,15 @@ export const Wheel = memo(props => {
   });
   useWheel(state => {
     state.event.stopPropagation();
-    handleDrag(state);
+    handleWheel(state);
   }, {
+    target: props.mouseWheel ? rootRef : undefined,
     axis: 'y',
     from: () => [0, y.get()],
     preventDefault: true,
-    target: props.mouseWheel ? rootRef : undefined,
     eventOptions: supportsPassive ? {
       passive: false
-    } : false
+    } : undefined
   });
   let selectedIndex = null;
   function renderAccessible() {
@@ -120,13 +169,13 @@ export const Wheel = memo(props => {
     const previous = column[previousIndex];
     const next = column[nextIndex];
     return React.createElement("div", {
-      className: 'adm-picker-view-column-accessible'
+      className: `${classPrefix}-column-accessible`
     }, React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-current',
+      className: `${classPrefix}-column-accessible-current`,
       role: 'button',
       "aria-label": current ? `当前选择的是：${current.label}` : '当前未选择'
     }, "-"), React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
+      className: `${classPrefix}-column-accessible-button`,
       onClick: () => {
         if (!previous) return;
         scrollSelect(previousIndex);
@@ -134,7 +183,7 @@ export const Wheel = memo(props => {
       role: previous ? 'button' : 'text',
       "aria-label": !previous ? '没有上一项' : `选择上一项：${previous.label}`
     }, "-"), React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
+      className: `${classPrefix}-column-accessible-button`,
       onClick: () => {
         if (!next) return;
         scrollSelect(nextIndex);
@@ -180,9 +229,7 @@ export const Wheel = memo(props => {
   if (prev.onSelect !== next.onSelect) return false;
   if (prev.renderLabel !== next.renderLabel) return false;
   if (prev.mouseWheel !== next.mouseWheel) return false;
-  if (!isEqual(prev.column, next.column)) {
-    return false;
-  }
+  if (!isEqual(prev.column, next.column)) return false;
   return true;
 });
 Wheel.displayName = 'Wheel';

package/es/components/popover/popover-menu.css

@@ -1,5 +1,5 @@
 .adm-popover-menu {
-  --border-color: #eeeeee;
+  --border-color: var(--adm-color-border);
 }
 .adm-popover-menu.adm-popover {
   --content-padding: 0;
@@ -47,6 +47,6 @@
   border-bottom: solid 1px var(--border-color);
 }
 .adm-popover.adm-popover-dark.adm-popover-menu {
-  --border-color: #333333;
+  --border-color: var(--adm-color-text);
   --background: rgba(0, 0, 0, 0.9);
 }

package/es/components/progress-bar/progress-bar.css

@@ -21,7 +21,7 @@
   flex: none;
   width: calc(var(--text-width) + 8px);
   padding-left: 8px;
-  color: #999999;
+  color: var(--adm-color-weak);
 }
 .adm-progress-bar-rounded .adm-progress-bar-trail,
 .adm-progress-bar-rounded .adm-progress-bar-fill {

package/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/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/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/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/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/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/es/components/toast/toast.css

@@ -4,13 +4,13 @@
   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: 204px;
   max-height: 70%;

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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'

package/es/locales/ru-RU.d.ts

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

package/es/locales/ru-RU.js

@@ -11,7 +11,7 @@ const ruRU = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
-    renderYearAndMonth: (year, month) => `${year}/${month}`
+    yearAndMonth: '${year}/${month}'
   },
   Cascader: {
     placeholder: 'Выбор'

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

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

package/es/locales/zh-CN.js

@@ -11,7 +11,7 @@ const zhCN = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '请选择'

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

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

package/es/locales/zh-HK.js

@@ -11,7 +11,7 @@ const zhHK = mergeLocale(base, {
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
-    renderYearAndMonth: (year, month) => `${year}年${month}月`
+    yearAndMonth: '${year}年${month}月'
   },
   Cascader: {
     placeholder: '請選擇'

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

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