antd-mobile 5.32.4 → 5.33.1

package/2x/es/components/calendar-picker-view/calendar-picker-view.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { DateRange, Page } from './convert';
+export declare type CalendarPickerViewRef = {
+    jumpTo: (page: Page | ((page: Page) => Page)) => void;
+    jumpToToday: () => void;
+    getDateRange: () => DateRange;
+};
+export declare type CalendarPickerViewProps = {
+    title?: React.ReactNode;
+    confirmText?: string;
+    weekStartsOn?: 'Monday' | 'Sunday';
+    renderTop?: (date: Date) => React.ReactNode;
+    renderDate?: (date: Date) => React.ReactNode;
+    renderBottom?: (date: Date) => React.ReactNode;
+    allowClear?: boolean;
+    max?: Date;
+    min?: Date;
+    shouldDisableDate?: (date: Date) => boolean;
+} & ({
+    selectionMode?: undefined;
+    value?: undefined;
+    defaultValue?: undefined;
+    onChange?: undefined;
+} | {
+    selectionMode: 'single';
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (val: Date | null) => void;
+} | {
+    selectionMode: 'range';
+    value?: [Date, Date] | null;
+    defaultValue?: [Date, Date] | null;
+    onChange?: (val: [Date, Date] | null) => void;
+}) & NativeProps;
+export declare const CalendarPickerView: React.ForwardRefExoticComponent<CalendarPickerViewProps & React.RefAttributes<CalendarPickerViewRef>>;

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

