antd-mobile 5.32.3 → 5.33.0

package/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/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/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/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/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/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/cjs/components/result-page/result-page.css

@@ -99,6 +99,7 @@
   justify-content: center;
   background-color: var(--adm-color-box);
   z-index: 3;
+  box-sizing: border-box;
 }
 .adm-result-page-footer-btn {
   flex: 1;

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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>;

package/cjs/components/tabs/tabs.js

@@ -27,7 +27,8 @@ const Tab = () => {
 exports.Tab = Tab;
 const defaultProps = {
   activeLineMode: 'auto',
-  stretch: true
+  stretch: true,
+  direction: 'ltr'
 };
 const Tabs = p => {
   var _a;
@@ -37,6 +38,7 @@ const Tabs = p => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
+  const isRTL = props.direction === 'rtl';
   (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
     if (!(0, _react.isValidElement)(child)) return;
     const key = child.key;
@@ -121,6 +123,14 @@ const Tabs = p => {
     } else {
       x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
     }
+    if (isRTL) {
+      /**
+       * In RTL mode, x equals the container width minus the x-coordinate of the current tab minus the width of the current tab.
+       * https://github.com/Fog3211/reproduce-codesandbox/blob/f0a3396a114cc00e88a51a67d3be60a746519b30/assets/images/antd_mobile_tabs_rtl_x.jpg?raw=true
+       */
+      const w = ['auto', 'full'].includes(props.activeLineMode) ? width : activeLineWidth;
+      x = -(containerWidth - x - w);
+    }
     api.start({
       x,
       width,
@@ -128,7 +138,16 @@ const Tabs = p => {
     });
     const maxScrollDistance = containerScrollWidth - containerWidth;
     if (maxScrollDistance <= 0) return;
-    const nextScrollLeft = (0, _bound.bound)(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    let nextScrollLeft = 0;
+    if (isRTL) {
+      /**
+       * 位移距离等于：activeTab的中心坐标距离容器中心坐标的距离，然后RTL取负数
+       * containerWidth / 2 - (activeTabLeft + (activeTabWidth - activeLineWidth) / 2) - activeLineWidth / 2,
+       */
+      nextScrollLeft = -(0, _bound.bound)(containerWidth / 2 - activeTabLeft + activeTabWidth / 2 - activeLineWidth, 0, maxScrollDistance);
+    } else {
+      nextScrollLeft = (0, _bound.bound)(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, maxScrollDistance);
+    }
     scrollApi.start({
       scrollLeft: nextScrollLeft,
       from: {
@@ -159,8 +178,20 @@ const Tabs = p => {
     const container = tabListContainerRef.current;
     if (!container) return;
     const scrollLeft = container.scrollLeft;
-    const showLeftMask = scrollLeft > 0;
-    const showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+    let showLeftMask = false;
+    let showRightMask = false;
+    if (isRTL) {
+      /**
+       * RTL模式下，只要滑动过，scrollLeft就再也回不到0（chrome是0.5）
+       * 所以要加round才能终止触发条件
+       * round(443.5) + 375 < 819
+       */
+      showLeftMask = Math.round(-scrollLeft) + container.offsetWidth < container.scrollWidth;
+      showRightMask = scrollLeft < 0;
+    } else {
+      showLeftMask = scrollLeft > 0;
+      showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+    }
     maskApi.start({
       leftMaskOpacity: showLeftMask ? 1 : 0,
       rightMaskOpacity: showRightMask ? 1 : 0,
@@ -175,7 +206,10 @@ const Tabs = p => {
     updateMask(true);
   }, []);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
+    className: classPrefix,
+    style: {
+      direction: props.direction
+    }
   }, _react.default.createElement("div", {
     className: `${classPrefix}-header`
   }, _react.default.createElement(_web.animated.div, {

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

@@ -1,10 +1,11 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type TagProps = {
     color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | (string & {});
     fill?: 'solid' | 'outline';
     round?: boolean;
     onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps<'--border-color' | '--background-color' | '--text-color' | '--border-radius'>;
 export declare const Tag: FC<TagProps>;

package/cjs/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import type { MaskProps } from '../mask';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
@@ -8,11 +8,11 @@ export interface ToastProps {
     maskClassName?: string;
     maskClickable?: boolean;
     content?: ReactNode;
-    icon?: 'success' | 'fail' | 'loading' | React.ReactNode;
+    icon?: 'success' | 'fail' | 'loading' | ReactNode;
     duration?: number;
     position?: 'top' | 'bottom' | 'center';
     visible?: boolean;
     getContainer?: GetContainer;
     stopPropagation?: PropagationEvent[];
 }
-export declare const InternalToast: React.FC<ToastProps>;
+export declare const InternalToast: FC<ToastProps>;

package/cjs/components/tree-select/multiple.d.ts

@@ -1,17 +1,14 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { TreeSelectOption } from '.';
+import type { FieldNamesType } from '../../hooks';
 export declare type MultipleProps = {
     options: TreeSelectOption[];
     defaultValue?: string[];
     value?: string[];
     onChange?: (value: string[], nodes: TreeSelectOption[]) => void;
     selectAllText?: string[];
-    fieldNames?: {
-        label: string;
-        value: string;
-        children: string;
-    };
+    fieldNames?: FieldNamesType;
     expandKeys?: string[];
     defaultExpandKeys?: string[];
     onExpand?: (expandedKeys: string[], nodes: TreeSelectOption[]) => void;