antd-mobile 5.41.0-alpha.1 → 5.41.0-alpha.3

package/2x/cjs/components/avatar/avatar.d.ts

@@ -1,9 +1,11 @@
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ImageProps } from '../image';
 export declare type AvatarProps = {
     src: string;
     fallback?: ReactNode;
     fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
+    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, Event>) => void;
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
 export declare const Avatar: FC<AvatarProps>;

package/2x/cjs/components/avatar/avatar.js

@@ -7,8 +7,8 @@ exports.Avatar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
-var _fallback = require("./fallback");
 var _image = _interopRequireDefault(require("../image"));
+var _fallback = require("./fallback");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = 'adm-avatar';
 const defaultProps = {
@@ -16,10 +16,12 @@ const defaultProps = {
   fit: 'cover'
 };
 const Avatar = p => {
+  var _a;
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const mergedSrc = ((_a = props.src) === null || _a === void 0 ? void 0 : _a.trim()) || undefined;
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_image.default, {
     className: classPrefix,
-    src: props.src,
+    src: mergedSrc,
     fallback: props.fallback,
     placeholder: props.fallback,
     alt: props.alt,

package/2x/cjs/components/calendar/calendar.js

@@ -96,12 +96,12 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
   };
   const header = _react.default.createElement("div", {
     className: `${classPrefix}-header`
-  }, _react.default.createElement("a", {
+  }, props.prevYearButton !== null && _react.default.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-year`,
     onClick: () => {
       handlePageChange('subtract', 1, 'year');
     }
-  }, props.prevYearButton), _react.default.createElement("a", {
+  }, props.prevYearButton), props.prevMonthButton !== null && _react.default.createElement("a", {
     className: `${classPrefix}-arrow-button ${classPrefix}-arrow-button-month`,
     onClick: () => {
       handlePageChange('subtract', 1, 'month');
@@ -111,12 +111,12 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
   }, (0, _replaceMessage.replaceMessage)(locale.Calendar.yearAndMonth, {
     year: current.year().toString(),
     month: (current.month() + 1).toString()
-  })), _react.default.createElement("a", {
+  })), props.nextMonthButton !== null && _react.default.createElement("a", {
     className: (0, _classnames.default)(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-month`),
     onClick: () => {
       handlePageChange('add', 1, 'month');
     }
-  }, props.nextMonthButton), _react.default.createElement("a", {
+  }, props.nextMonthButton), props.nextYearButton !== null && _react.default.createElement("a", {
     className: (0, _classnames.default)(`${classPrefix}-arrow-button`, `${classPrefix}-arrow-button-right`, `${classPrefix}-arrow-button-right-year`),
     onClick: () => {
       handlePageChange('add', 1, 'year');

package/2x/cjs/components/ellipsis/useMeasure.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useMeasure;
 var _rcUtil = require("rc-util");
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = require("react-dom");
 var _runes = _interopRequireDefault(require("runes2"));
@@ -34,11 +35,11 @@ function useMeasure(containerRef, content, rows, direction, expanded, expandNode
     });
   });
   // Initialize
-  _react.default.useLayoutEffect(() => {
+  (0, _useLayoutEffect.default)(() => {
     startMeasure();
   }, [contentChars, rows]);
   // Measure element height
-  _react.default.useLayoutEffect(() => {
+  (0, _useLayoutEffect.default)(() => {
     var _a, _b;
     if (status === 1 /* PREPARE */) {
       const fullMeasureHeight = ((_a = fullMeasureRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
@@ -53,7 +54,7 @@ function useMeasure(containerRef, content, rows, direction, expanded, expandNode
     }
   }, [status]);
   // Walking measure
-  _react.default.useLayoutEffect(() => {
+  (0, _useLayoutEffect.default)(() => {
     var _a;
     if (status === 2 /* MEASURE_WALKING */) {
       const diff = walkingIndexes[1] - walkingIndexes[0];

package/2x/cjs/components/image/image.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ImageProps = {
     src?: string;

package/2x/cjs/components/image/image.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Image = void 0;
-var _withDefaultProps = require("../../utils/with-default-props");
 var _react = _interopRequireWildcard(require("react"));
-var _nativeProps = require("../../utils/native-props");
 var _stagedComponents = require("staged-components");
+var _nativeProps = require("../../utils/native-props");
 var _toCssLength = require("../../utils/to-css-length");
-var _lazyDetector = require("./lazy-detector");
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-var _imageIcon = require("./image-icon");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _brokenImageIcon = require("./broken-image-icon");
+var _imageIcon = require("./image-icon");
+var _lazyDetector = require("./lazy-detector");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const classPrefix = `adm-image`;
@@ -50,7 +50,7 @@ const Image = (0, _stagedComponents.staged)(p => {
     }
   }, []);
   function renderInner() {
-    if (failed) {
+    if (failed || src === undefined && !srcSet) {
       return _react.default.createElement(_react.default.Fragment, null, props.fallback);
     }
     const img = _react.default.createElement("img", {

package/2x/cjs/components/image-viewer/image-viewer.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode, RefObject } from 'react';
 import React from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { SlidesRef } from './slides';
@@ -10,7 +10,8 @@ export declare type ImageViewerProps = {
     onClose?: () => void;
     afterClose?: () => void;
     renderFooter?: (image: string) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
     classNames?: {
@@ -25,7 +26,8 @@ export declare type MultiImageViewerProps = Omit<ImageViewerProps, 'image' | 're
     defaultIndex?: number;
     onIndexChange?: (index: number) => void;
     renderFooter?: (image: string, index: number) => ReactNode;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
 };
@@ -34,7 +36,8 @@ export declare const MultiImageViewer: React.ForwardRefExoticComponent<Omit<Imag
     defaultIndex?: number | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
     renderFooter?: ((image: string, index: number) => ReactNode) | undefined;
-    imageRender?: ((image: string, { index }: {
+    imageRender?: ((image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode) | undefined;
 } & React.RefAttributes<SlidesRef>>;

package/2x/cjs/components/image-viewer/index.d.ts

@@ -8,7 +8,8 @@ declare const _default: import("react").FC<import("./image-viewer").ImageViewerP
         defaultIndex?: number | undefined;
         onIndexChange?: ((index: number) => void) | undefined;
         renderFooter?: ((image: string, index: number) => import("react").ReactNode) | undefined;
-        imageRender?: ((image: string, { index }: {
+        imageRender?: ((image: string, { ref, index }: {
+            ref: import("react").RefObject<HTMLImageElement>;
             index: number;
         }) => import("react").ReactNode) | undefined;
     } & import("react").RefAttributes<import("./slides").SlidesRef>> & {

package/2x/cjs/components/image-viewer/methods.js

@@ -7,8 +7,8 @@ exports.clearImageViewer = clearImageViewer;
 exports.showImageViewer = showImageViewer;
 exports.showMultiImageViewer = showMultiImageViewer;
 var _react = _interopRequireDefault(require("react"));
-var _imageViewer = require("./image-viewer");
 var _renderImperatively = require("../../utils/render-imperatively");
+var _imageViewer = require("./image-viewer");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const handlerSet = new Set();
 function showImageViewer(props) {

package/2x/cjs/components/image-viewer/slide.d.ts

@@ -1,11 +1,12 @@
-import type { FC, MutableRefObject, ReactNode } from 'react';
+import type { FC, MutableRefObject, ReactNode, RefObject } from 'react';
 declare type Props = {
     image: string;
     maxZoom: number | 'auto';
     onTap?: () => void;
     onZoomChange?: (zoom: number) => void;
     dragLockRef?: MutableRefObject<boolean>;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
     index?: number;

package/2x/cjs/components/image-viewer/slide.js

@@ -230,7 +230,8 @@ const Slide = props => {
     }
   });
   const customRendering = typeof imageRender === 'function' && imageRender(props.image, {
-    index
+    ref: imgRef,
+    index: index !== null && index !== void 0 ? index : 0
   });
   return _react.default.createElement("div", {
     className: `${classPrefix}-slide`

package/2x/cjs/components/image-viewer/slides.d.ts

@@ -1,11 +1,12 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, RefObject } from 'react';
 export declare type SlidesType = {
     images: string[];
     onTap?: () => void;
     maxZoom: number;
     defaultIndex: number;
     onIndexChange?: (index: number) => void;
-    imageRender?: (image: string, { index }: {
+    imageRender?: (image: string, { ref, index }: {
+        ref: RefObject<HTMLImageElement>;
         index: number;
     }) => ReactNode;
 };

package/2x/cjs/components/input/input.d.ts

@@ -22,7 +22,7 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoCapitalize" | "autoFocus" | "enterKeyHint" | "autoCorrect" | "inputMode" | "placeholder" | "name" | "readOnly" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;

package/2x/cjs/components/input/input.js

@@ -35,9 +35,7 @@ const Input = (0, _react.forwardRef)((props, ref) => {
   const nativeInputRef = (0, _react.useRef)(null);
   const handleKeydown = (0, _useInputHandleKeyDown.default)({
     onEnterPress: mergedProps.onEnterPress,
-    onKeyDown: mergedProps.onKeyDown,
-    nativeInputRef,
-    enterKeyHint: mergedProps.enterKeyHint
+    onKeyDown: mergedProps.onKeyDown
   });
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {

package/2x/cjs/components/input/useInputHandleKeyDown.d.ts

@@ -1,8 +1,6 @@
 interface InputHandleKeyDownType<T> {
     onEnterPress?: (e: React.KeyboardEvent<T>) => void;
     onKeyDown?: (e: React.KeyboardEvent<T>) => void;
-    enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint'];
-    nativeInputRef: React.RefObject<T>;
 }
-export default function useInputHandleKeyDown<T extends HTMLInputElement | HTMLTextAreaElement>({ onEnterPress, onKeyDown, nativeInputRef, enterKeyHint, }: InputHandleKeyDownType<T>): (e: React.KeyboardEvent<T>) => void;
+export default function useInputHandleKeyDown<T extends HTMLInputElement | HTMLTextAreaElement>({ onEnterPress, onKeyDown }: InputHandleKeyDownType<T>): (e: React.KeyboardEvent<T>) => void;
 export {};

package/2x/cjs/components/input/useInputHandleKeyDown.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useInputHandleKeyDown;
-var _ahooks = require("ahooks");
 function useInputHandleKeyDown({
   onEnterPress,
-  onKeyDown,
-  nativeInputRef,
-  enterKeyHint
+  onKeyDown
 }) {
   const handleKeydown = e => {
     if (onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
@@ -17,13 +14,5 @@ function useInputHandleKeyDown({
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
   };
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    const ele = nativeInputRef.current;
-    if (!enterKeyHint || !ele) return;
-    ele.setAttribute('enterkeyhint', enterKeyHint);
-    return () => {
-      ele.removeAttribute('enterkeyhint');
-    };
-  }, [enterKeyHint]);
   return handleKeydown;
 }

package/2x/cjs/components/number-keyboard/number-keyboard.js

@@ -117,6 +117,7 @@ const NumberKeyboard = p => {
   };
   const renderKey = (key, index) => {
     const isNumberKey = /^\d$/.test(key);
+    const isBackspace = key === 'BACKSPACE';
     const className = (0, _classnames.default)(`${classPrefix}-key`, {
       [`${classPrefix}-key-number`]: isNumberKey,
       [`${classPrefix}-key-sign`]: !isNumberKey && key,
@@ -124,25 +125,29 @@ const NumberKeyboard = p => {
     });
     const ariaProps = key ? {
       role: 'button',
-      title: key,
+      title: isBackspace ? locale.Input.clear : key,
       tabIndex: -1
     } : undefined;
     return _react.default.createElement("div", Object.assign({
       key: key,
       className: className,
-      onTouchStart: () => {
+      // 仅为  backspace 绑定，支持长按快速删除
+      onTouchStart: isBackspace ? () => {
+        stopContinueClear();
+        startContinueClear();
+      } : undefined,
+      onTouchEnd: isBackspace ? e => {
+        stopContinueClear();
+        onKeyPress(e, key);
+      } : undefined,
+      // <div role="button" title="1" onTouchEnd={e => {}}>1</div> 安卓上 talback 可读不可点
+      // see https://ua-gilded-eef7f9.netlify.app/grid-button-bug.html
+      // 所以还是绑定 click，通过 touchEnd 的 preventDefault 防重复触发
+      onClick: e => {
         stopContinueClear();
-        if (key === 'BACKSPACE') {
-          startContinueClear();
-        }
-      },
-      onTouchEnd: e => {
         onKeyPress(e, key);
-        if (key === 'BACKSPACE') {
-          stopContinueClear();
-        }
       }
-    }, ariaProps), key === 'BACKSPACE' ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
+    }, ariaProps), isBackspace ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
   };
   return _react.default.createElement(_popup.default, {
     visible: visible,
@@ -174,8 +179,12 @@ const NumberKeyboard = p => {
       startContinueClear();
     },
     onTouchEnd: e => {
+      stopContinueClear();
       onKeyPress(e, 'BACKSPACE');
+    },
+    onClick: e => {
       stopContinueClear();
+      onKeyPress(e, 'BACKSPACE');
     },
     onContextMenu: e => {
       // Long press should not trigger native context menu
@@ -186,7 +195,7 @@ const NumberKeyboard = p => {
     tabIndex: -1
   }, _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null)), _react.default.createElement("div", {
     className: `${classPrefix}-key ${classPrefix}-key-extra ${classPrefix}-key-ok`,
-    onTouchEnd: e => onKeyPress(e, 'OK'),
+    onClick: e => onKeyPress(e, 'OK'),
     role: 'button',
     tabIndex: -1,
     "aria-label": confirmText

package/2x/cjs/components/picker/index.d.ts

@@ -2,7 +2,7 @@ import './picker.less';
 import { prompt } from './prompt';
 export type { PickerProps, PickerRef, PickerActions } from './picker';
 export type { PickerValue, PickerColumnItem, PickerColumn, PickerValueExtend, } from '../picker-view';
-declare const _default: import("react").NamedExoticComponent<{
+declare const _default: import("react").NamedExoticComponent<Omit<{
     columns: import("../picker-view").PickerColumn[] | ((value: import("../picker-view").PickerValue[]) => import("../picker-view").PickerColumn[]);
     value?: import("../picker-view").PickerValue[] | undefined;
     defaultValue?: import("../picker-view").PickerValue[] | undefined;
@@ -26,7 +26,9 @@ declare const _default: import("react").NamedExoticComponent<{
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
-} & import("react").AriaAttributes & import("react").RefAttributes<import("./picker").PickerActions>> & {
+} & import("react").AriaAttributes & import("react").RefAttributes<import("./picker").PickerActions>, "ref"> & {
+    ref?: ((instance: import("./picker").PickerActions | null) => void) | import("react").RefObject<import("./picker").PickerActions> | null | undefined;
+}> & {
     readonly type: import("react").ForwardRefExoticComponent<{
         columns: import("../picker-view").PickerColumn[] | ((value: import("../picker-view").PickerValue[]) => import("../picker-view").PickerColumn[]);
         value?: import("../picker-view").PickerValue[] | undefined;

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

@@ -1,5 +1,5 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
 import React from 'react';
-import type { ReactNode, ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
 declare const eventToPropRecord: {
@@ -59,10 +59,10 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     /**
      * renderProps is only work when `total` used
      */
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | ((index: number) => ReactElement) | undefined;
+    children?: ReactElement<any, string | React.JSXElementConstructor<any>> | ReactElement<any, string | React.JSXElementConstructor<any>>[] | ((index: number) => ReactElement) | undefined;
 } & {
     className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
+    style?: (CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
 export {};

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

@@ -4,23 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Swiper = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _nativeProps = require("../../utils/native-props");
-var _withDefaultProps = require("../../utils/with-default-props");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _swiperItem = require("./swiper-item");
-var _devLog = require("../../utils/dev-log");
 var _web = require("@react-spring/web");
-var _react2 = require("@use-gesture/react");
-var _pageIndicator = _interopRequireDefault(require("../page-indicator"));
+var _react = require("@use-gesture/react");
+var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _react2 = _interopRequireWildcard(require("react"));
 var _stagedComponents = require("staged-components");
-var _useRefState = require("../../utils/use-ref-state");
 var _bound = require("../../utils/bound");
-var _ahooks = require("ahooks");
+var _devLog = require("../../utils/dev-log");
+var _nativeProps = require("../../utils/native-props");
+var _useRefState = require("../../utils/use-ref-state");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _withFuncProps = require("../../utils/with-func-props");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _pageIndicator = _interopRequireDefault(require("../page-indicator"));
+var _swiperItem = require("./swiper-item");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-swiper`;
 const eventToPropRecord = {
   'mousedown': 'onMouseDown',
@@ -41,7 +42,7 @@ const defaultProps = {
   stopPropagation: []
 };
 let currentUid;
-const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
+const Swiper = (0, _react2.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     direction,
@@ -49,8 +50,8 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     children,
     indicator
   } = props;
-  const [uid] = (0, _react.useState)({});
-  const timeoutRef = (0, _react.useRef)(null);
+  const [uid] = (0, _react2.useState)({});
+  const timeoutRef = (0, _react2.useRef)(null);
   const isVertical = direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -58,21 +59,22 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     validChildren,
     count,
     renderChildren
-  } = (0, _react.useMemo)(() => {
+  } = (0, _react2.useMemo)(() => {
     let count = 0;
     let renderChildren = undefined;
     let validChildren = undefined;
     if (typeof children === 'function') {
       renderChildren = children;
     } else {
-      validChildren = _react.default.Children.map(children, child => {
-        if (!_react.default.isValidElement(child)) return null;
+      const childrenArray = (0, _toArray.default)(children);
+      validChildren = childrenArray.filter(child => {
+        if (!_react2.default.isValidElement(child)) return null;
         if (child.type !== _swiperItem.SwiperItem) {
           (0, _devLog.devWarning)('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
-          return null;
+          return false;
         }
         count++;
-        return child;
+        return true;
       });
     }
     return {
@@ -91,7 +93,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     if (slideRatio * (mergedTotal - 1) < 1) {
       loop = false;
     }
-    const trackRef = (0, _react.useRef)(null);
+    const trackRef = (0, _react2.useRef)(null);
     function getSlidePixels() {
       const track = trackRef.current;
       if (!track) return 0;
@@ -130,13 +132,13 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         });
       }
     }), [mergedTotal]);
-    const dragCancelRef = (0, _react.useRef)(null);
+    const dragCancelRef = (0, _react2.useRef)(null);
     function forceCancelDrag() {
       var _a;
       (_a = dragCancelRef.current) === null || _a === void 0 ? void 0 : _a.call(dragCancelRef);
       draggingRef.current = false;
     }
-    const bind = (0, _react2.useDrag)(state => {
+    const bind = (0, _react.useDrag)(state => {
       dragCancelRef.current = state.cancel;
       if (!state.intentional) return;
       if (state.first && !currentUid) {
@@ -211,7 +213,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     function swipePrev() {
       swipeTo(Math.round(position.get() / 100) - 1);
     }
-    (0, _react.useImperativeHandle)(ref, () => ({
+    (0, _react2.useImperativeHandle)(ref, () => ({
       swipeTo,
       swipeNext,
       swipePrev
@@ -236,7 +238,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         runTimeSwiper();
       }, autoplayInterval);
     };
-    (0, _react.useEffect)(() => {
+    (0, _react2.useEffect)(() => {
       if (!autoplay || dragging) return;
       runTimeSwiper();
       return () => {
@@ -245,7 +247,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     }, [autoplay, autoplayInterval, dragging, mergedTotal]);
     // ============================== Render ==============================
     // Render Item
-    function renderItem(index, child) {
+    function renderItem(index, child, key) {
       let itemStyle = {};
       if (loop) {
         itemStyle = {
@@ -259,15 +261,15 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
           [isVertical ? 'top' : 'left']: `-${index * 100}%`
         };
       }
-      return _react.default.createElement(_web.animated.div, {
+      return _react2.default.createElement(_web.animated.div, {
         className: (0, _classnames.default)(`${classPrefix}-slide`, {
           [`${classPrefix}-slide-active`]: current === index
         }),
         style: itemStyle,
-        key: index
+        key: key !== null && key !== void 0 ? key : index
       }, child);
     }
-    function renderItems() {
+    const renderStableItems = () => {
       if (renderChildren && total) {
         const offsetCount = 2;
         const startIndex = Math.max(current - offsetCount, 0);
@@ -276,25 +278,32 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         for (let index = startIndex; index <= endIndex; index += 1) {
           items.push(renderItem(index, renderChildren(index)));
         }
-        return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+        return _react2.default.createElement(_react2.default.Fragment, null, _react2.default.createElement("div", {
           className: `${classPrefix}-slide-placeholder`,
           style: {
             [isVertical ? 'height' : 'width']: `${startIndex * 100}%`
           }
         }), items);
       }
-      return _react.default.Children.map(validChildren, (child, index) => {
-        return renderItem(index, child);
-      });
+      if (validChildren) {
+        return validChildren.map((child, index) => {
+          var _a;
+          return renderItem(index, child, (_a = child === null || child === void 0 ? void 0 : child.key) !== null && _a !== void 0 ? _a : index);
+        });
+      }
+      return null;
+    };
+    function renderItems() {
+      return renderStableItems();
     }
     // Render Track Inner
     function renderTrackInner() {
       if (loop) {
-        return _react.default.createElement("div", {
+        return _react2.default.createElement("div", {
           className: `${classPrefix}-track-inner`
         }, renderItems());
       } else {
-        return _react.default.createElement(_web.animated.div, {
+        return _react2.default.createElement(_web.animated.div, {
           className: `${classPrefix}-track-inner`,
           style: {
             [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
@@ -320,18 +329,18 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     if (typeof indicator === 'function') {
       indicatorNode = indicator(mergedTotal, current);
     } else if (indicator !== false) {
-      indicatorNode = _react.default.createElement("div", {
+      indicatorNode = _react2.default.createElement("div", {
         className: `${classPrefix}-indicator`
-      }, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
+      }, _react2.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
         total: mergedTotal,
         current: current,
         direction: direction
       })));
     }
-    return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    return (0, _nativeProps.withNativeProps)(props, _react2.default.createElement("div", {
       className: (0, _classnames.default)(classPrefix, `${classPrefix}-${direction}`),
       style: style
-    }, _react.default.createElement("div", Object.assign({
+    }, _react2.default.createElement("div", Object.assign({
       ref: trackRef,
       className: (0, _classnames.default)(`${classPrefix}-track`, {
         [`${classPrefix}-track-allow-touch-move`]: props.allowTouchMove

package/2x/cjs/components/text-area/text-area.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'onKeyDown'> & {
     onChange?: (val: string) => void;