antd-mobile 5.27.0 → 5.28.1

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

@@ -1,6 +1,12 @@
 import React, { ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
+declare const eventToPropRecord: {
+    readonly mousedown: "onMouseDown";
+    readonly mousemove: "onMouseMove";
+    readonly mouseup: "onMouseUp";
+};
+declare type PropagationEvent = keyof typeof eventToPropRecord;
 export declare type SwiperRef = {
     swipeTo: (index: number) => void;
     swipeNext: () => void;
@@ -20,6 +26,7 @@ export declare type SwiperProps = {
     trackOffset?: number;
     stuckAtBoundary?: boolean;
     rubberband?: boolean;
+    stopPropagation?: PropagationEvent[];
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
 export declare const Swiper: React.ForwardRefExoticComponent<{
@@ -36,9 +43,11 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
+export {};

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

@@ -11,7 +11,13 @@ import { staged } from 'staged-components';
 import { useRefState } from '../../utils/use-ref-state';
 import { bound } from '../../utils/bound';
 import { useIsomorphicLayoutEffect, useUpdateEffect } from 'ahooks';
+import { mergeFuncProps } from '../../utils/with-func-props';
 const classPrefix = `adm-swiper`;
+const eventToPropRecord = {
+  'mousedown': 'onMouseDown',
+  'mousemove': 'onMouseMove',
+  'mouseup': 'onMouseUp'
+};
 const defaultProps = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -22,7 +28,8 @@ const defaultProps = {
   slideSize: 100,
   trackOffset: 0,
   stuckAtBoundary: true,
-  rubberband: true
+  rubberband: true,
+  stopPropagation: []
 };
 let currentUid;
 export const Swiper = forwardRef(staged((p, ref) => {
@@ -196,11 +203,14 @@ export const Swiper = forwardRef(staged((p, ref) => {
     } = props;
     useEffect(() => {
       if (!autoplay || dragging) return;
-      const interval = window.setInterval(() => {
+      let interval;
+      function tick() {
+        interval = window.setTimeout(tick, autoplayInterval);
         swipeNext();
-      }, autoplayInterval);
+      }
+      interval = window.setTimeout(tick, autoplayInterval);
       return () => {
-        window.clearInterval(interval);
+        if (interval) window.clearTimeout(interval);
       };
     }, [autoplay, autoplayInterval, dragging, count]);
     function renderTrackInner() {
@@ -239,6 +249,15 @@ export const Swiper = forwardRef(staged((p, ref) => {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
     };
+    const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+    const stopPropagationProps = {};
+    for (const key of props.stopPropagation) {
+      const prop = eventToPropRecord[key];
+      stopPropagationProps[prop] = function (e) {
+        e.stopPropagation();
+      };
+    }
+    const mergedProps = mergeFuncProps(dragProps, stopPropagationProps);
     return withNativeProps(props, React.createElement("div", {
       className: classNames(classPrefix, `${classPrefix}-${props.direction}`),
       style: style
@@ -253,7 +272,7 @@ export const Swiper = forwardRef(staged((p, ref) => {
         }
         forceCancelDrag();
       }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
+    }, mergedProps), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
       className: `${classPrefix}-indicator`
     }, React.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,

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

@@ -25,6 +25,8 @@ export const TextArea = forwardRef((p, ref) => {
     devError('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
   }
   const nativeTextAreaRef = useRef(null);
+  // https://github.com/ant-design/ant-design-mobile/issues/5961
+  const heightRef = useRef('auto');
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue('');
@@ -45,7 +47,7 @@ export const TextArea = forwardRef((p, ref) => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
-    textArea.style.height = 'auto';
+    textArea.style.height = heightRef.current;
     let height = textArea.scrollHeight;
     if (typeof autoSize === 'object') {
       const computedStyle = window.getComputedStyle(textArea);
@@ -57,6 +59,7 @@ export const TextArea = forwardRef((p, ref) => {
         height = Math.min(height, autoSize.maxRows * lineHeight);
       }
     }
+    heightRef.current = `${height}px`;
     textArea.style.height = `${height}px`;
   }, [value, autoSize]);
   const compositingRef = useRef(false);

package/2x/es/global/css-vars-patch.css

@@ -106,6 +106,10 @@
     border-radius: 0;
   }
 
+  .adm-cascader .adm-cascader-view-content {
+    height: 620px;
+  }
+
   .adm-center-popup {
     z-index: 1000;
   }

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

@@ -4,6 +4,7 @@ export declare const base: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,7 +4,8 @@ export const base = {
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',
-    loading: 'Loading'
+    loading: 'Loading',
+    close: 'Close'
   },
   Calendar: {
     markItems: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],

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

@@ -4,6 +4,7 @@ declare const enUS: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const esES: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const faIR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const frFR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const idID: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const jaJP: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const kkKZ: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const koKR: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

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

@@ -4,6 +4,7 @@ declare const zhCN: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/2x/es/locales/zh-CN.js

@@ -6,7 +6,8 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: '确定',
     cancel: '取消',
-    loading: '加载中'
+    loading: '加载中',
+    close: '关闭'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

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

@@ -4,6 +4,7 @@ declare const zhHK: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/2x/es/locales/zh-HK.js

@@ -6,7 +6,8 @@ const zhHK = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

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

@@ -4,6 +4,7 @@ declare const zhTW: {
         confirm: string;
         cancel: string;
         loading: string;
+        close: string;
     };
     Calendar: {
         markItems: string[];

package/2x/es/locales/zh-TW.js

@@ -6,7 +6,8 @@ const zhTW = mergeLocale(base, {
   common: {
     confirm: '確定',
     cancel: '取消',
-    loading: '加載中'
+    loading: '加載中',
+    close: '關閉'
   },
   Calendar: {
     markItems: ['一', '二', '三', '四', '五', '六', '日'],

package/2x/es/utils/with-func-props.d.ts

@@ -0,0 +1,5 @@
+declare type Merge<T, P> = {
+    [K in keyof T & keyof P]: P[K] | T[K];
+};
+export declare function mergeFuncProps<T extends Record<string, any>, P extends Record<string, any>>(p1: T, p2: P): Merge<T, P>;
+export {};

package/2x/es/utils/with-func-props.js

@@ -0,0 +1,19 @@
+export function mergeFuncProps(p1, p2) {
+  const p1Keys = Object.keys(p1);
+  const p2Keys = Object.keys(p2);
+  const keys = new Set([...p1Keys, ...p2Keys]);
+  const res = {};
+  keys.forEach(key => {
+    const p1Value = p1[key];
+    const p2Value = p2[key];
+    if (typeof p1Value === 'function' && typeof p2Value === 'function') {
+      res[key] = function (...args) {
+        p1Value(...args);
+        p2Value(...args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}

package/2x/package.json

@@ -1,10 +1,10 @@
 {
   "name": "antd-mobile",
-  "version": "5.27.0",
+  "version": "5.28.1",
   "dependencies": {
     "@floating-ui/dom": "^1.0.6",
     "@rc-component/mini-decimal": "^1.0.1",
-    "@react-spring/web": "^9.5.5",
+    "@react-spring/web": "~9.6.0",
     "@use-gesture/react": "10.2.20",
     "ahooks": "^3.7.2",
     "antd-mobile-icons": "^0.3.0",

package/README.md

@@ -7,7 +7,7 @@
     Essential UI blocks for building mobile web apps. 
   </p>
 
-[![npm (tag)](https://img.shields.io/npm/v/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![GitHub Release Date](https://img.shields.io/github/release-date/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile/releases) [![npm](https://img.shields.io/npm/dw/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count?label=downloads%285.x%29)](https://www.npmjs.com/package/antd-mobile) [![jsdelivr](https://img.shields.io/jsdelivr/npm/hm/antd-mobile)](https://www.jsdelivr.com/package/npm/antd-mobile) [![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile/umd/antd-mobile.js?label=gzip%20size&compression=gzip)](https://unpkg.com/browse/antd-mobile@5/umd/antd-mobile.js) [![Commit Activity](https://img.shields.io/github/commit-activity/m/ant-design/ant-design-mobile/master)](https://github.com/ant-design/ant-design-mobile/graphs/contributors) [![Issues help wanted](https://img.shields.io/github/issues-raw/ant-design/ant-design-mobile/help%20wanted?label=help%20wanted)](https://github.com/ant-design/ant-design-mobile/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22) ![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/ant-design/ant-design-mobile/Check/v5) [![codecov](https://img.shields.io/codecov/c/gh/ant-design/ant-design-mobile?token=2kJyJBg1nK)](https://codecov.io/gh/ant-design/ant-design-mobile) [![GitHub](https://img.shields.io/github/license/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile)
+[![npm (tag)](https://img.shields.io/npm/v/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![GitHub Release Date](https://img.shields.io/github/release-date/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile/releases) [![npm](https://img.shields.io/npm/dw/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count?label=downloads%285.x%29)](https://www.npmjs.com/package/antd-mobile) [![jsdelivr](https://img.shields.io/jsdelivr/npm/hm/antd-mobile)](https://www.jsdelivr.com/package/npm/antd-mobile) [![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile/umd/antd-mobile.js?label=gzip%20size&compression=gzip)](https://unpkg.com/browse/antd-mobile@5/umd/antd-mobile.js) [![Commit Activity](https://img.shields.io/github/commit-activity/m/ant-design/ant-design-mobile/master)](https://github.com/ant-design/ant-design-mobile/graphs/contributors) [![Issues help wanted](https://img.shields.io/github/issues-raw/ant-design/ant-design-mobile/help%20wanted?label=help%20wanted)](https://github.com/ant-design/ant-design-mobile/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22) ![GitHub Workflow Status (branch)](https://img.shields.io/github/actions/workflow/status/ant-design/ant-design-mobile/check.yml?branch=master) [![codecov](https://img.shields.io/codecov/c/gh/ant-design/ant-design-mobile?token=2kJyJBg1nK)](https://codecov.io/gh/ant-design/ant-design-mobile) [![GitHub](https://img.shields.io/github/license/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile)
 
   <h4>
     <a href="https://mobile.ant.design">English Doc</a>