@@ -0,0 +1,205 @@
+import React, { forwardRef, useState, useImperativeHandle, useMemo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import dayjs from 'dayjs';
+import classNames from 'classnames';
+import { mergeProps } from '../../utils/with-default-props';
+import { useConfig } from '../config-provider';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
+import { usePropsValue } from '../../utils/use-props-value';
+import { convertValueToRange, convertPageToDayjs } from './convert';
+dayjs.extend(isoWeek);
+dayjs.extend(isSameOrBefore);
+const classPrefix = 'adm-calendar-picker-view';
+const defaultProps = {
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: 'single'
+};
+export const CalendarPickerView = forwardRef((p, ref) => {
+  var _a;
+  const today = dayjs();
+  const props = mergeProps(defaultProps, p);
+  const {
+    locale
+  } = useConfig();
+  const markItems = [...locale.Calendar.markItems];
+  if (props.weekStartsOn === 'Sunday') {
+    const item = markItems.pop();
+    if (item) markItems.unshift(item);
+  }
+  const [dateRange, setDateRange] = usePropsValue({
+    value: props.value === undefined ? undefined : convertValueToRange(props.selectionMode, props.value),
+    defaultValue: convertValueToRange(props.selectionMode, props.defaultValue),
+    onChange: v => {
+      var _a, _b;
+      if (props.selectionMode === 'single') {
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v ? v[0] : null);
+      } else if (props.selectionMode === 'range') {
+        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
+      }
+    }
+  });
+  const [intermediate, setIntermediate] = useState(false);
+  const [current, setCurrent] = useState(() => dayjs(dateRange ? dateRange[0] : today).date(1));
+  useImperativeHandle(ref, () => ({
+    jumpTo: pageOrPageGenerator => {
+      let page;
+      if (typeof pageOrPageGenerator === 'function') {
+        page = pageOrPageGenerator({
+          year: current.year(),
+          month: current.month() + 1
+        });
+      } else {
+        page = pageOrPageGenerator;
+      }
+      setCurrent(convertPageToDayjs(page));
+    },
+    jumpToToday: () => {
+      setCurrent(dayjs().date(1));
+    },
+    getDateRange: () => dateRange
+  }));
+  const header = React.createElement("div", {
+    className: `${classPrefix}-header`
+  }, React.createElement("div", {
+    className: `${classPrefix}-title`
+  }, (_a = props.title) !== null && _a !== void 0 ? _a : locale.Calendar.title));
+  const maxDay = useMemo(() => props.max ? dayjs(props.max) : current.add(6, 'month'), [props.max, current]);
+  const minDay = useMemo(() => props.min ? dayjs(props.min) : current, [props.min, current]);
+  function renderBody() {
+    var _a;
+    const cells = [];
+    let monthIterator = minDay;
+    // 遍历月份
+    while (monthIterator.isSameOrBefore(maxDay, 'month')) {
+      const year = monthIterator.year();
+      const month = monthIterator.month();
+      const renderMap = {
+        year,
+        month: month + 1
+      };
+      cells.push(React.createElement("div", {
+        key: `${year}-${month}`
+      }, React.createElement("div", {
+        className: `${classPrefix}-title`
+      }, (_a = locale.Calendar.yearAndMonth) === null || _a === void 0 ? void 0 : _a.replace(/\${(.*?)}/g, (_, variable) => {
+        var _a;
+        return (_a = renderMap[variable]) === null || _a === void 0 ? void 0 : _a.toString();
+      })), React.createElement("div", {
+        className: `${classPrefix}-cells`
+      }, Array(props.weekStartsOn === 'Monday' ? monthIterator.date(1).isoWeekday() - 1 : monthIterator.date(1).isoWeekday()).fill(null).map((_, index) => React.createElement("div", {
+        key: index,
+        className: `${classPrefix}-cell`
+      })), Array(monthIterator.daysInMonth()).fill(null).map((_, index) => {
+        var _a;
+        const d = monthIterator.date(index + 1);
+        let isSelect = false;
+        let isBegin = false;
+        let isEnd = false;
+        let isSelectRowBegin = false;
+        let isSelectRowEnd = false;
+        if (dateRange) {
+          const [begin, end] = dateRange;
+          isBegin = d.isSame(begin, 'day');
+          isEnd = d.isSame(end, 'day');
+          isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
+          if (isSelect) {
+            isSelectRowBegin = (cells.length % 7 === 0 || d.isSame(d.startOf('month'), 'day')) && !isBegin;
+            isSelectRowEnd = (cells.length % 7 === 6 || d.isSame(d.endOf('month'), 'day')) && !isEnd;
+          }
+        }
+        const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, 'day') || minDay && d.isBefore(minDay, 'day');
+        const renderTop = () => {
+          var _a;
+          const top = (_a = props.renderTop) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate());
+          if (top) {
+            return top;
+          }
+          if (props.selectionMode === 'range') {
+            if (isBegin) {
+              return locale.Calendar.start;
+            }
+            if (isEnd) {
+              return locale.Calendar.end;
+            }
+          }
+          if (d.isSame(today, 'day') && !isSelect) {
+            return locale.Calendar.today;
+          }
+        };
+        return React.createElement("div", {
+          key: d.valueOf(),
+          className: classNames(`${classPrefix}-cell`, {
+            [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
+            [`${classPrefix}-cell-selected`]: isSelect,
+            [`${classPrefix}-cell-selected-begin`]: isBegin,
+            [`${classPrefix}-cell-selected-end`]: isEnd,
+            [`${classPrefix}-cell-selected-row-begin`]: isSelectRowBegin,
+            [`${classPrefix}-cell-selected-row-end`]: isSelectRowEnd,
+            [`${classPrefix}-cell-disabled`]: !!disabled
+          }),
+          onClick: () => {
+            if (!props.selectionMode) return;
+            if (disabled) return;
+            const date = d.toDate();
+            function shouldClear() {
+              if (!props.allowClear) return false;
+              if (!dateRange) return false;
+              const [begin, end] = dateRange;
+              return d.isSame(begin, 'date') && d.isSame(end, 'day');
+            }
+            if (props.selectionMode === 'single') {
+              if (props.allowClear && shouldClear()) {
+                setDateRange(null);
+                return;
+              }
+              setDateRange([date, date]);
+            } else if (props.selectionMode === 'range') {
+              if (!dateRange) {
+                setDateRange([date, date]);
+                setIntermediate(true);
+                return;
+              }
+              if (shouldClear()) {
+                setDateRange(null);
+                setIntermediate(false);
+                return;
+              }
+              if (intermediate) {
+                const another = dateRange[0];
+                setDateRange(another > date ? [date, another] : [another, date]);
+                setIntermediate(false);
+              } else {
+                setDateRange([date, date]);
+                setIntermediate(true);
+              }
+            }
+          }
+        }, React.createElement("div", {
+          className: `${classPrefix}-cell-top`
+        }, renderTop()), React.createElement("div", {
+          className: `${classPrefix}-cell-date`
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React.createElement("div", {
+          className: `${classPrefix}-cell-bottom`
+        }, (_a = props.renderBottom) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate())));
+      }))));
+      monthIterator = monthIterator.add(1, 'month');
+    }
+    return cells;
+  }
+  const body = React.createElement("div", {
+    className: `${classPrefix}-body`
+  }, renderBody());
+  const mark = React.createElement("div", {
+    className: `${classPrefix}-mark`
+  }, markItems.map((item, index) => React.createElement("div", {
+    key: index,
+    className: `${classPrefix}-mark-cell`
+  }, item)));
+  return withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, header, mark, body));
+});

