rsuite 5.68.1 → 5.70.0

package/esm/CustomProvider/CustomProvider.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
+import type { Locale as DateFnsLocale } from 'date-fns';
 import { Locale } from '../locales';
 import { ToastContainerInstance } from '../toaster/ToastContainer';
+export interface FormatDateOptions {
+    locale?: DateFnsLocale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    firstWeekContainsDate?: number;
+    useAdditionalWeekYearTokens?: boolean;
+    useAdditionalDayOfYearTokens?: boolean;
+}
 export interface CustomValue<T = Locale> {
     /** Language configuration */
     locale: T;
@@ -19,7 +27,7 @@ export interface CustomValue<T = Locale> {
      *  }
      *
      * */
-    formatDate: (date: Date | number, format: string) => string;
+    formatDate: (date: Date | number, format: string, options?: FormatDateOptions) => string;
     /**
      * Return the date parsed from string using the given format string.
      *
@@ -33,7 +41,7 @@ export interface CustomValue<T = Locale> {
      *  }
      *
      * */
-    parseDate: (dateString: string, formatString: string) => Date;
+    parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: FormatDateOptions) => Date;
     /**
      * A Map of toast containers
      */
@@ -60,6 +68,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     Plaintext?: {
         unfilled: string;
+        /** Support right-to-left */
         notSelected: string;
         notUploaded: string;
     } | undefined;
@@ -67,19 +76,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         more: string;
         prev: string;
         next: string;
-        first: string; /**
-         * Return the date parsed from string using the given format string.
-         *
-         * Example:
-         *
-         *  import parse from 'date-fns/parse';
-         *  import eo from 'date-fns/locale/eo'
-         *
-         *  function parseDate(date, formatStr) {
-         *    return parse(date, formatStr, new Date(), { locale: eo });
-         *  }
-         *
-         * */
+        first: string;
         last: string;
         limit: string;
         total: string;
