@996-design/996-components 1.0.0

package/es/config-provider/index.d.ts

@@ -0,0 +1,155 @@
+import * as React from 'react';
+import type { WarningContextProps } from '../_util/warning';
+import type { Locale } from '../locale';
+import type { AlertConfig, AnchorStyleConfig, BadgeConfig, BorderBeamConfig, BreadcrumbConfig, ButtonConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, ConfigConsumerProps, CSPConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListConfig, MasonryConfig, MentionsConfig, MenuConfig, MessageConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimelineConfig, TimePickerConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from './context';
+import { ConfigConsumer, ConfigContext, defaultIconPrefixCls, defaultPrefixCls, Variants } from './context';
+import type { RenderEmptyHandler } from './defaultRenderEmpty';
+import useConfig from './hooks/useConfig';
+import type { SizeType } from './SizeContext';
+import SizeContext from './SizeContext';
+export type { Variant };
+export { Variants };
+export declare const warnContext: (componentName: string) => void;
+export { ConfigConsumer, type ConfigConsumerProps, ConfigContext, type CSPConfig, defaultIconPrefixCls, defaultPrefixCls, type DirectionType, type RenderEmptyHandler, type ThemeConfig, };
+export declare const configConsumerProps: string[];
+export interface ConfigProviderProps {
+    getTargetContainer?: () => HTMLElement | Window | ShadowRoot;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement | ShadowRoot;
+    prefixCls?: string;
+    iconPrefixCls?: string;
+    children?: React.ReactNode;
+    renderEmpty?: RenderEmptyHandler;
+    csp?: CSPConfig;
+    /** @deprecated Please use `{ button: { autoInsertSpace: boolean }}` instead */
+    autoInsertSpaceInButton?: boolean;
+    variant?: Variant;
+    form?: FormConfig;
+    input?: InputConfig;
+    inputPassword?: InputPasswordConfig;
+    inputSearch?: InputSearchConfig;
+    otp?: OTPConfig;
+    inputNumber?: InputNumberConfig;
+    textArea?: TextAreaConfig;
+    select?: SelectConfig;
+    pagination?: PaginationConfig;
+    /**
+     * @descCN 语言包配置，语言包可到 `antd/locale` 目录下寻找。
+     * @descEN Language package setting, you can find the packages in `antd/locale`.
+     */
+    locale?: Locale;
+    componentSize?: SizeType;
+    componentDisabled?: boolean;
+    /**
+     * @descCN 设置布局展示方向。
+     * @descEN Set direction of layout.
+     * @default ltr
+     */
+    direction?: DirectionType;
+    space?: SpaceConfig;
+    splitter?: SplitterConfig;
+    /**
+     * @descCN 设置 `false` 时关闭虚拟滚动。
+     * @descEN Close the virtual scrolling when setting `false`.
+     * @default true
+     */
+    virtual?: boolean;
+    /** @deprecated Please use `popupMatchSelectWidth` instead */
+    dropdownMatchSelectWidth?: boolean;
+    popupMatchSelectWidth?: boolean;
+    popupOverflow?: PopupOverflow;
+    theme?: ThemeConfig;
+    warning?: WarningContextProps;
+    alert?: AlertConfig;
+    affix?: ComponentStyleConfig;
+    anchor?: AnchorStyleConfig;
+    app?: ComponentStyleConfig;
+    button?: ButtonConfig;
+    calendar?: CalendarConfig;
+    carousel?: ComponentStyleConfig;
+    cascader?: CascaderConfig;
+    treeSelect?: TreeSelectConfig;
+    collapse?: CollapseConfig;
+    divider?: DividerConfig;
+    drawer?: DrawerConfig;
+    typography?: TypographyConfig;
+    skeleton?: SkeletonConfig;
+    spin?: SpinConfig;
+    segmented?: SegmentedConfig;
+    statistic?: StatisticConfig;
+    steps?: StepsConfig;
+    image?: ImageConfig;
+    layout?: ComponentStyleConfig;
+    list?: ListConfig;
+    mentions?: MentionsConfig;
+    modal?: ModalConfig;
+    progress?: ProgressConfig;
+    result?: ResultConfig;
+    slider?: SliderConfig;
+    masonry?: MasonryConfig;
+    breadcrumb?: BreadcrumbConfig;
+    menu?: MenuConfig;
+    floatButton?: FloatButtonConfig;
+    floatButtonGroup?: FloatButtonGroupConfig;
+    checkbox?: CheckboxConfig;
+    descriptions?: DescriptionsConfig;
+    empty?: EmptyConfig;
+    badge?: BadgeConfig;
+    borderBeam?: BorderBeamConfig;
+    radio?: RadioConfig;
+    rate?: ComponentStyleConfig;
+    ribbon?: RibbonConfig;
+    switch?: SwitchStyleConfig;
+    transfer?: TransferConfig;
+    avatar?: ComponentStyleConfig;
+    message?: MessageConfig;
+    tag?: TagConfig;
+    table?: TableConfig;
+    card?: CardConfig;
+    cardMeta?: CardMetaConfig;
+    tabs?: TabsConfig;
+    timeline?: TimelineConfig;
+    timePicker?: TimePickerConfig;
+    upload?: UploadConfig;
+    notification?: NotificationConfig;
+    tree?: TreeConfig;
+    colorPicker?: ColorPickerConfig;
+    datePicker?: DatePickerConfig;
+    rangePicker?: RangePickerConfig;
+    dropdown?: DropdownConfig;
+    flex?: FlexConfig;
+    /**
+     * Wave is special component which only patch on the effect of component interaction.
+     */
+    wave?: WaveConfig;
+    tour?: TourConfig;
+    tooltip?: TooltipConfig;
+    popover?: PopoverConfig;
+    popconfirm?: PopconfirmConfig;
+    watermark?: ComponentStyleConfig;
+    qrcode?: QRcodeConfig;
+}
+type holderRenderType = (children: React.ReactNode) => React.ReactNode;
+declare function getGlobalIconPrefixCls(): string;
+export interface GlobalConfigProps {
+    prefixCls?: string;
+    iconPrefixCls?: string;
+    theme?: ThemeConfig;
+    holderRender?: holderRenderType;
+}
+declare const setGlobalConfig: (props: GlobalConfigProps) => void;
+export declare const globalConfig: () => {
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    getIconPrefixCls: typeof getGlobalIconPrefixCls;
+    getRootPrefixCls: () => string;
+    getTheme: () => ThemeConfig;
+    holderRender: holderRenderType | undefined;
+};
+declare const ConfigProvider: React.FC<ConfigProviderProps> & {
+    /** @private internal Usage. do not use in your production */
+    ConfigContext: typeof ConfigContext;
+    /** @deprecated Please use `ConfigProvider.useConfig().componentSize` instead */
+    SizeContext: typeof SizeContext;
+    config: typeof setGlobalConfig;
+    useConfig: typeof useConfig;
+};
+export default ConfigProvider;

package/es/config-provider/index.js

@@ -0,0 +1,466 @@
+"use client";
+
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["algorithm", "token", "components", "cssVar"];
+import * as React from 'react';
+import { createTheme, StyleContext as CssInJsStyleContext } from '@996-design/996-cssinjs';
+import IconContext from "@996-design/996-icons/es/components/Context";
+import { merge, useMemo } from '@rc-component/util';
+import { isFunction, isPlainObject } from '../_util/is.js';
+import warning, { devUseWarning, WarningContext } from '../_util/warning.js';
+import ValidateMessagesContext from '../form/validateMessagesContext.js';
+import LocaleProvider, { ANT_MARK } from '../locale/index.js';
+import LocaleContext from '../locale/context.js';
+import defaultLocale from '../locale/en_US.js';
+import { defaultTheme, DesignTokenContext } from '../theme/context.js';
+import defaultSeedToken from '../theme/themes/seed.js';
+import UniqueProvider from '../tooltip/UniqueProvider/index.js';
+import { ConfigConsumer, ConfigContext, defaultIconPrefixCls, defaultPrefixCls, Variants } from './context.js';
+import { DisabledContextProvider } from './DisabledContext.js';
+import useConfig from './hooks/useConfig.js';
+import useTheme from './hooks/useTheme.js';
+import MotionWrapper from './MotionWrapper.js';
+import PropWarning from './PropWarning.js';
+import SizeContext, { SizeContextProvider } from './SizeContext.js';
+import useStyle from './style/index.js';
+/**
+ * This component registers icon styles inside the DesignTokenContext.Provider
+ * so that CSS variables use the correct cssVar key from the theme config.
+ */
+var IconStyle = function IconStyle(_ref) {
+  var iconPrefixCls = _ref.iconPrefixCls,
+    csp = _ref.csp;
+  useStyle(iconPrefixCls, csp);
+  return null;
+};
+export { Variants };
+/**
+ * Since too many feedback using static method like `Modal.confirm` not getting theme, we record the
+ * theme register info here to help developer get warning info.
+ */
+var existThemeConfig = false;
+export var warnContext = process.env.NODE_ENV !== 'production' ? function (componentName) {
+  process.env.NODE_ENV !== "production" ? warning(!existThemeConfig, componentName, "Static function can not consume context like dynamic theme. Please use 'App' component instead.") : void 0;
+} : /* istanbul ignore next */
+null;
+export { ConfigConsumer, ConfigContext, defaultIconPrefixCls, defaultPrefixCls };
+export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale'];
+// These props is used by `useContext` directly in sub component
+var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'input', 'pagination', 'form', 'select', 'button'];
+var globalPrefixCls;
+var globalIconPrefixCls;
+var globalTheme;
+var globalHolderRender;
+function getGlobalPrefixCls() {
+  return globalPrefixCls || defaultPrefixCls;
+}
+function getGlobalIconPrefixCls() {
+  return globalIconPrefixCls || defaultIconPrefixCls;
+}
+var setGlobalConfig = function setGlobalConfig(props) {
+  var prefixCls = props.prefixCls,
+    iconPrefixCls = props.iconPrefixCls,
+    theme = props.theme,
+    holderRender = props.holderRender;
+  if (prefixCls !== undefined) {
+    globalPrefixCls = prefixCls;
+  }
+  if (iconPrefixCls !== undefined) {
+    globalIconPrefixCls = iconPrefixCls;
+  }
+  if ('holderRender' in props) {
+    globalHolderRender = holderRender;
+  }
+  if (theme) {
+    globalTheme = theme;
+  }
+};
+export var globalConfig = function globalConfig() {
+  return {
+    getPrefixCls: function getPrefixCls(suffixCls, customizePrefixCls) {
+      if (customizePrefixCls) {
+        return customizePrefixCls;
+      }
+      return suffixCls ? "".concat(getGlobalPrefixCls(), "-").concat(suffixCls) : getGlobalPrefixCls();
+    },
+    getIconPrefixCls: getGlobalIconPrefixCls,
+    getRootPrefixCls: function getRootPrefixCls() {
+      // If Global prefixCls provided, use this
+      if (globalPrefixCls) {
+        return globalPrefixCls;
+      }
+      // Fallback to default prefixCls
+      return getGlobalPrefixCls();
+    },
+    getTheme: function getTheme() {
+      return globalTheme;
+    },
+    holderRender: globalHolderRender
+  };
+};
+var ProviderChildren = function ProviderChildren(props) {
+  var children = props.children,
+    customCsp = props.csp,
+    autoInsertSpaceInButton = props.autoInsertSpaceInButton,
+    alert = props.alert,
+    affix = props.affix,
+    anchor = props.anchor,
+    app = props.app,
+    form = props.form,
+    rawLocale = props.locale,
+    componentSize = props.componentSize,
+    direction = props.direction,
+    space = props.space,
+    splitter = props.splitter,
+    virtual = props.virtual,
+    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+    popupMatchSelectWidth = props.popupMatchSelectWidth,
+    popupOverflow = props.popupOverflow,
+    legacyLocale = props.legacyLocale,
+    parentContext = props.parentContext,
+    customIconPrefixCls = props.iconPrefixCls,
+    theme = props.theme,
+    componentDisabled = props.componentDisabled,
+    segmented = props.segmented,
+    statistic = props.statistic,
+    spin = props.spin,
+    calendar = props.calendar,
+    carousel = props.carousel,
+    cascader = props.cascader,
+    collapse = props.collapse,
+    typography = props.typography,
+    checkbox = props.checkbox,
+    descriptions = props.descriptions,
+    divider = props.divider,
+    drawer = props.drawer,
+    skeleton = props.skeleton,
+    steps = props.steps,
+    image = props.image,
+    layout = props.layout,
+    list = props.list,
+    mentions = props.mentions,
+    modal = props.modal,
+    progress = props.progress,
+    result = props.result,
+    slider = props.slider,
+    breadcrumb = props.breadcrumb,
+    masonry = props.masonry,
+    menu = props.menu,
+    pagination = props.pagination,
+    input = props.input,
+    inputPassword = props.inputPassword,
+    inputSearch = props.inputSearch,
+    textArea = props.textArea,
+    otp = props.otp,
+    empty = props.empty,
+    badge = props.badge,
+    borderBeam = props.borderBeam,
+    radio = props.radio,
+    rate = props.rate,
+    ribbon = props.ribbon,
+    SWITCH = props.switch,
+    transfer = props.transfer,
+    avatar = props.avatar,
+    message = props.message,
+    tag = props.tag,
+    table = props.table,
+    card = props.card,
+    cardMeta = props.cardMeta,
+    tabs = props.tabs,
+    timeline = props.timeline,
+    timePicker = props.timePicker,
+    upload = props.upload,
+    notification = props.notification,
+    tree = props.tree,
+    colorPicker = props.colorPicker,
+    datePicker = props.datePicker,
+    rangePicker = props.rangePicker,
+    flex = props.flex,
+    wave = props.wave,
+    dropdown = props.dropdown,
+    warningConfig = props.warning,
+    tour = props.tour,
+    tooltip = props.tooltip,
+    popover = props.popover,
+    popconfirm = props.popconfirm,
+    qrcode = props.qrcode,
+    floatButton = props.floatButton,
+    floatButtonGroup = props.floatButtonGroup,
+    variant = props.variant,
+    inputNumber = props.inputNumber,
+    treeSelect = props.treeSelect,
+    watermark = props.watermark;
+  // https://github.com/ant-design/ant-design/issues/57295
+  var locale = React.useMemo(function () {
+    var _rawLocale$default;
+    if (isPlainObject(rawLocale) && Object.prototype.hasOwnProperty.call(rawLocale, 'default') && (_rawLocale$default = rawLocale.default) !== null && _rawLocale$default !== void 0 && _rawLocale$default.locale) {
+      return rawLocale.default;
+    }
+    return rawLocale;
+  }, [rawLocale]);
+  // =================================== Context ===================================
+  var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
+    var prefixCls = props.prefixCls;
+    if (customizePrefixCls) {
+      return customizePrefixCls;
+    }
+    var mergedPrefixCls = prefixCls || parentContext.getPrefixCls('');
+    return suffixCls ? "".concat(mergedPrefixCls, "-").concat(suffixCls) : mergedPrefixCls;
+  }, [parentContext.getPrefixCls, props.prefixCls]);
+  var iconPrefixCls = customIconPrefixCls || parentContext.iconPrefixCls || defaultIconPrefixCls;
+  var csp = customCsp || parentContext.csp;
+  var mergedTheme = useTheme(theme, parentContext.theme, {
+    prefixCls: getPrefixCls('')
+  });
+  if (process.env.NODE_ENV !== 'production') {
+    existThemeConfig = existThemeConfig || !!mergedTheme;
+  }
+  var baseConfig = {
+    csp: csp,
+    autoInsertSpaceInButton: autoInsertSpaceInButton,
+    alert: alert,
+    affix: affix,
+    anchor: anchor,
+    app: app,
+    locale: locale || legacyLocale,
+    direction: direction,
+    space: space,
+    splitter: splitter,
+    virtual: virtual,
+    popupMatchSelectWidth: popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth,
+    popupOverflow: popupOverflow,
+    getPrefixCls: getPrefixCls,
+    iconPrefixCls: iconPrefixCls,
+    theme: mergedTheme,
+    segmented: segmented,
+    statistic: statistic,
+    spin: spin,
+    calendar: calendar,
+    carousel: carousel,
+    cascader: cascader,
+    collapse: collapse,
+    typography: typography,
+    checkbox: checkbox,
+    descriptions: descriptions,
+    divider: divider,
+    drawer: drawer,
+    skeleton: skeleton,
+    steps: steps,
+    image: image,
+    input: input,
+    inputPassword: inputPassword,
+    inputSearch: inputSearch,
+    textArea: textArea,
+    otp: otp,
+    layout: layout,
+    list: list,
+    mentions: mentions,
+    modal: modal,
+    progress: progress,
+    result: result,
+    slider: slider,
+    breadcrumb: breadcrumb,
+    masonry: masonry,
+    menu: menu,
+    pagination: pagination,
+    empty: empty,
+    badge: badge,
+    borderBeam: borderBeam,
+    radio: radio,
+    rate: rate,
+    ribbon: ribbon,
+    switch: SWITCH,
+    transfer: transfer,
+    avatar: avatar,
+    message: message,
+    tag: tag,
+    table: table,
+    card: card,
+    cardMeta: cardMeta,
+    tabs: tabs,
+    timeline: timeline,
+    timePicker: timePicker,
+    upload: upload,
+    notification: notification,
+    tree: tree,
+    colorPicker: colorPicker,
+    datePicker: datePicker,
+    rangePicker: rangePicker,
+    flex: flex,
+    wave: wave,
+    dropdown: dropdown,
+    warning: warningConfig,
+    tour: tour,
+    tooltip: tooltip,
+    popover: popover,
+    popconfirm: popconfirm,
+    qrcode: qrcode,
+    floatButton: floatButton,
+    floatButtonGroup: floatButtonGroup,
+    variant: variant,
+    inputNumber: inputNumber,
+    treeSelect: treeSelect,
+    watermark: watermark
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    var warningFn = devUseWarning('ConfigProvider');
+    warningFn(!('autoInsertSpaceInButton' in props), 'deprecated', '`autoInsertSpaceInButton` is deprecated. Please use `{ button: { autoInsertSpace: boolean }}` instead.');
+  }
+  var config = _objectSpread({}, parentContext);
+  Object.keys(baseConfig).forEach(function (key) {
+    if (baseConfig[key] !== undefined) {
+      config[key] = baseConfig[key];
+    }
+  });
+  // Pass the props used by `useContext` directly with child component.
+  // These props should merged into `config`.
+  PASSED_PROPS.forEach(function (propName) {
+    var propValue = props[propName];
+    if (propValue) {
+      config[propName] = propValue;
+    }
+  });
+  if (typeof autoInsertSpaceInButton !== 'undefined') {
+    // merge deprecated api
+    config.button = _objectSpread({
+      autoInsertSpace: autoInsertSpaceInButton
+    }, config.button);
+  }
+  // https://github.com/ant-design/ant-design/issues/27617
+  var memoedConfig = useMemo(function () {
+    return config;
+  }, config, function (prevConfig, currentConfig) {
+    var prevKeys = Object.keys(prevConfig);
+    var currentKeys = Object.keys(currentConfig);
+    return prevKeys.length !== currentKeys.length || prevKeys.some(function (key) {
+      return prevConfig[key] !== currentConfig[key];
+    });
+  });
+  var _React$useContext = React.useContext(CssInJsStyleContext),
+    layer = _React$useContext.layer;
+  var memoIconContextValue = React.useMemo(function () {
+    return {
+      prefixCls: iconPrefixCls,
+      csp: csp,
+      layer: layer ? 'antd' : undefined,
+      zeroRuntime: !!layer || (mergedTheme === null || mergedTheme === void 0 ? void 0 : mergedTheme.zeroRuntime)
+    };
+  }, [iconPrefixCls, csp, layer, mergedTheme === null || mergedTheme === void 0 ? void 0 : mergedTheme.zeroRuntime]);
+  var childNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconStyle, {
+    iconPrefixCls: iconPrefixCls,
+    csp: csp
+  }), /*#__PURE__*/React.createElement(PropWarning, {
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth
+  }), children);
+  var validateMessages = React.useMemo(function () {
+    var _defaultLocale$Form, _memoedConfig$locale, _memoedConfig$form;
+    return merge(((_defaultLocale$Form = defaultLocale.Form) === null || _defaultLocale$Form === void 0 ? void 0 : _defaultLocale$Form.defaultValidateMessages) || {}, ((_memoedConfig$locale = memoedConfig.locale) === null || _memoedConfig$locale === void 0 || (_memoedConfig$locale = _memoedConfig$locale.Form) === null || _memoedConfig$locale === void 0 ? void 0 : _memoedConfig$locale.defaultValidateMessages) || {}, ((_memoedConfig$form = memoedConfig.form) === null || _memoedConfig$form === void 0 ? void 0 : _memoedConfig$form.validateMessages) || {}, (form === null || form === void 0 ? void 0 : form.validateMessages) || {});
+  }, [memoedConfig, form === null || form === void 0 ? void 0 : form.validateMessages]);
+  if (Object.keys(validateMessages).length > 0) {
+    childNode = /*#__PURE__*/React.createElement(ValidateMessagesContext.Provider, {
+      value: validateMessages
+    }, childNode);
+  }
+  if (locale) {
+    childNode = /*#__PURE__*/React.createElement(LocaleProvider, {
+      locale: locale,
+      _ANT_MARK__: ANT_MARK
+    }, childNode);
+  }
+  if (iconPrefixCls || csp) {
+    childNode = /*#__PURE__*/React.createElement(IconContext.Provider, {
+      value: memoIconContextValue
+    }, childNode);
+  }
+  if (componentSize) {
+    childNode = /*#__PURE__*/React.createElement(SizeContextProvider, {
+      size: componentSize
+    }, childNode);
+  }
+  // =================================== Motion ===================================
+  childNode = /*#__PURE__*/React.createElement(MotionWrapper, null, childNode);
+  // ================================ Tooltip Unique ===============================
+  if (tooltip !== null && tooltip !== void 0 && tooltip.unique) {
+    childNode = /*#__PURE__*/React.createElement(UniqueProvider, null, childNode);
+  }
+  // ================================ Dynamic theme ================================
+  var memoTheme = React.useMemo(function () {
+    var _ref2 = mergedTheme || {},
+      algorithm = _ref2.algorithm,
+      token = _ref2.token,
+      components = _ref2.components,
+      cssVar = _ref2.cssVar,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+    var themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
+    var parsedComponents = {};
+    Object.entries(components || {}).forEach(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        componentName = _ref4[0],
+        componentToken = _ref4[1];
+      var parsedToken = _objectSpread({}, componentToken);
+      if ('algorithm' in parsedToken) {
+        if (parsedToken.algorithm === true) {
+          parsedToken.theme = themeObj;
+        } else if (Array.isArray(parsedToken.algorithm) || isFunction(parsedToken.algorithm)) {
+          parsedToken.theme = createTheme(parsedToken.algorithm);
+        }
+        delete parsedToken.algorithm;
+      }
+      parsedComponents[componentName] = parsedToken;
+    });
+    var mergedToken = _objectSpread(_objectSpread({}, defaultSeedToken), token);
+    return _objectSpread(_objectSpread({}, rest), {}, {
+      theme: themeObj,
+      token: mergedToken,
+      components: parsedComponents,
+      override: _objectSpread({
+        override: mergedToken
+      }, parsedComponents),
+      cssVar: cssVar
+    });
+  }, [mergedTheme]);
+  if (theme) {
+    childNode = /*#__PURE__*/React.createElement(DesignTokenContext.Provider, {
+      value: memoTheme
+    }, childNode);
+  }
+  // ================================== Warning ===================================
+  if (memoedConfig.warning) {
+    childNode = /*#__PURE__*/React.createElement(WarningContext.Provider, {
+      value: memoedConfig.warning
+    }, childNode);
+  }
+  // =================================== Render ===================================
+  if (componentDisabled !== undefined) {
+    childNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {
+      disabled: componentDisabled
+    }, childNode);
+  }
+  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: memoedConfig
+  }, childNode);
+};
+var ConfigProvider = function ConfigProvider(props) {
+  var context = React.useContext(ConfigContext);
+  var antLocale = React.useContext(LocaleContext);
+  return /*#__PURE__*/React.createElement(ProviderChildren, _objectSpread({
+    parentContext: context,
+    legacyLocale: antLocale
+  }, props));
+};
+ConfigProvider.ConfigContext = ConfigContext;
+ConfigProvider.SizeContext = SizeContext;
+ConfigProvider.config = setGlobalConfig;
+ConfigProvider.useConfig = useConfig;
+Object.defineProperty(ConfigProvider, 'SizeContext', {
+  get: function get() {
+    process.env.NODE_ENV !== "production" ? warning(false, 'ConfigProvider', 'ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead.') : void 0;
+    return SizeContext;
+  }
+});
+if (process.env.NODE_ENV !== 'production') {
+  ConfigProvider.displayName = 'ConfigProvider';
+}
+export default ConfigProvider;

