@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/cjs/components/Control/Input/Number/index.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
 import { type InputNumberProps, type InputRef } from '../../../../components/Control/Input/types';
-import './index.scss';
-import '../../index.scss';
 export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps<import("../..").ValueType> & React.RefAttributes<InputRef>>;

package/dist/cjs/components/Control/Input/Number/index.js

@@ -37,14 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputNumber = void 0;
-const rc_input_number_1 = __importDefault(require("rc-input-number"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const input_number_1 = __importDefault(require("@rc-component/input-number"));
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const useInput_1 = require("../../../../components/Control/Input/useInput");
 const Icon_1 = require("../../../../components/Icon");
-require("./index.scss");
-require("../../index.scss");
 /* eslint-disable jsx-a11y/label-has-associated-control */
 exports.InputNumber = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
@@ -73,7 +71,7 @@ exports.InputNumber = React.forwardRef((props, ref) => {
     ]);
     return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
         React.createElement("div", { className: `${controlCls}-input` },
-            React.createElement(rc_input_number_1.default, { ...inputProps, downHandler: downIcon, prefixCls: rootCls, ref: inputRef, upHandler: upIcon }))));
+            React.createElement(input_number_1.default, { ...inputProps, downHandler: downIcon, prefixCls: rootCls, ref: inputRef, upHandler: upIcon }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.InputNumber.displayName = 'Input.Number';

package/dist/cjs/components/Control/Input/Password/index.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
 import { type InputRef, type PasswordProps } from '../../../../components/Control/Input/types';
-import './index.scss';
-import '../../index.scss';
 export declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>;

package/dist/cjs/components/Control/Input/Password/index.js

@@ -39,8 +39,6 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const Input_1 = require("../../../../components/Control/Input/Input");
 const Icon_1 = require("../../../../components/Icon");
-require("./index.scss");
-require("../../index.scss");
 exports.Password = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { prefixCls = config.control?.prefixCls ?? config.prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;

package/dist/cjs/components/Control/Input/types.d.ts

@@ -1,4 +1,4 @@
-import { type InputNumberProps as RcInputNumberProps } from 'rc-input-number';
+import { type InputNumberProps as RcInputNumberProps } from '@rc-component/input-number';
 import type * as React from 'react';
 import { type ControlProps, type ValueType } from '../../../components/Control/types';
 export interface InputFocusOptions extends FocusOptions {
@@ -7,7 +7,7 @@ export interface InputFocusOptions extends FocusOptions {
 export interface InputRef {
     blur: VoidFunction;
     focus: VoidFunction;
-    getInputRef(): React.RefObject<HTMLInputElement> | null;
+    getInputRef(): React.RefObject<HTMLInputElement | null> | null;
 }
 export type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'defaultChecked' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
 export interface InputProps<T extends ValueType = ValueType> extends OmittedNativeInput, ControlProps<T> {

package/dist/cjs/components/Control/Input/useInput.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type InputNumberProps, type InputProps } from '../../../components/Control/Input/types';
 import { type ValueType } from '../../../components/Control/types';
 interface HookConsumedProps {
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     prefixCls?: string;
     wrapperClasses: string;
 }
 type Props<T, U extends ValueType = ValueType> = T extends InputNumberProps<U> ? T : T extends InputProps<U> ? T : any;
 export declare function fixControlledValue<T>(value: T): T | string;
-export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): T & HookConsumedProps;
+export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): Props<T, U> & HookConsumedProps;
 export {};

package/dist/cjs/components/Control/Radio/Group.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
+const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 const classnames_1 = __importDefault(require("classnames"));
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Radio_1 = require("../../../components/Control/Radio/Radio");

package/dist/cjs/components/Control/Radio/Radio.js

@@ -50,18 +50,23 @@ exports.Radio = React.forwardRef((props, ref) => {
         ?? restProps.defaultChecked
         ?? ('value' in restProps && restProps.value === radioGroup?.value));
     const onChange = React.useCallback(event => {
-        setInternalChecked(true);
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
         radioGroup?.onChange?.(event);
-    }, [internalChecked, props, radioGroup, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props, radioGroup]);
     const radioProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         onChange,
@@ -80,7 +85,7 @@ exports.Radio = React.forwardRef((props, ref) => {
         [`${controlCls}-${size}`]: block && size,
         [`${rootCls}-wrapper`]: true,
         [`${rootCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: internalChecked,
+        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: radioProps.checked,
         [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-disabled`]: radioProps.disabled,
     }, className), [
         controlCls,
@@ -91,14 +96,13 @@ exports.Radio = React.forwardRef((props, ref) => {
         prefixCls,
         config.radio?.prefixCls,
         config.prefixCls,
-        internalChecked,
-        radioProps.disabled,
+        radioProps,
         className,
     ]);
     const radioClasses = React.useMemo(() => (0, classnames_1.default)(rootCls, {
-        [`${rootCls}-checked`]: internalChecked,
+        [`${rootCls}-checked`]: radioProps.checked,
         [`${rootCls}-disabled`]: disabled,
-    }), [rootCls, internalChecked, disabled]);
+    }), [rootCls, radioProps.checked, disabled]);
     const globalAttributes = React.useMemo(() => (0, js_utils_1.retrieveGlobalAttributes)(restProps), [restProps]);
     React.useEffect(() => {
         setInternalChecked(restProps.checked

package/dist/cjs/components/Control/Radio/index.d.ts

@@ -1,8 +1,6 @@
 import type * as React from 'react';
 import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
 import { type RadioChangeEvent, type RadioProps } from '../../../components/Control/Radio/Radio';
-import './index.scss';
-import '../index.scss';
 export type { RadioChangeEvent, RadioGroupProps, RadioProps };
 export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;

package/dist/cjs/components/Control/Radio/index.js

@@ -3,7 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = void 0;
 const Group_1 = require("../../../components/Control/Radio/Group");
 const Radio_1 = require("../../../components/Control/Radio/Radio");
-require("./index.scss");
-require("../index.scss");
 exports.Radio = Radio_1.Radio;
 exports.Radio.Group = Group_1.Group;

package/dist/cjs/components/Control/Select/index.d.ts

@@ -1,11 +1,9 @@
-import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from 'rc-select';
-import { type OptionProps } from 'rc-select/lib/Option';
-import { type BaseOptionType, type DefaultOptionType } from 'rc-select/lib/Select';
+import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from '@rc-component/select';
+import { type OptionProps } from '@rc-component/select/lib/Option';
+import { type BaseOptionType, type DefaultOptionType } from '@rc-component/select/lib/Select';
 import * as React from 'react';
 import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
 import { type SizeType } from '../../../types';
-import './index.scss';
-import '../index.scss';
 export type { BaseSelectRef, OptionProps };
 export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'allowClear' | 'mode' | 'placement'> {
     mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';

package/dist/cjs/components/Control/Select/index.js

@@ -37,20 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
+const select_1 = __importStar(require("@rc-component/select"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_select_1 = __importStar(require("rc-select"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const placements_1 = require("../../../components/Control/Select/placements");
 const Icon_1 = require("../../../components/Icon");
 const Spinner_1 = require("../../../components/Spinner");
-require("./index.scss");
-require("../index.scss");
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 function InternalSelect(props, ref) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { allowClear, direction = config.select?.direction || config.direction, dropdownMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(dropdownMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
+    const { allowClear, direction = config.select?.direction || config.direction, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
     const inputRef = React.useRef(null);
     const labelRef = React.useRef(null);
     const [focused, setFocused] = React.useState(false);
@@ -75,9 +73,9 @@ function InternalSelect(props, ref) {
         }
         restProps.onKeyDown?.(event);
     }, [onPressEnter, restProps]);
-    const onDropdownVisibleChange = React.useCallback((open) => {
+    const onPopupVisibleChange = React.useCallback((open) => {
         setInternalOpen(open);
-        restProps.onDropdownVisibleChange?.(open);
+        restProps.onPopupVisibleChange?.(open);
     }, [restProps]);
     const onClickIcon = React.useCallback(() => {
         setInternalOpen(!internalOpen);
@@ -133,12 +131,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.loadingIcon)) {
                 suffixIcon = config.select.loadingIcon;
             }
-            else if (typeof config.selectLoadingIcon === 'function') {
-                suffixIcon = config.selectLoadingIcon();
-            }
-            else if (React.isValidElement(config.selectLoadingIcon)) {
-                suffixIcon = config.selectLoadingIcon;
-            }
             else {
                 suffixIcon = React.createElement(Spinner_1.Spinner, { key: "spinner", ratio: 0.7 });
             }
@@ -152,12 +144,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.addIcon)) {
                     suffixIcon = config.select.addIcon;
                 }
-                else if (typeof config.selectAddIcon === 'function') {
-                    suffixIcon = config.selectAddIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.selectAddIcon)) {
-                    suffixIcon = config.selectAddIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon_1.Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
                 }
@@ -169,12 +155,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.searchIcon)) {
                     suffixIcon = config.select.searchIcon;
                 }
-                else if (typeof config.selectSearchIcon === 'function') {
-                    suffixIcon = config.selectSearchIcon();
-                }
-                else if (React.isValidElement(config.selectSearchIcon)) {
-                    suffixIcon = config.selectSearchIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon_1.Icon, { key: "manage_search", icon: "manage_search" });
                 }
@@ -185,12 +165,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.arrowIcon)) {
                 suffixIcon = config.select.arrowIcon;
             }
-            else if (typeof config.selectArrowIcon === 'function') {
-                suffixIcon = config.selectArrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.selectArrowIcon)) {
-                suffixIcon = config.selectArrowIcon;
-            }
             else {
                 suffixIcon = internalOpen ? (React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less" })) : (React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon }));
             }
@@ -209,12 +183,6 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.notFoundContent)) {
             mergedNotFound = config.select.notFoundContent;
         }
-        else if (typeof config.selectNotFoundContent === 'function') {
-            mergedNotFound = config.selectNotFoundContent();
-        }
-        else if (React.isValidElement(config.selectNotFoundContent)) {
-            mergedNotFound = config.selectNotFoundContent;
-        }
         let clearIcon = React.createElement(Icon_1.Icon, { icon: "clear" });
         if (typeof config.select?.clearIcon === 'function') {
             clearIcon = config.select.clearIcon();
@@ -222,17 +190,10 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.clearIcon)) {
             clearIcon = config.select.clearIcon;
         }
-        else if (typeof config.selectClearIcon === 'function') {
-            clearIcon = config.selectClearIcon();
-        }
-        else if (React.isValidElement(config.selectClearIcon)) {
-            clearIcon = config.selectClearIcon;
-        }
         return {
             allowClear: (allowClear || allowClear === undefined) && {
                 clearIcon,
             },
-            dropdownMatchSelectWidth: true,
             listHeight,
             listItemHeight,
             menuItemSelectedIcon: React.createElement(Icon_1.Icon, { icon: "check" }),
@@ -243,14 +204,16 @@ function InternalSelect(props, ref) {
             suffixIcon,
             transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
-            dropdownClassName: (0, classnames_1.default)(restProps.dropdownClassName, {
+            notFoundContent: mergedNotFound,
+            popupClassName: (0, classnames_1.default)(restProps.popupClassName, {
                 [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
-            notFoundContent: mergedNotFound,
+            popupMatchSelectWidth: true,
+            // eslint-disable-next-line sort-keys
             onBlur,
-            onDropdownVisibleChange,
             onFocus,
             onKeyDown,
+            onPopupVisibleChange,
         };
     }, [
         restProps,
@@ -266,10 +229,10 @@ function InternalSelect(props, ref) {
         prefixCls,
         direction,
         onBlur,
-        onDropdownVisibleChange,
         onFocus,
         onKeyDown,
         onClickIcon,
+        onPopupVisibleChange,
     ]);
     React.useImperativeHandle(ref, () => ({
         blur() {
@@ -283,13 +246,11 @@ function InternalSelect(props, ref) {
         },
     }));
     return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(rc_select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, dropdownAlign: {
+        React.createElement(select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
                 offset: [offsetY, 5],
-            }, 
-            // @ts-ignore
-            placement: placement, ...inputProps, mode: mode })));
+            }, placement: placement, ...inputProps, mode: mode })));
 }
 exports.Select = React.forwardRef(InternalSelect);
 exports.Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