package/2x/es/components/calendar-picker-view/convert.d.ts

@@ -0,0 +1,8 @@
+import dayjs from 'dayjs';
+export declare type DateRange = [Date, Date] | null;
+export declare type Page = {
+    month: number;
+    year: number;
+};
+export declare function convertValueToRange(selectionMode: 'single' | 'range' | undefined, value: Date | [Date, Date] | null): DateRange;
+export declare function convertPageToDayjs(page: Page): dayjs.Dayjs;

package/2x/es/components/calendar-picker-view/convert.js

@@ -0,0 +1,11 @@
+import dayjs from 'dayjs';
+export function convertValueToRange(selectionMode, value) {
+  if (selectionMode === undefined || value === null) return null;
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return [value, value];
+}
+export function convertPageToDayjs(page) {
+  return dayjs().year(page.year).month(page.month - 1).date(1);
+}

package/2x/es/components/calendar-picker-view/index.d.ts

@@ -0,0 +1,4 @@
+import './calendar-picker-view.less';
+import { CalendarPickerView } from './calendar-picker-view';
+export type { CalendarPickerViewProps, CalendarPickerViewRef, } from './calendar-picker-view';
+export default CalendarPickerView;

package/2x/es/components/calendar-picker-view/index.js

@@ -0,0 +1,3 @@
+import "./calendar-picker-view.css";
+import { CalendarPickerView } from './calendar-picker-view';
+export default CalendarPickerView;

