antd-mobile 5.32.4 → 5.33.0

package/cjs/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/cjs/components/calendar-picker-view/calendar-picker-view.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarPickerView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _withDefaultProps = require("../../utils/with-default-props");
+var _configProvider = require("../config-provider");
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
+var _usePropsValue = require("../../utils/use-props-value");
+var _convert = require("./convert");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+_dayjs.default.extend(_isoWeek.default);
+_dayjs.default.extend(_isSameOrBefore.default);
+const classPrefix = 'adm-calendar-picker-view';
+const defaultProps = {
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: 'single'
+};
+const CalendarPickerView = (0, _react.forwardRef)((p, ref) => {
+  var _a;
+  const today = (0, _dayjs.default)();
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const markItems = [...locale.Calendar.markItems];
+  if (props.weekStartsOn === 'Sunday') {
+    const item = markItems.pop();
+    if (item) markItems.unshift(item);
+  }
+  const [dateRange, setDateRange] = (0, _usePropsValue.usePropsValue)({
+    value: props.value === undefined ? undefined : (0, _convert.convertValueToRange)(props.selectionMode, props.value),
+    defaultValue: (0, _convert.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] = (0, _react.useState)(false);
+  const [current, setCurrent] = (0, _react.useState)(() => (0, _dayjs.default)(dateRange ? dateRange[0] : today).date(1));
+  (0, _react.useImperativeHandle)(ref, () => ({
+    jumpTo: pageOrPageGenerator => {
+      let page;
+      if (typeof pageOrPageGenerator === 'function') {
+        page = pageOrPageGenerator({
+          year: current.year(),
+          month: current.month() + 1
+        });
+      } else {
+        page = pageOrPageGenerator;
+      }
+      setCurrent((0, _convert.convertPageToDayjs)(page));
+    },
+    jumpToToday: () => {
+      setCurrent((0, _dayjs.default)().date(1));
+    },
+    getDateRange: () => dateRange
+  }));
+  const header = _react.default.createElement("div", {
+    className: `${classPrefix}-header`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-title`
+  }, (_a = props.title) !== null && _a !== void 0 ? _a : locale.Calendar.title));
+  const maxDay = (0, _react.useMemo)(() => props.max ? (0, _dayjs.default)(props.max) : current.add(6, 'month'), [props.max, current]);
+  const minDay = (0, _react.useMemo)(() => props.min ? (0, _dayjs.default)(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.default.createElement("div", {
+        key: `${year}-${month}`
+      }, _react.default.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.default.createElement("div", {
+        className: `${classPrefix}-cells`
+      }, Array(props.weekStartsOn === 'Monday' ? monthIterator.date(1).isoWeekday() - 1 : monthIterator.date(1).isoWeekday()).fill(null).map((_, index) => _react.default.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.default.createElement("div", {
+          key: d.valueOf(),
+          className: (0, _classnames.default)(`${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.default.createElement("div", {
+          className: `${classPrefix}-cell-top`
+        }, renderTop()), _react.default.createElement("div", {
+          className: `${classPrefix}-cell-date`
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), _react.default.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.default.createElement("div", {
+    className: `${classPrefix}-body`
+  }, renderBody());
+  const mark = _react.default.createElement("div", {
+    className: `${classPrefix}-mark`
+  }, markItems.map((item, index) => _react.default.createElement("div", {
+    key: index,
+    className: `${classPrefix}-mark-cell`
+  }, item)));
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, header, mark, body));
+});
+exports.CalendarPickerView = CalendarPickerView;

package/cjs/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/cjs/components/calendar-picker-view/convert.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertPageToDayjs = convertPageToDayjs;
+exports.convertValueToRange = convertValueToRange;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function convertValueToRange(selectionMode, value) {
+  if (selectionMode === undefined || value === null) return null;
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return [value, value];
+}
+function convertPageToDayjs(page) {
+  return (0, _dayjs.default)().year(page.year).month(page.month - 1).date(1);
+}

package/cjs/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/cjs/components/calendar-picker-view/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./calendar-picker-view.css");
+var _calendarPickerView2 = require("./calendar-picker-view");
+var _default = _calendarPickerView2.CalendarPickerView;
+exports.default = _default;

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/cascader-view/cascader-view.js

@@ -16,6 +16,7 @@ var _configProvider = require("../config-provider");
 var _optionSkeleton = require("./option-skeleton");
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 var _ahooks = require("ahooks");
+var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,11 +25,12 @@ const defaultProps = {
   defaultValue: []
 };
 const CascaderView = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     locale
   } = (0, _configProvider.useConfig)();
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const placeholder = props.placeholder || locale.Cascader.placeholder;
+  const generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
+  const [labelName, valueName, childrenName, disabledName] = (0, _hooks.useFieldNames)(props.fieldNames);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
     onChange: val => {
       var _a;
@@ -36,26 +38,21 @@ const CascaderView = p => {
     }
   }));
   const [tabActiveIndex, setTabActiveIndex] = (0, _react.useState)(0);
-  (0, _ahooks.useUpdateEffect)(() => {
-    var _a;
-    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
-  }, [tabActiveIndex]);
-  const generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
   const levels = (0, _react.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({
@@ -65,6 +62,10 @@ const CascaderView = p => {
     }
     return ret;
   }, [value, props.options]);
+  (0, _ahooks.useUpdateEffect)(() => {
+    var _a;
+    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
+  }, [tabActiveIndex]);
   (0, _react.useEffect)(() => {
     setTabActiveIndex(levels.length - 1);
   }, [value]);
@@ -82,6 +83,7 @@ const CascaderView = p => {
     setValue(next);
   };
   const whetherLoading = options => props.loading || options === _optionSkeleton.optionSkeleton;
+  const placeholder = props.placeholder || locale.Cascader.placeholder;
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, _react.default.createElement(_tabs.default, {
@@ -98,7 +100,7 @@ const CascaderView = p => {
       key: index.toString(),
       title: _react.default.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.default.createElement("div", {
       className: `${classPrefix}-content`
@@ -121,15 +123,15 @@ 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.default.createElement(_checkList.default.Item, {
-        value: option.value,
-        key: option.value,
-        disabled: option.disabled,
+        value: option[valueName],
+        key: option[valueName],
+        disabled: option[disabledName],
         className: (0, _classnames.default)(`${classPrefix}-item`, {
           [`${classPrefix}-item-active`]: active
         })
-      }, option.label);
+      }, option[labelName]);
     }))));
   }))));
 };

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