-exports.Select.Option = rc_select_1.Option;
-exports.Select.OptGroup = rc_select_1.OptGroup;
+exports.Select.Option = select_1.Option;
+exports.Select.OptGroup = select_1.OptGroup;

package/dist/cjs/components/Control/TextArea/index.d.ts

@@ -1,8 +1,6 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from 'rc-textarea';
+import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
-import './index.scss';
-import '../index.scss';
 interface ShowCountProps {
     formatter: (args: {
         count: number;

package/dist/cjs/components/Control/TextArea/index.js

@@ -37,14 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
+const textarea_1 = __importDefault(require("@rc-component/textarea"));
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_textarea_1 = __importDefault(require("rc-textarea"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Input_1 = require("../../../components/Control/Input");
-require("./index.scss");
-require("../index.scss");
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
@@ -150,7 +148,7 @@ exports.TextArea = React.forwardRef((props, ref) => {
     const dataCountAttribute = dataCount ? { 'data-count': dataCount } : {};
     return (React.createElement("label", { className: wrapperClasses, htmlFor: inputProps.id, ...dataCountAttribute },
         React.createElement("span", { className: `${controlCls}-input` },
-            React.createElement(rc_textarea_1.default, { ...inputProps, value: value, ref: ref }))));
+            React.createElement(textarea_1.default, { ...inputProps, value: value, ref: ref }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.TextArea.displayName = 'TextArea';

package/dist/cjs/components/Cover/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     automute?: boolean;
     height?: number;

package/dist/cjs/components/Cover/index.js

@@ -41,7 +41,6 @@ const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 function Cover(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;
@@ -77,7 +76,6 @@ function Cover(props) {
         if (React.isValidElement(child)) {
             return React.cloneElement(child, {
                 ...child.props,
-                // @ts-ignore
                 ref: idx === 0 ? coveringElement : null,
                 // eslint-disable-next-line sort-keys
                 className: (0, classnames_1.default)(rootCls, child.props.className),
@@ -88,7 +86,7 @@ function Cover(props) {
                 onLoad: () => {
                     if (automute) {
                         try {
-                            coveringElement.current?.contentWindow?.postMessage('{"event": "command", "method": "setVolume", "value": 0}', '*');
+                            coveringElement.current?.contentWindow?.postMessage(JSON.stringify({ event: 'command', method: 'setVolume', value: 0 }), '*');
                         }
                         catch (e) { }
                     }

package/dist/cjs/components/DatePicker/generatePicker.d.ts

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import { type AnyObject } from '../../types';
 export declare const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, import("./types").PickerProps<DateType>, ValueType>) => React.ReactElement) & {
     displayName?: string;

package/dist/cjs/components/DatePicker/generatePurePicker.d.ts

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerPanelProps, type PickerPanelPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';

package/dist/cjs/components/DatePicker/generatePurePicker.js

@@ -37,11 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generatePurePicker = void 0;
-const rc_picker_1 = require("rc-picker");
+const picker_1 = require("@rc-component/picker");
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const constants_1 = require("../../components/DatePicker/constants");
-// eslint-disable-next-line camelcase
 const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_US"));
 const useComponents_1 = require("../../components/DatePicker/useComponents");
 const utils_1 = require("../../utils");
@@ -52,14 +51,14 @@ const generatePurePicker = (generateConfig) => {
         const Picker = React.forwardRef((props, ref) => {
             const config = (0, ConfigProvider_1.useConfig)();
             const ctxPickerConfig = React.useMemo(() => config[consumerName] || {}, [config]);
-            const { components, direction = ctxPickerConfig.direction || config.direction, locale = en_US_1.default, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
+            const { components, direction = ctxPickerConfig.direction || config.direction, locale = config.datePicker?.locale ?? en_US_1.default, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
             const pickerRef = React.useRef(null);
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = (0, useComponents_1.useComponents)(components);
             React.useImperativeHandle(ref, () => pickerRef.current, []);
             return (
             // @ts-ignore
-            React.createElement(rc_picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, picker: mergedPicker, prefixCls: prefixCls, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), transitionName: (0, utils_1.getMotionName)(config.prefixCls, 'slide-bottom-small'), ...restProps }));
+            React.createElement(picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, picker: mergedPicker, prefixCls: prefixCls, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), transitionName: (0, utils_1.getMotionName)(config.prefixCls, 'slide-bottom-small'), ...restProps }));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {
             Picker.displayName = displayName;

package/dist/cjs/components/DatePicker/generateSinglePicker.d.ts

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerProps, type PickerPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';

package/dist/cjs/components/DatePicker/generateSinglePicker.js

@@ -37,13 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSinglePicker = void 0;
+const picker_1 = require("@rc-component/picker");
 const classnames_1 = __importDefault(require("classnames"));
-const rc_picker_1 = require("rc-picker");
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const constants_1 = require("../../components/DatePicker/constants");
 const DatePickerInputPropsContext_1 = require("../../components/DatePicker/DatePickerInputPropsContext");
-// eslint-disable-next-line camelcase
 const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_US"));
 const placements_1 = __importDefault(require("../../components/DatePicker/placements"));
 const useComponents_1 = require("../../components/DatePicker/useComponents");
@@ -57,7 +56,7 @@ const generateSinglePicker = (generateConfig) => {
         const Picker = React.forwardRef((props, ref) => {
             const config = (0, ConfigProvider_1.useConfig)();
             const ctxPickerConfig = React.useMemo(() => config[consumerName] || {}, [config]);
-            const { allowClear = true, builtinPlacements = placements_1.default, className, components, direction = ctxPickerConfig.direction ?? config.direction, getPopupContainer = config.getPopupContainer, locale = en_US_1.default, placeholder, placement = 'bottom-left', popupClassName, prefixCls = `${config.prefixCls}-datepicker`, rootClassName, size, state, style, onCalendarChange, ...restProps } = props;
+            const { allowClear = true, builtinPlacements = placements_1.default, className, components, direction = ctxPickerConfig.direction ?? config.direction, getPopupContainer = config.getPopupContainer, locale = config.datePicker?.locale ?? en_US_1.default, placeholder, placement = 'bottom-left', popupClassName, prefixCls = `${config.prefixCls}-datepicker`, rootClassName, size, state, style, onCalendarChange, ...restProps } = props;
             const pickerRef = React.useRef(null);
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = (0, useComponents_1.useComponents)(components);
@@ -84,13 +83,14 @@ const generateSinglePicker = (generateConfig) => {
             const mergedAllowClear = allowClear === true ? { clearIcon } : allowClear;
             React.useImperativeHandle(ref, () => pickerRef.current, []);
             return (React.createElement(DatePickerInputPropsContext_1.DatePickerInputPropsContext.Provider, { value: inputProps },
-                React.createElement(rc_picker_1.Picker, { ref: pickerRef, builtinPlacements: builtinPlacements, className: (0, classnames_1.default)(rootClassName, {
+                React.createElement(picker_1.Picker, { ref: pickerRef, builtinPlacements: builtinPlacements, className: (0, classnames_1.default)(rootClassName, {
                         [`${prefixCls}-${size}`]: size,
+                        [`${prefixCls}-${state}`]: state,
                         [`${prefixCls}-rtl`]: direction === 'rtl',
                     }, className), classNames: {
                         popup: (0, classnames_1.default)(popupClassName),
                     }, components: mergedComponents, direction: direction, generateConfig: generateConfig, getPopupContainer: getPopupContainer, locale: locale.lang, picker: mergedPicker, placeholder: (0, utils_1.getPlaceholder)(locale, mergedPicker, placeholder), placement: placement, prefixCls: prefixCls, suffixIcon: suffixIcon, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), style: style, transitionName: (0, utils_2.getMotionName)(config.prefixCls, 'slide-bottom-small'), onCalendarChange: onCalendarChange, ...restProps, allowClear: mergedAllowClear, styles: {
-                        popup: { ...restProps.styles },
+                        popup: { minWidth: 'fit-content', ...restProps.styles },
                     } })));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {

package/dist/cjs/components/DatePicker/index.d.ts

@@ -1,9 +1,16 @@
+import luxonGenerateConfig from '@rc-component/picker/lib/generate/luxon';
 import { type DateTime } from 'luxon';
 import { generatePicker } from '../../components/DatePicker/generatePicker';
 import { generatePurePicker } from '../../components/DatePicker/generatePurePicker';
-import './index.scss';
+export { luxonGenerateConfig };
+export * from '@rc-component/picker/lib/interface';
 export * from '../../components/DatePicker/locale';
 export * from '../../components/DatePicker/types';
+export * from '@rc-component/picker/lib/utils/dateUtil';
+export * from '@rc-component/picker/lib/utils/getClearIcon';
+export * from '@rc-component/picker/lib/utils/miscUtil';
+export * from '@rc-component/picker/lib/utils/uiUtil';
+export * from '@rc-component/picker/lib/utils/warnUtil';
 export interface DatePicker extends ReturnType<typeof generatePicker<DateTime>> {
     generatePicker: typeof generatePicker;
     generatePurePicker: typeof generatePurePicker;

package/dist/cjs/components/DatePicker/index.js

@@ -17,13 +17,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
-const luxon_1 = __importDefault(require("rc-picker/lib/generate/luxon"));
+exports.DatePicker = exports.luxonGenerateConfig = void 0;
+const luxon_1 = __importDefault(require("@rc-component/picker/lib/generate/luxon"));
+exports.luxonGenerateConfig = luxon_1.default;
 const generatePicker_1 = require("../../components/DatePicker/generatePicker");
 const generatePurePicker_1 = require("../../components/DatePicker/generatePurePicker");
-require("./index.scss");
+__exportStar(require("@rc-component/picker/lib/interface"), exports);
 __exportStar(require("../../components/DatePicker/locale"), exports);
 __exportStar(require("../../components/DatePicker/types"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/dateUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/getClearIcon"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/miscUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/uiUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/warnUtil"), exports);
 const InternalDatePicker = (0, generatePicker_1.generatePicker)(luxon_1.default);
 exports.DatePicker = InternalDatePicker;
 exports.DatePicker.generatePicker = generatePicker_1.generatePicker;

package/dist/cjs/components/DatePicker/locale/ar_EG.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const ar_EG_1 = __importDefault(require("rc-picker/lib/locale/ar_EG"));
+const ar_EG_1 = __importDefault(require("@rc-component/picker/lib/locale/ar_EG"));
 const ar_EG_2 = __importDefault(require("../../../components/TimePicker/locale/ar_EG"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/az_AZ.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const az_AZ_1 = __importDefault(require("rc-picker/lib/locale/az_AZ"));
+const az_AZ_1 = __importDefault(require("@rc-component/picker/lib/locale/az_AZ"));
 const az_AZ_2 = __importDefault(require("../../../components/TimePicker/locale/az_AZ"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/bg_BG.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const bg_BG_1 = __importDefault(require("rc-picker/lib/locale/bg_BG"));
+const bg_BG_1 = __importDefault(require("@rc-component/picker/lib/locale/bg_BG"));
 const bg_BG_2 = __importDefault(require("../../../components/TimePicker/locale/bg_BG"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/bn_BD.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const bn_BD_1 = __importDefault(require("rc-picker/lib/locale/bn_BD"));
+const bn_BD_1 = __importDefault(require("@rc-component/picker/lib/locale/bn_BD"));
 const bn_BD_2 = __importDefault(require("../../../components/TimePicker/locale/bn_BD"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/by_BY.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const by_BY_1 = __importDefault(require("rc-picker/lib/locale/by_BY"));
+const by_BY_1 = __importDefault(require("@rc-component/picker/lib/locale/by_BY"));
 const by_BY_2 = __importDefault(require("../../../components/TimePicker/locale/by_BY"));
 const locale = {
     lang: {

package/dist/cjs/components/DatePicker/locale/ca_ES.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const ca_ES_1 = __importDefault(require("rc-picker/lib/locale/ca_ES"));
+const ca_ES_1 = __importDefault(require("@rc-component/picker/lib/locale/ca_ES"));
 const ca_ES_2 = __importDefault(require("../../../components/TimePicker/locale/ca_ES"));
 /* eslint-disable */
 const locale = {