package/2x/es/components/capsule-tabs/capsule-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 CapsuleTabProps = {
     title: ReactNode;
@@ -12,6 +12,6 @@ export declare type CapsuleTabsProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     onChange?: (key: string) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const CapsuleTabs: FC<CapsuleTabsProps>;

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

@@ -1,15 +1,16 @@
-import React, { FC, ReactNode } from 'react';
+import React from 'react';
+import type { FC, ReactNode, CSSProperties } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CardProps = {
     title?: ReactNode;
     extra?: ReactNode;
-    headerStyle?: React.CSSProperties;
+    headerStyle?: CSSProperties;
     headerClassName?: string;
-    bodyStyle?: React.CSSProperties;
+    bodyStyle?: CSSProperties;
     bodyClassName?: string;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const Card: FC<CardProps>;

package/2x/es/components/cascade-picker-view/cascade-picker-view.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import type { CascadePickerOption } from '../cascade-picker';
 export declare type CascadePickerViewProps = Omit<PickerViewProps, 'columns'> & {

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

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 import { PopupProps } from '../popup';
 import { CascaderValue, CascaderValueExtend, CascaderOption } from '../cascader-view';
 import { NativeProps } from '../../utils/native-props';
+import type { FieldNamesType } from '../../hooks';
 export declare type CascaderActions = {
     open: () => void;
     close: () => void;
@@ -25,6 +26,7 @@ export declare type CascaderProps = {
     children?: (items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode;
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
+    fieldNames?: FieldNamesType;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const Cascader: React.ForwardRefExoticComponent<{
     options: CascaderOption[];
@@ -43,6 +45,7 @@ export declare const Cascader: React.ForwardRefExoticComponent<{
     children?: ((items: (CascaderOption | null)[], actions: CascaderActions) => ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: ReactNode;
+    fieldNames?: FieldNamesType | undefined;
 } & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;

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

@@ -6,6 +6,7 @@ import { usePropsValue } from '../../utils/use-props-value';
 import CascaderView from '../cascader-view';
 import { useConfig } from '../config-provider';
 import { useCascaderValueExtend } from '../cascader-view/use-cascader-value-extend';
+import { useFieldNames } from '../../hooks';
 const classPrefix = `adm-cascader`;
 const defaultProps = {
   defaultValue: [],
@@ -50,7 +51,11 @@ export const Cascader = forwardRef((p, ref) => {
       (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
   }));
-  const generateValueExtend = useCascaderValueExtend(props.options);
+  const [, valueName, childrenName] = useFieldNames(props.fieldNames);
+  const generateValueExtend = useCascaderValueExtend(props.options, {
+    valueName,
+    childrenName
+  });
   const [innerValue, setInnerValue] = useState(value);
   useEffect(() => {
     if (!visible) {

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

@@ -19,6 +19,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     children?: ((items: (import("../cascader-view").CascaderOption | null)[], actions: import("./cascader").CascaderActions) => import("react").ReactNode) | undefined;
     onTabsChange?: ((index: number) => void) | undefined;
     activeIcon?: import("react").ReactNode;
+    fieldNames?: import("../../hooks").FieldNamesType | undefined;
 } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;

package/2x/es/components/cascader-view/cascader-view.d.ts

@@ -1,13 +1,14 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 import { CheckListValue } from '../check-list';
 import { NativeProps } from '../../utils/native-props';
+import type { FieldNamesType, BaseOptionType } from '../../hooks';
 export declare type CascaderValue = CheckListValue;
 export declare type CascaderOption = {
-    label: string;
-    value: string;
+    label?: string;
+    value?: string;
     disabled?: boolean;
     children?: CascaderOption[];
-};
+} & BaseOptionType;
 export declare type CascaderValueExtend = {
     items: (CascaderOption | null)[];
     isLeaf: boolean;
@@ -21,5 +22,6 @@ export declare type CascaderViewProps = {
     onTabsChange?: (index: number) => void;
     activeIcon?: ReactNode;
     loading?: boolean;
+    fieldNames?: FieldNamesType;
 } & NativeProps<'--height'>;
 export declare const CascaderView: FC<CascaderViewProps>;

package/2x/es/components/cascader-view/cascader-view.js

@@ -10,16 +10,21 @@ import { useConfig } from '../config-provider';
 import { optionSkeleton } from './option-skeleton';
 import Skeleton from '../skeleton';
 import { useUpdateEffect } from 'ahooks';
+import { useFieldNames } from '../../hooks';
 const classPrefix = `adm-cascader-view`;
 const defaultProps = {
   defaultValue: []
 };
 export const CascaderView = p => {
+  const props = mergeProps(defaultProps, p);
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps, p);
-  const placeholder = props.placeholder || locale.Cascader.placeholder;
+  const [labelName, valueName, childrenName, disabledName] = useFieldNames(props.fieldNames);
+  const generateValueExtend = useCascaderValueExtend(props.options, {
+    valueName,
+    childrenName
+  });
   const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -27,26 +32,21 @@ export const CascaderView = p => {
     }
   }));
   const [tabActiveIndex, setTabActiveIndex] = useState(0);
-  useUpdateEffect(() => {
-    var _a;
-    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
-  }, [tabActiveIndex]);
-  const generateValueExtend = useCascaderValueExtend(props.options);
   const levels = useMemo(() => {
     const ret = [];
     let currentOptions = props.options;
     let reachedEnd = false;
     for (const v of value) {
-      const target = currentOptions.find(option => option.value === v);
+      const target = currentOptions.find(option => option[valueName] === v);
       ret.push({
         selected: target,
         options: currentOptions
       });
-      if (!target || !target.children) {
+      if (!target || !target[childrenName]) {
         reachedEnd = true;
         break;
       }
-      currentOptions = target.children;
+      currentOptions = target[childrenName];
     }
     if (!reachedEnd) {
       ret.push({
@@ -56,6 +56,10 @@ export const CascaderView = p => {
     }
     return ret;
   }, [value, props.options]);
+  useUpdateEffect(() => {
+    var _a;
+    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
+  }, [tabActiveIndex]);
   useEffect(() => {
     setTabActiveIndex(levels.length - 1);
   }, [value]);
@@ -73,6 +77,7 @@ export const CascaderView = p => {
     setValue(next);
   };
   const whetherLoading = options => props.loading || options === optionSkeleton;
+  const placeholder = props.placeholder || locale.Cascader.placeholder;
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, React.createElement(Tabs, {
@@ -89,7 +94,7 @@ export const CascaderView = p => {
       key: index.toString(),
       title: React.createElement("div", {
         className: `${classPrefix}-header-title`
-      }, selected ? selected.label : typeof placeholder === 'function' ? placeholder(index) : placeholder),
+      }, selected ? selected[labelName] : typeof placeholder === 'function' ? placeholder(index) : placeholder),
       forceRender: true
     }, React.createElement("div", {
       className: `${classPrefix}-content`
@@ -112,15 +117,15 @@ export const CascaderView = p => {
       onChange: selectValue => onItemSelect(selectValue[0], index),
       activeIcon: props.activeIcon
     }, level.options.map(option => {
-      const active = value[index] === option.value;
+      const active = value[index] === option[valueName];
       return React.createElement(CheckList.Item, {
-        value: option.value,
-        key: option.value,
-        disabled: option.disabled,
+        value: option[valueName],
+        key: option[valueName],
+        disabled: option[disabledName],
         className: classNames(`${classPrefix}-item`, {
           [`${classPrefix}-item-active`]: active
         })
-      }, option.label);
+      }, option[labelName]);
     }))));
   }))));
 };

package/2x/es/components/cascader-view/use-cascader-value-extend.d.ts

@@ -1,2 +1,3 @@
-import { CascaderValue, CascaderValueExtend, CascaderOption } from './cascader-view';
-export declare function useCascaderValueExtend(options: CascaderOption[]): (val: CascaderValue[]) => CascaderValueExtend;
+import { CascaderValue, CascaderValueExtend } from './cascader-view';
+import type { CascaderOption } from './cascader-view';
+export declare function useCascaderValueExtend(options: CascaderOption[], fieldNames: CascaderOption): (val: CascaderValue[]) => CascaderValueExtend;

package/2x/es/components/cascader-view/use-cascader-value-extend.js

@@ -1,18 +1,22 @@
 import { useMemo } from 'react';
 import memoize from 'lodash/memoize';
-export function useCascaderValueExtend(options) {
+export function useCascaderValueExtend(options, fieldNames) {
+  const {
+    valueName,
+    childrenName
+  } = fieldNames;
   const generateItems = useMemo(() => {
     return memoize(val => {
       const ret = [];
       let currentOptions = options;
       for (const v of val) {
-        const target = currentOptions.find(option => option.value === v);
+        const target = currentOptions.find(option => option[valueName] === v);
         if (!target) {
           break;
         }
         ret.push(target);
-        if (!target.children) break;
-        currentOptions = target.children;
+        if (!target[childrenName]) break;
+        currentOptions = target[childrenName];
       }
       return ret;
     }, val => JSON.stringify(val));
@@ -21,7 +25,7 @@ export function useCascaderValueExtend(options) {
     return memoize(val => {
       const children = val.reduce((currentOptions, v) => {
         var _a;
-        return ((_a = currentOptions.find(option => option.value === v)) === null || _a === void 0 ? void 0 : _a.children) || [];
+        return ((_a = currentOptions.find(option => option[valueName] === v)) === null || _a === void 0 ? void 0 : _a[childrenName]) || [];
       }, options);
       return children.length === 0;
     }, val => JSON.stringify(val));

package/2x/es/components/center-popup/center-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/popup-base-props';
 export declare type CenterPopupProps = PopupBaseProps & PropsWithChildren<{

package/2x/es/components/check-list/check-list-item.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { ListItemProps } from '../list';
 import { NativeProps } from '../../utils/native-props';
 import { CheckListValue } from '.';

package/2x/es/components/check-list/check-list.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 { ListProps } from '../list';
 export declare type CheckListValue = string | number;
@@ -11,6 +11,6 @@ export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
     extra?: (active: boolean) => ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const CheckList: FC<CheckListProps>;

package/2x/es/components/check-list/context.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { CheckListValue } from '.';
+import type { ReactNode } from 'react';
 export declare const CheckListContext: import("react").Context<{
     value: CheckListValue[];
     check: (val: CheckListValue) => void;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CheckboxValue = string | number;
 export declare type CheckboxProps = {
@@ -10,8 +11,8 @@ export declare type CheckboxProps = {
     indeterminate?: boolean;
     block?: boolean;
     id?: string;
-    icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
-    children?: React.ReactNode;
+    icon?: (checked: boolean, indeterminate: boolean) => ReactNode;
+    children?: ReactNode;
     onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare type CheckboxRef = {
@@ -28,8 +29,8 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
     indeterminate?: boolean | undefined;
     block?: boolean | undefined;
     id?: string | undefined;
-    icon?: ((checked: boolean, indeterminate: boolean) => React.ReactNode) | undefined;
-    children?: React.ReactNode;
+    icon?: ((checked: boolean, indeterminate: boolean) => ReactNode) | undefined;
+    children?: ReactNode;
     onClick?: ((event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void) | undefined;
 } & {
     className?: string | undefined;

package/2x/es/components/checkbox/group.d.ts

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

package/2x/es/components/checkbox/native-input.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 interface Props {
     type: 'checkbox' | 'radio';
     checked: boolean;