package/cjs/components/collapse/collapse.d.ts

@@ -1,28 +1,29 @@
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;
-    title: React.ReactNode;
+    title: ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    arrow?: React.ReactNode | ((active: boolean) => React.ReactNode);
-    children?: React.ReactNode;
+    arrow?: ReactNode | ((active: boolean) => ReactNode);
+    children?: ReactNode;
 } & NativeProps;
 export declare const CollapsePanel: FC<CollapsePanelProps>;
 declare type ValueProps<T> = {
     activeKey?: T;
     defaultActiveKey?: T;
     onChange?: (activeKey: T) => void;
-    arrow?: React.ReactNode | ((active: boolean) => React.ReactNode);
+    arrow?: ReactNode | ((active: boolean) => ReactNode);
 };
 export declare type CollapseProps = (({
     accordion?: false;
 } & ValueProps<string[]>) | ({
     accordion: true;
 } & ValueProps<string | null>)) & {
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & NativeProps;
 export declare const Collapse: FC<CollapseProps>;
 export {};

package/cjs/components/config-provider/config-provider.d.ts

@@ -1,8 +1,8 @@
-import React, { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import { Locale } from '../../locales/base';
 declare type Config = {
     locale: Locale;
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
 export declare const defaultConfigRef: {
     current: Config;

package/cjs/components/date-picker/date-picker-week-utils.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { PickerColumn } from '../picker';
 import type { DatePickerFilter } from './date-picker-utils';
 export declare type WeekPrecision = 'year' | 'week' | 'week-day';