antd-mobile 5.1.0 → 5.2.2

package/2x/es/components/modal/index.js

@@ -2,10 +2,12 @@ import "./modal.css";
 import { show } from './show';
 import { alert } from './alert';
 import { confirm } from './confirm';
+import { clear } from './clear';
 import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
 import { Modal } from './modal';
 export default attachPropertiesToComponent(Modal, {
   show,
   alert,
-  confirm
+  confirm,
+  clear
 });

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

@@ -19,56 +19,61 @@
   transform: translate(-50%, -50%);
 }
 
-.adm-modal-main {
+.adm-modal-body {
   width: 100%;
   max-height: 70vh;
   box-sizing: border-box;
   font-size: 28px;
   background-color: white;
   border-radius: 16px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden;
   display: flex;
   flex-direction: column;
 }
 
-.adm-modal-main > * {
+.adm-modal-body > * {
   flex: none;
 }
 
-.adm-modal-main > .adm-modal-image-container {
+.adm-modal-body > .adm-modal-content {
   flex: auto;
 }
 
-.adm-modal-main .adm-modal-body {
-  padding: 40px 24px 24px;
-  display: flex;
-  flex-direction: column;
+.adm-modal-body:not(.adm-modal-with-image) {
+  padding-top: 40px;
 }
 
-.adm-modal-main .adm-modal-body > * + * {
-  margin-top: 16px;
+.adm-modal-body .adm-modal-image-container {
+  margin-bottom: 24px;
+  max-height: 40vh;
+  overflow-y: scroll;
 }
 
-.adm-modal-main .adm-modal-body-header-wrapper {
-  display: flex;
-  justify-content: center;
+.adm-modal-body .adm-modal-header {
+  margin-bottom: 16px;
+  padding: 0 24px;
 }
 
-.adm-modal-main .adm-modal-body-title {
+.adm-modal-body .adm-modal-title {
+  margin-bottom: 16px;
+  padding: 0 24px;
   font-weight: bold;
   font-size: 36px;
   line-height: 50px;
   text-align: center;
 }
 
-.adm-modal-main .adm-modal-body-content {
+.adm-modal-body .adm-modal-content {
+  padding: 0 24px 24px;
+  max-height: 70vh;
+  overflow-x: hidden;
+  overflow-y: auto;
   font-size: 30px;
   line-height: 1.4;
   color: #333;
 }
 
-.adm-modal-main .adm-modal-close {
+.adm-modal-body .adm-modal-close {
   position: absolute;
   right: 16px;
   top: 16px;
@@ -82,6 +87,11 @@
   padding: 16px 24px 24px;
 }
 
+.adm-modal-footer-empty {
+  padding: 0;
+  height: 16px;
+}
+
 .adm-modal-footer.adm-space {
   --gap-vertical: 40px;
 }
@@ -102,8 +112,4 @@
 
 .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
   opacity: 0.7;
-}
-
-.adm-modal-image-container {
-  overflow-y: auto;
 }

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

@@ -52,49 +52,28 @@ export const Modal = p => {
     }
   });
   const [active, setActive] = useState(props.visible);
-  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
-    className: classPrefix,
-    style: {
-      display: active ? 'unset' : 'none'
-    }
-  }, React.createElement(Mask, {
-    visible: props.visible,
-    onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
-    style: props.maskStyle,
-    className: classNames(`${classPrefix}-mask`, props.maskClassName)
-  }), React.createElement("div", {
-    className: `${classPrefix}-wrap`,
-    style: {
-      pointerEvents: props.visible ? 'unset' : 'none'
-    }
-  }, React.createElement(animated.div, {
-    style: Object.assign({}, style),
-    onClick: e => e.stopPropagation(),
-    className: `${classPrefix}-main`
+  const body = React.createElement("div", {
+    className: classNames(cls('body'), props.image && cls('with-image'), props.bodyClassName),
+    style: props.bodyStyle
   }, props.showCloseButton && React.createElement("a", {
-    className: classNames(`${classPrefix}-close`, 'adm-plain-anchor'),
+    className: classNames(cls('close'), 'adm-plain-anchor'),
     onClick: props.onClose
   }, React.createElement(CloseOutline, null)), !!props.image && React.createElement("div", {
-    className: `${classPrefix}-image-container`
+    className: cls('image-container')
   }, React.createElement(Image, {
     src: props.image,
     alt: 'modal header image',
     width: '100%'
-  })), React.createElement("div", {
-    style: props.bodyStyle,
-    className: classNames(`${classPrefix}-body`, props.bodyClassName)
-  }, !!props.header && React.createElement("div", {
-    className: `${classPrefix}-body-header-wrapper`
-  }, React.createElement("div", {
-    className: `${classPrefix}-body-header`
-  }, props.header)), !!props.title && React.createElement("div", {
-    className: `${classPrefix}-body-title`
-  }, props.title), !!props.content && React.createElement("div", {
-    className: `${classPrefix}-body-content`
-  }, typeof props.content === 'string' ? React.createElement(AutoCenter, null, props.content) : props.content)), React.createElement(Space, {
+  })), !!props.header && React.createElement("div", {
+    className: cls('header')
+  }, React.createElement(AutoCenter, null, props.header)), !!props.title && React.createElement("div", {
+    className: cls('title')
+  }, props.title), React.createElement("div", {
+    className: cls('content')
+  }, typeof props.content === 'string' ? React.createElement(AutoCenter, null, props.content) : props.content), React.createElement(Space, {
     direction: 'vertical',
     block: true,
-    className: `${classPrefix}-footer`
+    className: classNames(cls('footer'), props.actions.length === 0 && cls('footer-empty'))
   }, props.actions.map((action, index) => {
     return React.createElement(ModalActionButton, {
       key: action.key,
@@ -109,6 +88,28 @@ export const Modal = p => {
         }
       })
     });
-  })))))));
+  })));
+  const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React.createElement("div", {
+    className: cls(),
+    style: {
+      display: active ? 'unset' : 'none'
+    }
+  }, React.createElement(Mask, {
+    visible: props.visible,
+    onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
+    style: props.maskStyle,
+    className: classNames(cls('mask'), props.maskClassName)
+  }), React.createElement("div", {
+    className: cls('wrap'),
+    style: {
+      pointerEvents: props.visible ? 'unset' : 'none'
+    }
+  }, React.createElement(animated.div, {
+    style: style
+  }, body)))));
   return renderToContainer(props.getContainer, node);
