antd-mobile 5.10.2 → 5.11.0

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -17,6 +17,8 @@ var _nativeProps = require("../../utils/native-props");
 
 var _getScrollParent = require("../../utils/get-scroll-parent");
 
+var _configProvider = require("../config-provider");
+
 var _dotLoading = _interopRequireDefault(require("../dot-loading"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,7 +36,10 @@ const classPrefix = `adm-infinite-scroll`;
 const InfiniteScrollContent = ({
   hasMore
 }) => {
-  return _react.default.createElement(_react.default.Fragment, null, hasMore ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", null, "\u52A0\u8F7D\u4E2D"), _react.default.createElement(_dotLoading.default, null)) : _react.default.createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  return _react.default.createElement(_react.default.Fragment, null, hasMore ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", null, locale.common.loading), _react.default.createElement(_dotLoading.default, null)) : _react.default.createElement("span", null, locale.InfiniteScroll.noMore));
 };
 
 const InfiniteScroll = p => {

package/cjs/components/input/input.css

@@ -58,6 +58,9 @@
 .adm-input-element::-webkit-search-decoration {
   display: none;
 }
+.adm-input-element:disabled {
+  opacity: 1;
+}
 .adm-input-element[type='date'],
 .adm-input-element[type='time'],
 .adm-input-element[type='datetime-local'] {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -9,6 +9,7 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     disabled?: boolean;
     readOnly?: boolean;
     clearable?: boolean;
+    onlyShowClearWhenFocus?: boolean;
     onClear?: () => void;
     id?: string;
     onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
@@ -22,7 +23,7 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "autoFocus" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "onClick" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "autoFocus" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -30,6 +31,7 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProp
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
     clearable?: boolean | undefined;
+    onlyShowClearWhenFocus?: boolean | undefined;
     onClear?: (() => void) | undefined;
     id?: string | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;

package/cjs/components/input/input.js

@@ -29,7 +29,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classPrefix = `adm-input`;
 const defaultProps = {
-  defaultValue: ''
+  defaultValue: '',
+  onlyShowClearWhenFocus: true
 };
 const Input = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
@@ -91,6 +92,16 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     }
   }
 