@@ -152,7 +149,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     Uploader?: {
         inited: string;
-        progress: string; /** If true, the ripple effect is disabled. Affected components include: Button, Nav.Item, Pagination. */
+        progress: string;
         error: string;
         complete: string;
         emptyFile: string;

package/esm/DateInput/hooks/useDateInputState.d.ts

@@ -1,8 +1,6 @@
-import { format } from '../../internals/utils/date';
 import type { Locale } from 'date-fns';
 interface DateInputState {
     formatStr: string;
-    formatDate?: typeof format;
     locale: Locale;
     date?: Date | null;
     isControlledDate?: boolean;

package/esm/DateInput/hooks/useDateInputState.js

@@ -1,13 +1,16 @@
 'use client';
 import { useCallback, useEffect } from 'react';
 import startCase from 'lodash/startCase';
-import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, format, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date/index.js";
+import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date/index.js";
+import { useCustom } from "../../internals/hooks/index.js";
 import { useDateField, patternMap } from "../DateField.js";
 export function useDateInputState(_ref) {
   var formatStr = _ref.formatStr,
     locale = _ref.locale,
     date = _ref.date,
     isControlledDate = _ref.isControlledDate;
+  var _useCustom = useCustom(),
+    formatDate = _useCustom.formatDate;
   var _useDateField = useDateField(formatStr, locale.localize, date),
     dateField = _useDateField.dateField,
     dispatch = _useDateField.dispatch,
@@ -88,7 +91,7 @@ export function useDateInputState(_ref) {
   };
   var toControlledDateString = function toControlledDateString() {
     if (date && isValid(date)) {
-      return format(date, formatStr, {
+      return formatDate(date, formatStr, {
         locale: locale
       });
     }

package/esm/DatePicker/DatePicker.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
-import { DatePickerLocale } from '../locales';
 import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
+import type { DatePickerLocale } from '../locales';
 import type { DeprecatedProps } from './types';
+import type { MonthDropdownProps } from '../Calendar/CalendarContext';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
     /**
      * Custom caret component
@@ -77,6 +78,10 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      * Meridian format for 12-hour time
      */
     showMeridian?: boolean;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
     /**
      * Whether a date on the calendar view should be disabled
      *

package/esm/DatePicker/DatePicker.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "caretAs", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
+var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "caretAs", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "size", "monthDropdownProps", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import mapValues from 'lodash/mapValues';
@@ -12,21 +12,21 @@ import IconCalendar from '@rsuite/icons/legacy/Calendar';
 import IconClockO from '@rsuite/icons/legacy/ClockO';
 import CalendarContainer from "../Calendar/CalendarContainer.js";
 import useCalendarDate from "../Calendar/useCalendarDate.js";
-import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
 import Toolbar from "./Toolbar.js";
 import Stack from "../Stack/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
+import DateInput from "../DateInput/index.js";
+import InputGroup from "../InputGroup/index.js";
+import useMonthView from "./hooks/useMonthView.js";
+import useFocus from "./hooks/useFocus.js";
+import useCustomizedInput from "./hooks/useCustomizedInput.js";
+import { isEveryDateInMonth } from "../Calendar/MonthDropdown.js";
 import { mergeRefs, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
 import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
 import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, isValid, copyTime, disableTime, calendarOnlyProps } from "../internals/utils/date/index.js";
 import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
 import { OverlayCloseCause } from "../internals/Overlay/OverlayTrigger.js";
-import DateInput from "../DateInput/index.js";
-import InputGroup from "../InputGroup/index.js";
 import { splitRanges, deprecatedPropTypes, getRestProps } from "./utils.js";
-import useMonthView from "./hooks/useMonthView.js";
-import useFocus from "./hooks/useFocus.js";
-import useCustomizedInput from "./hooks/useCustomizedInput.js";
 /**
  * A date picker allows users to select a date from a calendar.
  *
@@ -42,6 +42,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     calendarDefaultDate = props.calendarDefaultDate,
     _props$cleanable = props.cleanable,
     cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    caretAsProp = props.caretAs,
     _props$editable = props.editable,
     editable = _props$editable === void 0 ? true : _props$editable,
     defaultValue = props.defaultValue,
@@ -75,7 +76,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showWeekNumbers = props.showWeekNumbers,
     style = props.style,
     size = props.size,
-    caretAsProp = props.caretAs,
+    monthDropdownProps = props.monthDropdownProps,
     shouldDisableDate = props.shouldDisableDate,
     shouldDisableHour = props.shouldDisableHour,
     shouldDisableMinute = props.shouldDisableMinute,
@@ -413,6 +414,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isoWeek: isoWeek,
       weekStart: weekStart,
       calendarDate: calendarDate,
+      monthDropdownProps: monthDropdownProps,
       renderCellOnPicker: renderCell,
       onMoveForward: handleMoveForward,
       onMoveBackward: handleMoveBackward,

package/esm/DateRangePicker/Calendar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { CalendarProps as CalendarCoreProps } from '../Calendar/CalendarContainer';
+import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 import { DatePickerLocale } from '../locales';
@@ -16,13 +16,13 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarCoreProps, Omit
     limitEndYear?: number;
     limitStartYear?: number;
     locale?: DatePickerLocale;
+    showWeekNumbers?: boolean;
+    value?: [] | [Date] | [Date, Date];
     onChangeCalendarMonth?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onToggleMeridian: (index: number, event: React.MouseEvent) => void;
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;
     onMouseMove?: (date: Date) => void;
-    showWeekNumbers?: boolean;
-    value?: [] | [Date] | [Date, Date];
 }
 declare const Calendar: RsRefForwardingComponent<'div', CalendarProps>;
 export default Calendar;

package/esm/DateRangePicker/Calendar.js

@@ -3,10 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "limitStartYear", "onChangeCalendarMonth", "onChangeCalendarTime", "onToggleMeridian", "onSelect", "value"];
 import React from 'react';
+import CalendarCore from "../Calendar/CalendarContainer.js";
 import { addMonths } from "../internals/utils/date/index.js";
 import { DATERANGE_DISABLED_TARGET } from "../internals/constants/index.js";
 import { useEventCallback } from "../internals/hooks/index.js";
-import CalendarCore from "../Calendar/CalendarContainer.js";
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? CalendarCore : _props$as,

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { FormControlBaseProps, PickerBaseProps } from '../internals/types';
-import { DateRangePickerLocale } from '../locales';
 import { PickerComponent } from '../internals/Picker';
-import { DisabledDateFunction, RangeType, DateRange } from './types';
+import type { DisabledDateFunction, RangeType, DateRange } from './types';
+import type { FormControlBaseProps, PickerBaseProps } from '../internals/types';
+import type { DateRangePickerLocale } from '../locales';
+import type { MonthDropdownProps } from '../Calendar/CalendarContext';
 export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLocale>, FormControlBaseProps<DateRange | null> {
     /**
      * Custom caret component
@@ -85,6 +86,17 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
      * @default ' ~ '
      */
     character?: string;
+    /**
+     * The props for the Month Dropdown component.
+     */
+    monthDropdownProps?: MonthDropdownProps;
+    /**
+     * If the user selects a date on the right calendar first, it will automatically switch to the left calendar.
+     * Always keep the date on the left calendar as the start date.
+     * @default false
+     * @version 5.69.0
+     */
+    calendarSnapping?: boolean;
     /**
      * Disabled date
      * @deprecated Use {@link shouldDisableDate} instead

package/esm/DateRangePicker/DateRangePicker.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
+var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
@@ -14,20 +14,20 @@ import IconClockO from '@rsuite/icons/legacy/ClockO';
 import Toolbar from "../DatePicker/Toolbar.js";
 import PredefinedRanges from "../DatePicker/PredefinedRanges.js";
 import Stack from "../Stack/index.js";
-import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
-import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
-import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
-import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date/index.js";
-import Calendar from "./Calendar.js";
-import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
-import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
 import DateRangePickerContext from "./DateRangePickerContext.js";
 import DateRangeInput from "../DateRangeInput/index.js";
 import InputGroup from "../InputGroup/index.js";
 import Header from "./Header.js";
 import useDateDisabled from "./hooks/useDateDisabled.js";
 import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput.js";
+import Calendar from "./Calendar.js";
+import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils.js";
+import { deprecatePropTypeNew, oneOf } from "../internals/propTypes/index.js";
+import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants/index.js";
+import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker/index.js";
+import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils/index.js";
+import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date/index.js";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -48,6 +48,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
     _props$character = props.character,
     character = _props$character === void 0 ? ' ~ ' : _props$character,
+    calendarSnapping = props.calendarSnapping,
     defaultCalendarValue = props.defaultCalendarValue,
     defaultValue = props.defaultValue,
     plaintext = props.plaintext,
@@ -87,6 +88,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     size = props.size,
     caretAsProp = props.caretAs,
     valueProp = props.value,
+    monthDropdownProps = props.monthDropdownProps,
     onChange = props.onChange,
     onClean = props.onClean,
     onEnter = props.onEnter,
@@ -368,11 +370,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setActiveCalendarKey('start');
     }
     setSelectedDates(nextSelectDates);
-    setCalendarDateRange({
-      dateRange: nextSelectDates,
-      calendarKey: calendarKey,
-      eventName: 'changeDate'
-    });
+    if (!isSameMonth(calendarDate[index], date) || calendarSnapping) {
+      setCalendarDateRange({
+        dateRange: nextSelectDates,
+        calendarKey: calendarKey,
+        eventName: 'changeDate'
+      });
+    }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
@@ -618,6 +622,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showWeekNumbers: showWeekNumbers,
       format: formatStr,
       value: selectedDates,
+      monthDropdownProps: monthDropdownProps,
       hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
       disabledDate: disableCalendarDate,
       onSelect: handleSelectDate,

package/esm/InputNumber/InputNumber.d.ts

@@ -9,6 +9,15 @@ export interface InputNumberProps<T = number | string | null> extends Omit<React
      * An input can show that it is disabled
      */
     disabled?: boolean;
+    /**
+     *
+     * Decimal separator
+     * https://en.wikipedia.org/wiki/Decimal_separator
+     *
+     * @default '.'
+     * @version 5.69.0
+     */
+    decimalSeparator?: string;
     /**
      * Format the value of the input
      */

package/esm/InputNumber/InputNumber.js

@@ -1,8 +1,8 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "className", "classPrefix", "disabled", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
-import React, { useEffect, useRef, useState } from 'react';
+var _excluded = ["as", "className", "classPrefix", "disabled", "decimalSeparator", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
+import React, { useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
@@ -82,6 +82,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'input-number' : _props$classPrefix,
     disabled = props.disabled,
+    decimalSeparator = props.decimalSeparator,
     formatter = props.formatter,
     readOnly = props.readOnly,
     plaintext = props.plaintext,
@@ -201,14 +202,30 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
   });
   var handleChange = useEventCallback(function (value, event) {
-    if (!/^-?(?:\d+)?(\.)?\d*$/.test(value) && value !== '') {
+    var separator = decimalSeparator || '.';
+    var escapedSeparator = separator.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    var regex = new RegExp("^-?(?:\\d+)?(" + escapedSeparator + ")?\\d*$");
+    if (!regex.test(value) && value !== '') {
       return;
     }
     handleChangeValue(value, event);
   });
+  var replaceDecimalSeparator = useCallback(function (value) {
+    if (decimalSeparator && value) {
+      return value.toString().replace('.', decimalSeparator);
+    }
+    return value;
+  }, [decimalSeparator]);
+  var restoreDecimalSeparator = useCallback(function (value) {
+    if (decimalSeparator && value) {
+      return value.replace(decimalSeparator, '.');
+    }
+    return value;
+  }, [decimalSeparator]);
   var handleBlur = useEventCallback(function (event) {
     var _event$target;
-    var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    var value = restoreDecimalSeparator((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    var targetValue = Number.parseFloat(value);
     handleChangeValue(getSafeValue(targetValue), event);
     setIsFocused(false);
   });
@@ -224,22 +241,25 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
     };
   }, [handleWheel, scrollable]);
-  var renderValue = function renderValue() {
+  var inputValue = useMemo(function () {
     if (isNil(value)) {
       return '';
     }
     if (isFocused) {
-      return value;
+      return replaceDecimalSeparator(value);
     }
-    return formatter ? formatter(value) : value;
-  };
+    if (formatter) {
+      return formatter(value);
+    }
+    return replaceDecimalSeparator(value);
+  }, [formatter, isFocused, replaceDecimalSeparator, value]);
   var input = /*#__PURE__*/React.createElement(Input, _extends({}, htmlInputProps, {
     ref: plaintext ? ref : undefined,
     inputRef: inputRef,
     autoComplete: "off",
     inputMode: "numeric",
     step: step,
-    value: renderValue(),
+    value: inputValue,
     disabled: disabled,
     readOnly: readOnly,
     plaintext: plaintext,

package/esm/MultiCascadeTree/MultiCascadeTree.d.ts

@@ -5,5 +5,5 @@ import type { MultiCascadeTreeProps } from './types';
  * The `MultiCascadeTree` component is used to select multiple values from cascading options.
  * @see https://rsuitejs.com/components/multi-cascade-tree/
  */
-declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[]> & React.RefAttributes<unknown>>;
+declare const MultiCascadeTree: React.ForwardRefExoticComponent<MultiCascadeTreeProps<DataItemValue, DataItemValue[], any> & React.RefAttributes<unknown>>;
 export default MultiCascadeTree;

package/esm/MultiCascadeTree/MultiCascadeTree.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
+var _excluded = ["as", "data", "defaultValue", "className", "classPrefix", "value", "valueKey", "labelKey", "locale", "childrenKey", "disabledItemValues", "cascade", "columnWidth", "columnHeight", "searchable", "uncheckableItemValues", "getChildren", "renderColumn", "renderTreeNode", "onSelect", "onCheck", "onChange", "onSearch"];
 import React from 'react';
 import TreeView from "./TreeView.js";
 import { useCascadeValue, useSelect, useSearch } from "./hooks/index.js";
@@ -27,6 +27,7 @@ var MultiCascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
     _props$labelKey = props.labelKey,
     labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    locale = props.locale,
     _props$childrenKey = props.childrenKey,
     childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
     _props$disabledItemVa = props.disabledItemValues,
@@ -94,11 +95,13 @@ var MultiCascadeTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     className: classes
   }, rest), searchable && /*#__PURE__*/React.createElement(SearchView, {
+    cascade: cascade,
     data: items,
     value: value,
     searchKeyword: searchKeyword,
     valueKey: valueKey,
     labelKey: labelKey,
+    locale: locale,
     childrenKey: childrenKey,
     disabledItemValues: disabledItemValues,
     onCheck: handleCheck,

package/esm/MultiCascadeTree/SearchView.d.ts

@@ -9,6 +9,7 @@ interface SearchViewProps<T> extends WithAsProps {
     data: ItemDataType<T>[];
     disabledItemValues: any[];
     cascade?: boolean;
+    locale?: Record<string, string>;
     onSearch: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     onCheck: (item: ItemDataType<T>, event: React.SyntheticEvent, checked: boolean) => void;
     inputRef?: React.RefObject<HTMLInputElement>;

package/esm/MultiCascadeTree/SearchView.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "onSearch", "onCheck"];
+var _excluded = ["as", "classPrefix", "className", "searchKeyword", "childrenKey", "labelKey", "valueKey", "value", "data", "disabledItemValues", "inputRef", "cascade", "locale", "onSearch", "onCheck"];
 import React from 'react';
 import { useClassNames, useCustom } from "../internals/hooks/index.js";
 import SearchBox from "../internals/SearchBox/index.js";
@@ -23,6 +23,7 @@ function SearchView(props) {
     disabledItemValues = props.disabledItemValues,
     inputRef = props.inputRef,
     cascade = props.cascade,
+    overrideLocale = props.locale,
     onSearch = props.onSearch,
     onCheck = props.onCheck,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
@@ -32,7 +33,7 @@ function SearchView(props) {
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = useCustom('Picker'),
+  var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;

package/esm/MultiCascadeTree/types.d.ts

@@ -6,7 +6,7 @@ export interface ItemKeys {
     labelKey: string;
     childrenKey: string;
 }
-export interface MultiCascadeTreeProps<T, V = T[]> extends WithAsProps, CascadeTreeProps<T, V> {
+export interface MultiCascadeTreeProps<T, V = T[], L = any> extends WithAsProps, CascadeTreeProps<T, V> {
     /**
      * When set to true, selecting a child node will update the state of the parent node.
      */
@@ -19,6 +19,10 @@ export interface MultiCascadeTreeProps<T, V = T[]> extends WithAsProps, CascadeT
      * Set the option value for the check box not to be rendered
      */
     uncheckableItemValues?: T[];
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Partial<L>;
     /**
      * Called after the checkbox state changes.
      */

package/esm/MultiCascader/MultiCascader.d.ts

@@ -3,7 +3,7 @@ import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { FormControlPickerProps, ItemDataType, DataItemValue } from '../internals/types';
 import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[]>, Pick<PickerToggleProps, 'loading'> {
+export interface MultiCascaderProps<T extends DataItemValue> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>, T>, MultiCascadeTreeProps<T, T[], PickerLocale>, Pick<PickerToggleProps, 'loading'> {
     /**
      * A picker that can be counted
      */

package/esm/MultiCascader/MultiCascader.js

@@ -267,6 +267,8 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       target: trigger,
       onKeyDown: onPickerKeyDown
     }, searchable && /*#__PURE__*/React.createElement(SearchView, {
+      locale: locale,
+      cascade: cascade,
       data: items,
       value: value,
       searchKeyword: searchKeyword,
@@ -274,6 +276,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       labelKey: labelKey,
       childrenKey: childrenKey,
       disabledItemValues: disabledItemValues,
+      inputRef: searchInput,
       onCheck: handleCheck,
       onSearch: handleSearch
     }), !searchKeyword && /*#__PURE__*/React.createElement(TreeView, {

package/esm/TreePicker/TreePicker.js

@@ -216,6 +216,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchable: searchable,
     searchKeyword: searchKeyword,
     searchBy: searchBy,
+    searchInputRef: searchInput,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     listProps: listProps,

package/esm/internals/Windowing/List.d.ts

@@ -1,7 +1,17 @@
-import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps } from 'react-window';
-import { WithAsProps, RsRefForwardingComponent } from '../types';
+import React from 'react';
+import { VariableSizeList, ListItemKeySelector, ListOnScrollProps, ListOnItemsRenderedProps, ListProps as BaseListProps } from 'react-window';
+import { RsRefForwardingComponent } from '../types';
 export declare const defaultItemSize: () => number;
-export interface ListProps<T = any> extends WithAsProps {
+export interface ListProps<T = any> extends Omit<BaseListProps, 'width'> {
+    ref?: React.Ref<ListHandle>;
+    /**
+     * Width of the list.
+     *
+     * For horizontal lists, this must be a number. It affects the number of columns that will be rendered (and displayed) at any given time.
+     *
+     * For vertical lists, this can be a number or a string (e.g. "50%").
+     */
+    width?: number | string;
     /**
      * @deprecated use itemSize instead
      * Either a fixed row height (number) or a function that returns the height of a row given its index: ({ index: number }): number

package/esm/internals/Windowing/index.d.ts

@@ -1,5 +1,5 @@
 export { default as AutoSizer } from './AutoSizer';
 export { default as List, defaultItemSize } from './List';
 export { FixedSizeList, VariableSizeList } from 'react-window';
-export type { ListChildComponentProps } from 'react-window';
+export type { ListChildComponentProps, FixedSizeListProps } from 'react-window';
 export type { ListProps, ListHandle } from './List';