antd-mobile 5.32.4 → 5.33.1

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

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import React from 'react';
+import type { ReactNode, ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
@@ -14,7 +15,7 @@ export declare type PopoverProps = {
     trigger?: 'click';
     placement?: Placement | DeprecatedPlacement;
     stopPropagation?: PropagationEvent[];
-    content: React.ReactNode;
+    content: ReactNode;
 } & NativeProps<'--z-index' | '--arrow-size'>;
 export declare type PopoverRef = {
     show: () => void;
@@ -32,7 +33,7 @@ export declare const Popover: React.ForwardRefExoticComponent<{
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
-    content: React.ReactNode;
+    content: ReactNode;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--z-index" | "--arrow-size", string>>) | undefined;

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

@@ -27,13 +27,11 @@ const defaultProps = {
   placement: 'top',
   defaultVisible: false,
   stopPropagation: ['click'],
-  getContainer: () => document.body
+  getContainer: () => document.body,
+  mode: 'light'
 };
 const Popover = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const {
-    mode = 'light'
-  } = props;
   const placement = (0, _normalizePlacement.normalizePlacement)(props.placement);
   const [visible, setVisible] = (0, _usePropsValue.usePropsValue)({
     value: props.visible,
@@ -49,7 +47,9 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
   const floatingRef = (0, _react.useRef)(null);
   const arrowRef = (0, _react.useRef)(null);
   const floating = (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${mode}`, !visible && `${classPrefix}-hidden`),
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.mode}`, {
+      [`${classPrefix}-hidden`]: !visible
+    }),
     ref: floatingRef
   }, _react.default.createElement("div", {
     className: `${classPrefix}-arrow`,

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

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

package/2x/cjs/components/popup/popup-base-props.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CSSProperties } from 'react';
 import { GetContainer } from '../../utils/render-to-container';
 import { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
@@ -6,7 +7,7 @@ export declare type PopupBaseProps = {
     afterClose?: () => void;
     afterShow?: () => void;
     bodyClassName?: string;
-    bodyStyle?: React.CSSProperties;
+    bodyStyle?: CSSProperties;
     closeOnMaskClick?: boolean;
     destroyOnClose?: boolean;
     disableBodyScroll?: boolean;

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

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PopupBaseProps } from './popup-base-props';
 export declare type PopupProps = PopupBaseProps & PropsWithChildren<{

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

@@ -102,6 +102,7 @@ const Popup = p => {
   }), _react.default.createElement(_web.animated.div, {
     className: bodyCls,
     style: Object.assign(Object.assign({}, props.bodyStyle), {
+      pointerEvents: percent.to(v => v === 0 ? 'unset' : 'none'),
       transform: percent.to(v => {
         if (props.position === 'bottom') {
           return `translate(0, ${v}%)`;

package/2x/cjs/components/progress-bar/progress-bar.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ProgressBarProps = {
     percent?: number;

package/2x/cjs/components/progress-circle/progress-circle.d.ts

@@ -1,7 +1,7 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ProgressCircleProps = {
     percent?: number;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--size' | '--track-width' | '--track-color' | '--fill-color'>;
 export declare const ProgressCircle: FC<ProgressCircleProps>;

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

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

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = exports.PullToRefresh = void 0;
 var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
 var _withDefaultProps = require("../../utils/with-default-props");
 var _web = require("@react-spring/web");
-var _react = require("@use-gesture/react");
+var _react2 = require("@use-gesture/react");
 var _getScrollParent = require("../../utils/get-scroll-parent");
-var _react2 = _interopRequireWildcard(require("react"));
 var _supportsPassive = require("../../utils/supports-passive");
 var _convertPx = require("../../utils/convert-px");
 var _rubberband = require("../../utils/rubberband");
@@ -41,7 +41,7 @@ const PullToRefresh = p => {
   }, p);
   const headHeight = (_a = props.headHeight) !== null && _a !== void 0 ? _a : (0, _convertPx.convertPx)(40);
   const threshold = (_b = props.threshold) !== null && _b !== void 0 ? _b : (0, _convertPx.convertPx)(60);
-  const [status, setStatus] = (0, _react2.useState)('pulling');
+  const [status, setStatus] = (0, _react.useState)('pulling');
   const [springStyles, api] = (0, _web.useSpring)(() => ({
     from: {
       height: 0
@@ -53,10 +53,10 @@ const PullToRefresh = p => {
       clamp: true
     }
   }));
-  const elementRef = (0, _react2.useRef)(null);
-  const pullingRef = (0, _react2.useRef)(false);
+  const elementRef = (0, _react.useRef)(null);
+  const pullingRef = (0, _react.useRef)(false);
   //防止下拉时抖动
-  (0, _react2.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     var _a;
     (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchmove', () => {});
   }, []);
@@ -92,7 +92,7 @@ const PullToRefresh = p => {
       reset();
     });
   }
-  (0, _react.useDrag)(state => {
+  (0, _react2.useDrag)(state => {
     if (status === 'refreshing' || status === 'complete') return;
     const {
       event
@@ -161,18 +161,18 @@ const PullToRefresh = p => {
     if (status === 'refreshing') return props.refreshingText;
     if (status === 'complete') return props.completeText;
   };
-  return _react2.default.createElement(_web.animated.div, {
+  return _react.default.createElement(_web.animated.div, {
     ref: elementRef,
     className: classPrefix
-  }, _react2.default.createElement(_web.animated.div, {
+  }, _react.default.createElement(_web.animated.div, {
     style: springStyles,
     className: `${classPrefix}-head`
-  }, _react2.default.createElement("div", {
+  }, _react.default.createElement("div", {
     className: `${classPrefix}-head-content`,
     style: {
       height: headHeight
     }
-  }, renderStatusText())), _react2.default.createElement("div", {
+  }, renderStatusText())), _react.default.createElement("div", {
     className: `${classPrefix}-content`
   }, props.children));
 };

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

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

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

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RadioValue = string | number;
 export declare type RadioProps = {
@@ -9,8 +10,8 @@ export declare type RadioProps = {
     value?: RadioValue;
     block?: boolean;
     id?: string;
-    icon?: (checked: boolean) => React.ReactNode;
-    children?: React.ReactNode;
+    icon?: (checked: boolean) => ReactNode;
+    children?: ReactNode;
     onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

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

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RateProps = {
     allowClear?: boolean;
     allowHalf?: boolean;
-    character?: React.ReactNode;
+    character?: ReactNode;
     count?: number;
     defaultValue?: number;
     readOnly?: boolean;

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ResultProps = {
     status?: 'success' | 'error' | 'info' | 'waiting' | 'warning';

package/2x/cjs/components/result-page/result-page-card.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ResultPageCardProps = {
     children?: ReactNode;

package/2x/cjs/components/result-page/result-page.d.ts

@@ -1,4 +1,5 @@
-import React, { FC, ReactNode } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 interface ResultPageDetail {
     label: ReactNode;
@@ -12,7 +13,7 @@ export declare type ResultPageProps = {
     title: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
-    details?: ResultPageDetails;
+    details?: ResultPageDetails | null;
     children?: ReactNode;
     primaryButtonText?: ReactNode;
     secondaryButtonText?: ReactNode;

package/2x/cjs/components/result-page/result-page.js

@@ -53,7 +53,7 @@ const ResultPage = p => {
     className: `${classPrefix}-title`
   }, title), (0, _isNodeWithContent.isNodeWithContent)(description) ? _react.default.createElement("div", {
     className: `${classPrefix}-description`
-  }, description) : null, details.length ? _react.default.createElement("div", {
+  }, description) : null, (details === null || details === void 0 ? void 0 : details.length) ? _react.default.createElement("div", {
     className: `${classPrefix}-details`
   }, (collapse ? details.slice(0, 3) : details).map((detail, index) => {
     return _react.default.createElement("div", {
@@ -70,7 +70,7 @@ const ResultPage = p => {
     className: `${classPrefix}-bg`
   }))), _react.default.createElement("div", {
     className: `${classPrefix}-content`
-  }, props.children), _react.default.createElement("div", {
+  }, props.children), (showPrimaryButton || showSecondaryButton) && _react.default.createElement("div", {
     className: `${classPrefix}-footer`
   }, showSecondaryButton && _react.default.createElement(_button.default, {
     block: true,

package/2x/cjs/components/scroll-mask/scroll-mask.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import type { FC, RefObject } from 'react';
 export declare type ScrollMaskProps = {
     scrollTrackRef: RefObject<HTMLElement>;
 };

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { InputRef, InputProps } from '../input';
 import { NativeProps } from '../../utils/native-props';
 export declare type SearchBarRef = InputRef;

package/2x/cjs/components/selector/check-mark.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CheckMark: React.MemoExoticComponent<() => JSX.Element>;
+export declare const CheckMark: React.MemoExoticComponent<() => React.JSX.Element>;

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

@@ -1,13 +1,15 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { GridProps } from '../grid';
+import type { FieldNamesType, BaseOptionType } from '../../hooks';
 declare type SelectorValue = string | number;
-export interface SelectorOption<V> {
-    label: ReactNode;
+export declare type SelectorOption<V> = {
+    label?: ReactNode;
     description?: ReactNode;
-    value: V;
+    value?: V;
     disabled?: boolean;
-}
+} & BaseOptionType;
 export declare type SelectorProps<V> = {
     options: SelectorOption<V>[];
     columns?: GridProps['columns'];
@@ -19,6 +21,7 @@ export declare type SelectorProps<V> = {
         items: SelectorOption<V>[];
     }) => void;
     showCheckMark?: boolean;
+    fieldNames?: FieldNamesType;
 } & NativeProps<'--color' | '--checked-color' | '--text-color' | '--checked-text-color' | '--border' | '--checked-border' | '--border-radius' | '--padding' | '--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Selector: <V extends SelectorValue>(p: SelectorProps<V>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

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

@@ -13,6 +13,7 @@ var _grid = _interopRequireDefault(require("../grid"));
 var _usePropsValue = require("../../utils/use-props-value");
 var _checkMark = require("./check-mark");
 var _configProvider = require("../config-provider");
+var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-selector`;
 const defaultProps = {
@@ -22,6 +23,7 @@ const defaultProps = {
 };
 const Selector = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [labelName, valueName,, disabledName] = (0, _hooks.useFieldNames)(props.fieldNames);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -29,7 +31,7 @@ const Selector = p => {
       var _a;
       const extend = {
         get items() {
-          return props.options.filter(option => val.includes(option.value));
+          return props.options.filter(option => val.includes(option[valueName]));
         }
       };
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
@@ -39,31 +41,31 @@ const Selector = p => {
     locale
   } = (0, _configProvider.useConfig)();
   const items = props.options.map(option => {
-    const active = (value || []).includes(option.value);
-    const disabled = option.disabled || props.disabled;
+    const active = (value || []).includes(option[valueName]);
+    const disabled = option[disabledName] || props.disabled;
     const itemCls = (0, _classnames.default)(`${classPrefix}-item`, {
       [`${classPrefix}-item-active`]: active && !props.multiple,
       [`${classPrefix}-item-multiple-active`]: active && props.multiple,
       [`${classPrefix}-item-disabled`]: disabled
     });
     return _react.default.createElement("div", {
-      key: option.value,
+      key: option[valueName],
       className: itemCls,
       onClick: () => {
         if (disabled) {
           return;
         }
         if (props.multiple) {
-          const val = active ? value.filter(v => v !== option.value) : [...value, option.value];
+          const val = active ? value.filter(v => v !== option[valueName]) : [...value, option[valueName]];
           setValue(val);
         } else {
-          const val = active ? [] : [option.value];
+          const val = active ? [] : [option[valueName]];
           setValue(val);
         }
       },
       role: 'option',
       "aria-selected": active && !props.multiple || active && props.multiple
-    }, option.label, option.description && _react.default.createElement("div", {
+    }, option[labelName], option.description && _react.default.createElement("div", {
       className: `${classPrefix}-item-description`
     }, option.description), active && props.showCheckMark && _react.default.createElement("div", {
       className: `${classPrefix}-check-mark-wrapper`
@@ -73,10 +75,10 @@ const Selector = p => {
     className: classPrefix,
     role: 'listbox',
     "aria-label": locale.Selector.name
-  }, !props.columns && _react.default.createElement(_space.default, {
-    wrap: true
-  }, items), props.columns && _react.default.createElement(_grid.default, {
+  }, props.columns ? _react.default.createElement(_grid.default, {
     columns: props.columns
+  }, items) : _react.default.createElement(_space.default, {
+    wrap: true
   }, items)));
 };
 exports.Selector = Selector;

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

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

package/2x/cjs/components/slider/marks.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 export declare type SliderMarks = {
-    [key: number]: React.ReactNode;
+    [key: number]: ReactNode;
 };
 declare type MarksProps = {
     marks: SliderMarks;

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { SliderMarks } from './marks';
 export declare type SliderValue = number | [number, number];

package/2x/cjs/components/slider/thumb-icon.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare const ThumbIcon: FC<NativeProps>;

package/2x/cjs/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, RefObject, ReactNode } from 'react';
+import type { FC, RefObject, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type ThumbProps = {
     value: number;
@@ -7,7 +7,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
-    icon?: React.ReactNode;
+    icon?: ReactNode;
     popover: boolean | ((value: number) => ReactNode);
     residentPopover: boolean;
 } & NativeProps;

package/2x/cjs/components/slider/ticks.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 declare type TicksProps = {
     points: number[];
     max: number;

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

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SpaceProps = {
     direction?: 'horizontal' | 'vertical';
@@ -7,6 +8,6 @@ export declare type SpaceProps = {
     wrap?: boolean;
     block?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
 export declare const Space: FC<SpaceProps>;

package/2x/cjs/components/steps/step.d.ts

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type StepProps = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
     status?: 'wait' | 'process' | 'finish' | 'error';
 } & NativeProps;
 export declare const Step: FC<StepProps>;

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

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

package/2x/cjs/components/swipe-action/swipe-action.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 declare type SideType = 'left' | 'right';

package/2x/cjs/components/swipe-action/swipe-action.js

@@ -101,7 +101,6 @@ const SwipeAction = (0, _react.forwardRef)((p, ref) => {
         right: leftWidth
       };
     },
-    // rubberband: true,
     axis: 'x',
     preventScroll: true,
     pointer: {

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

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

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

@@ -1,4 +1,5 @@
-import React, { 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: {

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

@@ -72,7 +72,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: 0 16px 0 calc(var(--height) - var(--border-width) + 8px);
+  margin: 0 16px 0 calc(var(--height) - var(--border-width) + 10px);
   height: 100%;
   color: var(--adm-color-weak);
   transition: margin 200ms;
@@ -92,7 +92,7 @@
 }
 
 .adm-switch.adm-switch-checked .adm-switch-inner {
-  margin: 0 calc(var(--height) - var(--border-width) + 10px) 0 20px;
+  margin: 0 calc(var(--height) - var(--border-width) + 10px) 0 16px;
   color: var(--adm-color-text-light-solid);
 }
 

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SwitchProps = {
     loading?: boolean;

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

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

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

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