+  const shouldShowClear = (() => {
+    if (!props.clearable || !value || props.readOnly) return false;
+
+    if (props.onlyShowClearWhenFocus) {
+      return hasFocus;
+    } else {
+      return true;
+    }
+  })();
+
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
   }, _react.default.createElement("input", {
@@ -131,8 +142,9 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     onKeyDown: handleKeydown,
     onKeyUp: props.onKeyUp,
     onCompositionStart: props.onCompositionStart,
-    onCompositionEnd: props.onCompositionEnd
-  }), props.clearable && !!value && !props.readOnly && hasFocus && _react.default.createElement("div", {
+    onCompositionEnd: props.onCompositionEnd,
+    onClick: props.onClick
+  }), shouldShowClear && _react.default.createElement("div", {
     className: `${classPrefix}-clear`,
     onMouseDown: e => {
       e.preventDefault();

package/cjs/components/jumbo-tabs/jumbo-tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type JumboTabProps = {
     title: ReactNode;
@@ -6,11 +6,13 @@ export declare type JumboTabProps = {
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const JumboTab: FC<JumboTabProps>;
 export declare type JumboTabsProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const JumboTabs: FC<JumboTabsProps>;

package/cjs/components/list/list.css

@@ -41,6 +41,7 @@
   display: block;
   padding-left: var(--padding-left);
   position: relative;
+  background-color: #ffffff;
 }
 .adm-list-item-title,
 .adm-list-item-description {

package/cjs/components/list/list.d.ts

@@ -3,5 +3,6 @@ import { NativeProps } from '../../utils/native-props';
 export declare type ListProps = {
     header?: ReactNode;
     mode?: 'default' | 'card';
+    children?: ReactNode;
 } & NativeProps<'--header-font-size' | '--prefix-width' | '--prefix-padding-right' | '--align-items' | '--active-background-color' | '--border-inner' | '--border-top' | '--border-bottom' | '--padding-left' | '--padding-right' | '--font-size'>;
 export declare const List: FC<ListProps>;

package/cjs/components/mask/mask.d.ts

@@ -14,5 +14,6 @@ export declare type MaskProps = {
     afterShow?: () => void;
     afterClose?: () => void;
     stopPropagation?: PropagationEvent[];
+    children?: React.ReactNode;
 } & NativeProps<'--z-index'>;
 export declare const Mask: React.FC<MaskProps>;

package/cjs/components/modal/modal-action-button.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ModalActionButton = void 0;
 
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -17,34 +15,13 @@ var _nativeProps = require("../../utils/native-props");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 ModalActionButton = props => {
   const {
     action
   } = props;
-  const [loading, setLoading] = (0, _react.useState)(false);
-
-  function handleClick() {
-    return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
-      setLoading(true);
-
-      try {
-        const promise = props.onAction();
-        yield promise;
-        setLoading(false);
-      } catch (e) {
-        setLoading(false);
-        throw e;
-      }
-    });
-  }
-
   return (0, _nativeProps.withNativeProps)(props.action, _react.default.createElement(_button.default, {
     key: action.key,
-    onClick: handleClick,
+    onClick: props.onAction,
     className: (0, _classnames.default)('adm-modal-button', {
       'adm-modal-button-primary': props.action.primary
     }),
@@ -52,7 +29,7 @@ const ModalActionButton = props => {
     size: props.action.primary ? 'large' : 'middle',
     block: true,
     color: action.danger ? 'danger' : 'primary',
-    loading: loading,
+    loading: 'auto',
     disabled: action.disabled
   }, action.text));
 };

package/cjs/components/nav-bar/nav-bar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type NavBarProps = {
     back?: string | null;
@@ -6,5 +6,6 @@ export declare type NavBarProps = {
     left?: ReactNode;
     right?: ReactNode;
     onBack?: () => void;
+    children?: React.ReactNode;
 } & NativeProps<'--height' | '--border-bottom'>;
 export declare const NavBar: FC<NavBarProps>;

package/cjs/components/picker/picker.d.ts

@@ -17,5 +17,6 @@ export declare type PickerProps = {
     cancelText?: ReactNode;
     children?: (items: (PickerColumnItem | null)[]) => ReactNode;
     renderLabel?: (item: PickerColumnItem) => ReactNode;
+    mouseWheel?: boolean;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation'> & NativeProps<'--header-button-font-size' | '--title-font-size' | '--item-font-size' | '--item-height'>;
 export declare const Picker: React.NamedExoticComponent<PickerProps>;

package/cjs/components/picker/picker.js

@@ -106,6 +106,7 @@ const Picker = (0, _react.memo)(p => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange: onChange
   }))));
 

package/cjs/components/picker-view/picker-view.d.ts

@@ -16,6 +16,7 @@ export declare type PickerViewProps = {
     columns: PickerColumn[] | ((value: PickerValue[]) => PickerColumn[]);
     value?: PickerValue[];
     defaultValue?: PickerValue[];
+    mouseWheel?: boolean;
     onChange?: (value: PickerValue[], extend: PickerValueExtend) => void;
 } & Pick<PickerProps, 'renderLabel'> & NativeProps<'--height' | '--item-height' | '--item-font-size'>;
 export declare const PickerView: React.NamedExoticComponent<PickerViewProps>;

package/cjs/components/picker-view/picker-view.js

@@ -26,7 +26,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const classPrefix = `adm-picker-view`;
 const defaultProps = {
   defaultValue: [],
-  renderLabel: _pickerUtils.defaultRenderLabel
+  renderLabel: _pickerUtils.defaultRenderLabel,
+  mouseWheel: false
 };
 const PickerView = (0, _react.memo)(p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
@@ -76,7 +77,8 @@ const PickerView = (0, _react.memo)(p => {
     column: column,
     value: innerValue[index],
     onSelect: handleSelect,
-    renderLabel: props.renderLabel
+    renderLabel: props.renderLabel,
+    mouseWheel: props.mouseWheel
   })), _react.default.createElement("div", {
     className: `${classPrefix}-mask`
   }, _react.default.createElement("div", {

package/cjs/components/picker-view/wheel.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     value: PickerValue;
     onSelect: (value: PickerValue, index: number) => void;
     renderLabel: (item: PickerColumnItem) => ReactNode;
+    mouseWheel: boolean;
 };
 export declare const Wheel: React.NamedExoticComponent<Props>;
 export {};

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

@@ -21,6 +21,8 @@ var _ahooks = require("ahooks");
 
 var _measureCssLength = require("../../utils/measure-css-length");
 
+var _supportsPassive = require("../../utils/supports-passive");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -92,7 +94,7 @@ const Wheel = (0, _react.memo)(props => {
     onSelect(item.value);
   }
 
-  const bind = (0, _react2.useDrag)(state => {
+  const handleDrag = state => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
@@ -108,13 +110,31 @@ const Wheel = (0, _react.memo)(props => {
         y: (0, _rubberband.rubberbandIfOutOfBounds)(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
+  };
+
+  (0, _react2.useDrag)(state => {
+    state.event.stopPropagation();
+    handleDrag(state);
   }, {
     axis: 'y',
     from: () => [0, y.get()],
     filterTaps: true,
     pointer: {
       touch: true
-    }
+    },
+    target: rootRef
+  });
+  (0, _react2.useWheel)(state => {
+    state.event.stopPropagation();
+    handleDrag(state);
+  }, {
+    axis: 'y',
+    from: () => [0, y.get()],
+    preventDefault: true,
+    target: props.mouseWheel ? rootRef : undefined,
+    eventOptions: _supportsPassive.supportsPassive ? {
+      passive: false
+    } : false
   });
   let selectedIndex = null;
 
@@ -151,10 +171,10 @@ const Wheel = (0, _react.memo)(props => {
     }, "-")));
   }
 
-  return _react.default.createElement("div", Object.assign({
+  return _react.default.createElement("div", {
     ref: rootRef,
     className: `${classPrefix}-column`
-  }, bind()), _react.default.createElement(_web.animated.div, {
+  }, _react.default.createElement(_web.animated.div, {
     style: {
       translateY: y
     },

package/cjs/components/popover/wrapper.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare class Wrapper extends React.Component<{}, {}> {
+export declare class Wrapper extends React.Component<{
+    children?: React.ReactNode;
+}, {}> {
     element: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;

package/cjs/components/popup/popup.d.ts

@@ -18,5 +18,6 @@ export declare type PopupProps = {
     maskStyle?: React.CSSProperties;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     stopPropagation?: PropagationEvent[];
+    children?: React.ReactNode;
 } & NativeProps<'--z-index'>;
 export declare const Popup: FC<PopupProps>;

package/cjs/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 export declare type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 export declare type PullToRefreshProps = {
     onRefresh?: () => Promise<any>;
@@ -11,6 +11,7 @@ export declare type PullToRefreshProps = {
     threshold?: number;
     disabled?: boolean;
     renderText?: (status: PullStatus) => ReactNode;
+    children?: React.ReactNode;
 };
 export declare const defaultProps: {
     pullingText: string;

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -35,7 +35,7 @@ const classPrefix = `adm-pull-to-refresh`;
 const defaultProps = {
   pullingText: '下拉刷新',
   canReleaseText: '释放立即刷新',
-  refreshingText: '加载中……',
+  refreshingText: '加载中...',
   completeText: '刷新成功',
   completeDelay: 500,
   disabled: false,
@@ -50,7 +50,7 @@ const PullToRefresh = p => {
     locale
   } = (0, _configProvider.useConfig)();
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, {
-    refreshingText: locale.common.loading,
+    refreshingText: `${locale.common.loading}...`,
     pullingText: locale.PullToRefresh.pulling,
     canReleaseText: locale.PullToRefresh.canRelease,
     completeText: locale.PullToRefresh.complete

package/cjs/components/radio/group.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { RadioValue } from '.';
 export interface RadioGroupProps {
     value?: RadioValue | null;
     onChange?: (val: RadioValue) => void;
     defaultValue?: RadioValue | null;
     disabled?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Group: FC<RadioGroupProps>;

package/cjs/components/radio/radio.d.ts

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

package/cjs/components/search-bar/search-bar.d.ts

@@ -8,6 +8,7 @@ export declare type SearchBarProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'on
     maxLength?: number;
     placeholder?: string;
     clearable?: boolean;
+    onlyShowClearWhenFocus?: boolean;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean);
     cancelText?: string;
     icon?: ReactNode;
@@ -22,6 +23,7 @@ export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps,
     maxLength?: number | undefined;
     placeholder?: string | undefined;
     clearable?: boolean | undefined;
+    onlyShowClearWhenFocus?: boolean | undefined;
     showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
     cancelText?: string | undefined;
     icon?: ReactNode;

package/cjs/components/search-bar/search-bar.js

@@ -32,6 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const classPrefix = `adm-search-bar`;
 const defaultProps = {
   clearable: true,
+  onlyShowClearWhenFocus: false,
   showCancelButton: false,
   defaultValue: '',
   clearOnCancel: true,
@@ -123,6 +124,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
     maxLength: props.maxLength,
     placeholder: props.placeholder,
     clearable: props.clearable,
+    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
     onFocus: e => {
       var _a;
 

package/cjs/components/side-bar/side-bar.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {
     title?: ReactNode;
@@ -10,5 +11,6 @@ export declare type SideBarProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--width' | '--height' | '--item-border-radius' | '--background-color'>;
 export declare const SideBar: FC<SideBarProps>;

package/cjs/components/space/space.d.ts

@@ -7,5 +7,6 @@ export declare type SpaceProps = {
     wrap?: boolean;
     block?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Space: FC<SpaceProps>;

package/cjs/components/steps/steps.d.ts

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Direction = 'horizontal' | 'vertical';
 export declare type StepsProps = {
     current?: number;
     direction?: Direction;
+    children?: React.ReactNode;
 } & NativeProps<'--title-font-size' | '--description-font-size' | '--indicator-margin-right' | '--icon-size'>;
 export declare const Steps: FC<StepsProps>;
 export {};

package/cjs/components/swiper/index.d.ts

@@ -1,24 +1,10 @@
 /// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
-} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
+declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        children?: import("react").ReactNode;
     } & import("../../utils/native-props").NativeProps<never>>;
 };
 export default _default;

package/cjs/components/swiper/swiper-item.d.ts

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type Props = {
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const SwiperItem: FC<Props>;
 export {};

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

@@ -22,19 +22,4 @@ export declare type SwiperProps = {
     rubberband?: boolean;
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
-} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;
+export declare const Swiper: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/cjs/components/tab-bar/tab-bar.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {
@@ -12,5 +13,6 @@ export declare type TabBarProps = {
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
     safeArea?: boolean;
+    children?: React.ReactNode;
 } & NativeProps;
 export declare const TabBar: FC<TabBarProps>;

package/cjs/components/tabs/tabs.d.ts

@@ -1,10 +1,11 @@
-import { FC, ReactNode } from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type TabProps = {
     title: ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    children?: ReactNode;
 } & NativeProps;
 export declare const Tab: FC<TabProps>;
 export declare type TabsProps = {
@@ -13,5 +14,6 @@ export declare type TabsProps = {
     activeLineMode?: 'auto' | 'full' | 'fixed';
     stretch?: boolean;
     onChange?: (key: string) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--fixed-active-line-width' | '--active-line-height' | '--active-line-border-radius' | '--title-font-size' | '--content-padding'>;
 export declare const Tabs: FC<TabsProps>;

package/cjs/components/tag/tag.d.ts

@@ -5,5 +5,6 @@ export declare type TagProps = {
     fill?: 'solid' | 'outline';
     round?: boolean;
     onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    children?: React.ReactNode;
 } & NativeProps<'--border-color' | '--background-color' | '--text-color' | '--border-radius'>;
 export declare const Tag: FC<TagProps>;

package/cjs/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' | 'autoFocus' | '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' | 'onClick'> & {
     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" | "autoFocus" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

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

@@ -131,7 +131,8 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,
-    onBlur: props.onBlur
+    onBlur: props.onBlur,
+    onClick: props.onClick
   }), count));
 });
 exports.TextArea = TextArea;

package/cjs/global/index.js

@@ -5,5 +5,7 @@ require("./global.css");
 var _canUseDom = require("../utils/can-use-dom");
 
 if (_canUseDom.canUseDom) {
+  // Make sure the `:active` CSS selector of `button` and `a` take effect
+  // See: https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
   document.addEventListener('touchstart', () => {}, true);
 }

package/cjs/locales/base.d.ts

@@ -87,6 +87,9 @@ export declare const base: {
     ImageUploader: {
         uploading: string;
     };
+    InfiniteScroll: {
+        noMore: string;
+    };
     Mask: {
         name: string;
     };