package/es/config-provider/style/index.d.ts

@@ -0,0 +1 @@
+export { useResetIconStyle as default } from '../../theme/internal';

package/es/config-provider/style/index.js

@@ -0,0 +1 @@
+export { useResetIconStyle as default } from '../../theme/internal.js';

package/es/config-provider/style.d.ts

@@ -0,0 +1,2 @@
+export * from './style/index';
+export { default } from './style/index';

package/es/config-provider/style.js

@@ -0,0 +1,3 @@
+import * as moduleNamespace from './style/index.js';
+export * from './style/index.js';
+export default moduleNamespace.default;

package/es/config-provider.d.ts

@@ -0,0 +1,2 @@
+export * from './config-provider/index';
+export { default } from './config-provider/index';

package/es/config-provider.js

@@ -0,0 +1,3 @@
+import * as moduleNamespace from './config-provider/index.js';
+export * from './config-provider/index.js';
+export default moduleNamespace.default;

package/es/date-picker/PickerButton.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { ButtonProps } from '../button/Button';
+declare const PickerButton: React.FC<Readonly<ButtonProps>>;
+export default PickerButton;

package/es/date-picker/PickerButton.js

@@ -0,0 +1,12 @@
+"use client";
+
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import * as React from 'react';
+import Button from '../button/Button.js';
+var PickerButton = function PickerButton(props) {
+  return /*#__PURE__*/React.createElement(Button, _objectSpread({
+    size: "small",
+    type: "primary"
+  }, props));
+};
+export default PickerButton;

package/es/date-picker/generatePicker/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const WEEK: "week", WEEKPICKER: "WeekPicker";
+export declare const MONTH: "month", MONTHPICKER: "MonthPicker";
+export declare const YEAR: "year", YEARPICKER: "YearPicker";
+export declare const QUARTER: "quarter", QUARTERPICKER: "QuarterPicker";
+export declare const TIME: "time", TIMEPICKER: "TimePicker";

package/es/date-picker/generatePicker/constant.js

@@ -0,0 +1,15 @@
+var WEEK = 'week',
+  WEEKPICKER = 'WeekPicker';
+export { WEEK, WEEKPICKER };
+var MONTH = 'month',
+  MONTHPICKER = 'MonthPicker';
+export { MONTH, MONTHPICKER };
+var YEAR = 'year',
+  YEARPICKER = 'YearPicker';
+export { YEAR, YEARPICKER };
+var QUARTER = 'quarter',
+  QUARTERPICKER = 'QuarterPicker';
+export { QUARTER, QUARTERPICKER };
+var TIME = 'time',
+  TIMEPICKER = 'TimePicker';
+export { TIME, TIMEPICKER };