-};
+};
+
+function cls(name = '') {
+  return 'adm-modal' + (name && '-') + name;
+}

package/2x/es/components/modal/show.d.ts

@@ -3,6 +3,7 @@ export declare type ModalShowProps = Omit<ModalProps, 'visible'>;
 export declare type ModalShowRef = {
     close: () => void;
 };
+export declare const closeFnSet: Set<() => void>;
 export declare function show(props: ModalShowProps): {
     close: () => void;
 };

package/2x/es/components/modal/show.js

@@ -1,6 +1,7 @@
 import React, { createRef, forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { renderToBody } from '../../utils/render-to-body';
 import { Modal } from './modal';
+export const closeFnSet = new Set();
 export function show(props) {
   const Wrapper = forwardRef((_, ref) => {
     const [visible, setVisible] = useState(false);
@@ -18,26 +19,34 @@ export function show(props) {
     useImperativeHandle(ref, () => ({
       close: handleClose
     }));
+
+    function handleAfterClose() {
+      var _a;
+
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      unmount();
+      closeFnSet.delete(close);
+    }
+
     return React.createElement(Modal, Object.assign({}, props, {
       visible: visible,
       onClose: handleClose,
-      afterClose: () => {
-        var _a;
-
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
+      afterClose: handleAfterClose
     }));
   });
   const ref = createRef();
   const unmount = renderToBody(React.createElement(Wrapper, {
     ref: ref
   }));
-  return {
-    close: () => {
-      var _a;
 
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-    }
+  const close = () => {
+    var _a;
+
+    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+  };
+
+  closeFnSet.add(close);
+  return {
+    close
   };
 }

package/2x/es/components/passcode-input/passcode-input.d.ts

@@ -30,6 +30,6 @@ export declare const PasscodeInput: React.ForwardRefExoticComponent<{
     seperated?: boolean | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
-    keyboard?: React.ReactElement<NumberKeyboardProps, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
+    keyboard?: React.ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
     onFill?: ((val: string) => void) | undefined;
 } & NativeProps<"--border-radius" | "--border-color" | "--cell-size" | "--dot-size" | "--cell-gap"> & React.RefAttributes<PasscodeInputRef>>;

package/2x/es/components/picker/prompt.d.ts

@@ -1,2 +1,2 @@
-import type { PickerProps } from './index';
-export declare function prompt(props: Omit<PickerProps, 'value' | 'visible' | 'children'>): Promise<(string | null)[] | null>;
+import type { PickerProps, PickerValue } from './index';
+export declare function prompt(props: Omit<PickerProps, 'value' | 'visible' | 'children'>): Promise<PickerValue[] | null>;

package/2x/es/components/picker-view/picker-view.css

@@ -60,16 +60,6 @@
   white-space: nowrap;
 }
 
-.adm-picker-view-column-item.adm-picker-view-column-item-dummy {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  padding: 0;
-  opacity: 0;
-  user-select: none;
-  pointer-events: none;
-}
-
 .adm-picker-view-column-accessible {
   width: 100%;
   height: 100%;

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

@@ -5,7 +5,7 @@ import { rubberbandIfOutOfBounds } from '../../utils/rubberband';
 import { bound } from '../../utils/bound';
 import isEqual from 'lodash/isEqual';
 import { useIsomorphicLayoutEffect } from 'ahooks';
-import classNames from 'classnames';
+import { measureCSSLength } from '../../utils/measure-css-length';
 const classPrefix = `adm-picker-view`;
 export const Wheel = memo(props => {
   const {
@@ -29,16 +29,12 @@ export const Wheel = memo(props => {
     }
   }));
   const draggingRef = useRef(false);
-  const dummyItemRef = useRef(null);
+  const rootRef = useRef(null);
   const itemHeight = useRef(34);
   useIsomorphicLayoutEffect(() => {
-    const dummyItem = dummyItemRef.current;
-    if (!dummyItem) return;
-    const rect = dummyItem.getBoundingClientRect();
-
-    if (rect.height > 0) {
-      itemHeight.current = rect.height;
-    }
+    const root = rootRef.current;
+    if (!root) return;
+    itemHeight.current = measureCSSLength(window.getComputedStyle(root).getPropertyValue('--item-height'));
   });
   useIsomorphicLayoutEffect(() => {
     if (draggingRef.current) return;
@@ -134,12 +130,9 @@ export const Wheel = memo(props => {
   }
 
   return React.createElement("div", Object.assign({
+    ref: rootRef,
     className: `${classPrefix}-column`
-  }, bind()), React.createElement("div", {
-    ref: dummyItemRef,
-    className: classNames(`${classPrefix}-column-item`, `${classPrefix}-column-item-dummy`),
-    "aria-hidden": true
-  }), React.createElement(animated.div, {
+  }, bind()), React.createElement(animated.div, {
     style: {
       translateY: y
     },

package/2x/es/components/popover/arrow.js

@@ -4,9 +4,8 @@ export const Arrow = memo(props => {
   return withNativeProps(props, React.createElement("svg", {
     viewBox: '0 0 30 16'
   }, React.createElement("g", {
-    transform: 'translate(-1300.000000, -841.000000)',
     fill: 'currentColor'
   }, React.createElement("path", {
-    d: 'M1300,841 L1330,841 L1318.07289,855.312538 C1316.65863,857.009645 1314.13637,857.238942 1312.43926,855.824685 C1312.25341,855.669808 1312.08199,855.49839 1311.92711,855.312538 L1300,841 L1300,841 Z'
+    d: 'M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z'
   }))));
 });

package/2x/es/components/popover/index.d.ts

@@ -4,16 +4,16 @@ import './popover-menu.less';
 export type { PopoverProps, PopoverRef } from './popover';
 export type { PopoverMenuProps, Action } from './popover-menu';
 declare const _default: import("react").ForwardRefExoticComponent<{
-    getContainer?: HTMLElement | (() => HTMLElement) | null | undefined;
+    getContainer?: import("../../utils/render-to-container").GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
-    children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
     placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
     stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
 } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
-    Menu: import("react").ForwardRefExoticComponent<Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+    Menu: import("react").ForwardRefExoticComponent<Omit<import("./popover").PopoverProps, "content"> & {
         actions: import("./popover-menu").Action[];
         onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
     } & import("react").RefAttributes<import("./popover").PopoverRef>>;

package/2x/es/components/popover/popover-menu.d.ts

@@ -11,7 +11,7 @@ export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
     actions: Action[];
     onAction?: (item: Action) => void;
 };
-export declare const PopoverMenu: React.ForwardRefExoticComponent<Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+export declare const PopoverMenu: React.ForwardRefExoticComponent<Omit<PopoverProps, "content"> & {
     actions: Action[];
     onAction?: ((item: Action) => void) | undefined;
 } & React.RefAttributes<PopoverRef>>;

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

@@ -19,7 +19,7 @@ export declare type PopoverRef = {
     visible: boolean;
 };
 export declare const Popover: React.ForwardRefExoticComponent<{
-    getContainer?: HTMLElement | (() => HTMLElement) | null | undefined;
+    getContainer?: GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
     children: ReactElement;
     mode?: "dark" | "light" | undefined;

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

@@ -7,7 +7,7 @@ import Mask from '../mask';
 import { useLockScroll } from '../../utils/use-lock-scroll';
 import { renderToContainer } from '../../utils/render-to-container';
 import { useSpring, animated } from '@react-spring/web';
-import { useShouldRender } from '../../utils/use-should-render';
+import { useShouldRender } from '../../utils/should-render';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
 const classPrefix = `adm-popup`;
 const defaultProps = {

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

@@ -45,6 +45,7 @@ export const SearchBar = forwardRef((p, ref) => {
 
   const renderCancelButton = () => {
     let isShowCancel = false;
+    const showCancelButton = props.showCancelButton;
 
     if (typeof props.showCancelButton === 'function') {
       isShowCancel = props.showCancelButton(hasFocus, value);

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

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
+declare type SelectorValue = string | number;
 export interface SelectorOption<V> {
     label: ReactNode;
     description?: ReactNode;
@@ -18,4 +19,5 @@ export declare type SelectorProps<V> = {
     }) => void;
     showCheckMark?: boolean;
 } & NativeProps<'--color' | '--checked-color' | '--text-color' | '--checked-text-color' | '--border' | '--checked-border' | '--border-radius' | '--padding'>;
-export declare const Selector: <V extends string | number>(p: SelectorProps<V>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export declare const Selector: <V extends SelectorValue>(p: SelectorProps<V>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

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

@@ -1,15 +1,25 @@
 import { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { InputProps } from '../input';
-export declare type StepperProps = Pick<InputProps, 'onFocus' | 'onBlur'> & {
+declare type ValueProps = {
+    allowEmpty: true;
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+};
+declare type ValuePropsWithNull = {
+    allowEmpty?: false;
     value?: number;
     defaultValue?: number;
+    onChange?: (value: number) => void;
+};
+export declare type StepperProps = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull | ValueProps) & {
     min?: number;
     max?: number;
     step?: number;
     digits?: number;
     disabled?: boolean;
     inputReadOnly?: boolean;
-    onChange?: (value: number) => void;
 } & NativeProps<'--height' | '--input-width' | '--input-font-size' | '--input-background-color' | '--border-radius' | '--border' | '--border-inner' | '--active-border' | '--button-font-size' | '--button-background-color' | '--button-width' | '--input-font-color' | '--button-text-color'>;
 export declare const Stepper: FC<StepperProps>;
+export {};

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

@@ -11,7 +11,8 @@ const classPrefix = `adm-stepper`;
 const defaultProps = {
   defaultValue: 0,
   step: 1,
-  disabled: false
+  disabled: false,
+  allowEmpty: false
 };
 export const Stepper = p => {
   const props = mergeProps(defaultProps, p);
@@ -23,7 +24,7 @@ export const Stepper = p => {
     inputReadOnly
   } = props;
   const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => value.toString());
+  const [inputValue, setInputValue] = useState(() => convertValueToText(value));
 
   function setValueWithCheck(v) {
     if (isNaN(v)) return;
@@ -39,42 +40,58 @@ export const Stepper = p => {
   const [hasFocus, setHasFocus] = useState(false);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(value.toString());
+      setInputValue(convertValueToText(value));
     }
   }, [hasFocus]);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(value.toString());
+      setInputValue(convertValueToText(value));
     }
   }, [value]);
 
   const handleInputChange = v => {
     setInputValue(v);
-    setValueWithCheck(parseFloat(v));
+    const value = convertTextToValue(v);
+
+    if (value === null) {
+      if (props.allowEmpty) {
+        setValue(null);
+      } else {
+        setValue(props.defaultValue);
+      }
+    } else {
+      setValueWithCheck(value);
+    }
   };
 
   const handleMinus = () => {
-    setValueWithCheck(value - step);
+    setValueWithCheck((value !== null && value !== void 0 ? value : 0) - step);
   };
 
   const handlePlus = () => {
-    setValueWithCheck(value + step);
+    setValueWithCheck((value !== null && value !== void 0 ? value : 0) + step);
   };
 
   const minusDisabled = () => {
-    if (min === undefined) {
-      return disabled;
-    } else {
-      return disabled || value <= min;
+    if (disabled) return true;
+    if (value === null) return false;
+
+    if (min !== undefined) {
+      return value <= min;
     }
+
+    return false;
   };
 
   const plusDisabled = () => {
-    if (max === undefined) {
-      return disabled;
-    } else {
-      return disabled || value >= max;
+    if (disabled) return true;
+    if (value === null) return false;
+
+    if (max !== undefined) {
+      return value >= max;
     }
+
+    return false;
   };
 
   return withNativeProps(props, React.createElement("div", {
@@ -118,4 +135,14 @@ export const Stepper = p => {
     shape: 'rectangular',
     color: 'primary'
   }, React.createElement(AddOutline, null))));
-};
+};
+
+function convertValueToText(value) {
+  if (value === null) return '';
+  return value.toString();
+}
+
+function convertTextToValue(text) {
+  if (text === '') return null;
+  return parseFloat(text);
+}

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

@@ -7,15 +7,15 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     autoplay?: boolean | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "color" | "className"> | 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 | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[] | 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>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;

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

@@ -28,13 +28,13 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     autoplay?: boolean | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
+    direction?: "vertical" | "horizontal" | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<PageIndicatorProps, "style" | "color" | "className"> | 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 | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[] | 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>>;

package/2x/es/components/switch/spin-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const SpinIcon: React.NamedExoticComponent<NativeProps<never>>;

package/2x/es/components/switch/spin-icon.js

@@ -0,0 +1,23 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+export const SpinIcon = memo(props => {
+  return withNativeProps(props, React.createElement("svg", {
+    width: '28px',
+    height: '28px',
+    viewBox: '0 0 28 28'
+  }, React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("g", {
+    transform: 'translate(-137.000000, -840.000000)',
+    fill: '#1576FE'
+  }, React.createElement("g", {
+    transform: 'translate(80.000000, 823.000000)'
+  }, React.createElement("g", {
+    transform: 'translate(53.000000, 13.000000)'
+  }, React.createElement("path", {
+    d: 'M17.9996753,31.5 C10.5556724,31.5 4.5,25.4443275 4.5,18.0003247 C4.5,10.5563219 10.5556724,4.5 17.9996753,4.5 C18.5355492,4.5 18.9702974,4.93474816 18.9702974,5.47062208 C18.9702974,6.006496 18.5355492,6.44124416 17.9996753,6.44124416 C11.6261524,6.44124416 6.44124416,11.6267709 6.44124416,18.0002938 C6.44124416,24.3738167 11.6261524,29.5587249 17.9996753,29.5587249 C24.3731982,29.5587249 29.5587249,24.3738167 29.5587249,18.0002938 C29.5587249,14.7964616 28.2778291,11.8169616 25.9523687,9.61220279 C25.5637302,9.24317094 25.5473089,8.62893223 25.9157222,8.23967523 C26.2841356,7.84976878 26.8989928,7.83461537 27.2882498,8.20302872 C30.0042351,10.7787368 31.5,14.2580826 31.5,18.0002938 C31.5,25.4443275 25.4436781,31.5 17.9996753,31.5 Z'
+  })))))));
+});

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

@@ -101,7 +101,7 @@
   opacity: 0.4;
 }
 
-.adm-switch-icon {
+.adm-switch-spin-icon {
   width: 28px;
   height: 28px;
   animation: loading-rotate 1s linear infinite;