@oceanbase/design 0.4.11 → 0.4.13

package/es/anchor/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/anchor/Anchor';
 export * from 'antd/es/anchor';

package/es/anchor/index.js

@@ -1 +1,2 @@
+export * from 'antd/es/anchor/Anchor';
 export * from 'antd/es/anchor';

package/es/avatar/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/avatar/AvatarContext';
 export * from 'antd/es/avatar';

package/es/avatar/index.js

@@ -1 +1,2 @@
+export * from 'antd/es/avatar/AvatarContext';
 export * from 'antd/es/avatar';

package/es/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/es/descriptions/hooks/useItems.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
     children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
+    key?: React.Key;
+    label?: React.ReactNode;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    label?: React.ReactNode;
     style?: React.CSSProperties;
-    key?: React.Key;
     className?: string;
-    prefixCls?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;

package/es/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
+        status?: "" | "error" | "warning" | "success" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/es/modal/Modal.d.ts

@@ -4,27 +4,27 @@ declare const Modal: {
     ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     success(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     error(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warning(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warn(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     confirm(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;

package/es/segmented/index.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import type { SegmentedProps as AntSegmentedProps, SegmentedLabeledOption as AntSegmentedLabeledOption } from 'antd/es/segmented';
 import type { EllipsisConfig } from '../typography';
+import type { BadgeProps } from '../badge';
 import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
+type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
     ellipsis?: EllipsisConfig;
+    badge?: BadgeType;
 };
 export interface SegmentedProps extends Omit<AntSegmentedProps, 'ref'> {
     options: (SegmentedRawOption | SegmentedLabeledOption)[];

package/es/segmented/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["prefixCls", "options"],
-  _excluded2 = ["label"];
+  _excluded2 = ["label", "badge"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -8,13 +8,18 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useContext } from 'react';
-import { Segmented as AntSegmented } from 'antd';
+import React, { useCallback, useContext } from 'react';
+import { Segmented as AntSegmented, Flex } from 'antd';
 import ConfigProvider from "../config-provider";
 import Typography from "../typography";
+import Badge from "../badge";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export * from 'antd/es/segmented';
+var isReactNode = function isReactNode(item) {
+  return /*#__PURE__*/React.isValidElement(item);
+};
 var Segmented = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var customizePrefixCls = _ref.prefixCls,
     options = _ref.options,
@@ -24,14 +29,28 @@ var Segmented = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var prefixCls = getPrefixCls('segmented', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var renderBadge = useCallback(function (badge) {
+    if (_typeof(badge) === 'object' && !isReactNode(badge)) {
+      return /*#__PURE__*/_jsx(Badge, _objectSpread({}, badge));
+    }
+    return /*#__PURE__*/_jsx(Badge, {
+      count: badge
+    });
+  }, []);
   var newOptions = options === null || options === void 0 ? void 0 : options.map(function (item) {
-    if (_typeof(item) === 'object' && item !== null && item !== void 0 && item.ellipsis) {
+    if (_typeof(item) === 'object') {
       var label = item.label,
+        badge = item.badge,
         restItem = _objectWithoutProperties(item, _excluded2);
       return _objectSpread(_objectSpread({}, restItem), {}, {
-        label: /*#__PURE__*/_jsx(Typography.Text, {
-          ellipsis: item.ellipsis,
-          children: label
+        label: /*#__PURE__*/_jsxs(Flex, {
+          gap: 4,
+          align: "center",
+          justify: "center",
+          children: [item !== null && item !== void 0 && item.ellipsis ? /*#__PURE__*/_jsx(Typography.Text, {
+            ellipsis: item.ellipsis,
+            children: label
+          }) : label, badge && renderBadge(badge)]
         })
       });
     }

package/es/segmented/style/index.js

@@ -4,8 +4,19 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genSegmentedStyle = function genSegmentedStyle(token) {
-  var componentCls = token.componentCls;
-  return _defineProperty({}, "".concat(componentCls), {});
+  var componentCls = token.componentCls,
+    antCls = token.antCls,
+    colorFill = token.colorFill,
+    colorFillSecondary = token.colorFillSecondary;
+  return _defineProperty({}, "".concat(componentCls, " >").concat(componentCls, "-group"), _defineProperty(_defineProperty({}, "&:not(:has(".concat(componentCls, "-thumb)) >").concat(componentCls, "-item"), _defineProperty({}, "&:not(.ant-segmented-item-selected) >".concat(componentCls, "-item-label"), _defineProperty(_defineProperty({}, '&:hover', _defineProperty({}, "".concat(antCls, "-badge >").concat(antCls, "-badge-count"), {
+    backgroundColor: colorFill
+  })), '&:active', _defineProperty({}, "".concat(antCls, "-badge >").concat(antCls, "-badge-count"), {
+    backgroundColor: colorFillSecondary
+  })))), ">".concat(componentCls, "-item"), _defineProperty({}, ">".concat(componentCls, "-item-label"), _defineProperty({}, "".concat(antCls, "-badge >").concat(antCls, "-badge-count"), {
+    backgroundColor: colorFillSecondary,
+    color: 'inherit',
+    boxShadow: 'none'
+  }))));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Segmented', function (token) {

package/es/slider/style/index.js

@@ -2,15 +2,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { toNumber } from 'lodash';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genSliderStyle = function genSliderStyle(token) {
   var componentCls = token.componentCls,
     _token$dotSize = token.dotSize,
-    dotSize = _token$dotSize === void 0 ? 8 : _token$dotSize;
-  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-horizontal"), _defineProperty({}, "".concat(componentCls, "-mark"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-mark-text[style*=\"left: 0%;\"]"), {
+    dotSize = _token$dotSize === void 0 ? 8 : _token$dotSize,
+    _token$handleSize = token.handleSize,
+    handleSize = _token$handleSize === void 0 ? 10 : _token$handleSize,
+    _token$handleLineWidt = token.handleLineWidth,
+    handleLineWidth = _token$handleLineWidt === void 0 ? 2 : _token$handleLineWidt;
+  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-horizontal"), _defineProperty({}, "".concat(componentCls, "-mark"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-mark-text[style*=\"left: 0%;\"]"), {
     transform: "translateX(calc(0% - ".concat(dotSize / 2, "px)) !important")
   }), "".concat(componentCls, "-mark-text[style*=\"left: 100%;\"]"), {
     transform: "translateX(calc(-100% + ".concat(dotSize / 2, "px)) !important")
+  }), "".concat(componentCls, "-mark-text[style=\"transform: translateX(-50%);\"]"), {
+    transform: "translateX(calc(0% - ".concat((handleSize + toNumber(handleLineWidth) * 2) / 2, "px)) !important")
   })));
 };
 export default (function (prefixCls) {

package/es/static-function/index.js

@@ -1,4 +1,4 @@
-var _defaultTheme$token, _defaultTheme$token2;
+var _defaultTheme$token, _defaultTheme$token2, _defaultTheme$token3;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,7 +18,8 @@ var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(de
   // 需要覆盖部分 Alias Token 的值
   override: {
     boxShadow: (_defaultTheme$token = defaultTheme.token) === null || _defaultTheme$token === void 0 ? void 0 : _defaultTheme$token.boxShadow,
-    boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary
+    boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary,
+    boxShadowTertiary: (_defaultTheme$token3 = defaultTheme.token) === null || _defaultTheme$token3 === void 0 ? void 0 : _defaultTheme$token3.boxShadowTertiary
   }
 });
 var token = formatToken(mapToken);

package/es/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
-    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
+    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
+    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/tabs/TabPane.d.ts

@@ -1,8 +1,12 @@
 import type { TabPaneProps as AntTabPaneProps } from 'antd/es/tabs/TabPane';
 import type React from 'react';
+import type { BadgeProps } from '../badge';
+type BadgeType = BadgeProps | BadgeProps['count'];
 export interface TabPaneProps extends AntTabPaneProps {
+    /** @deprecated please use `badge` instead */
     tag?: React.ReactNode;
     divider?: boolean;
+    badge?: BadgeType;
 }
 declare const _default: React.FC<TabPaneProps>;
 export default _default;

package/es/tabs/index.d.ts

@@ -2,15 +2,19 @@ import React from 'react';
 import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
 import type { Tab as AntTab } from 'rc-tabs/es/interface';
 import type { TabPaneProps } from './TabPane';
+import type { BadgeProps } from '../badge';
 export * from 'antd/es/tabs';
 export type { TabPaneProps };
+type BadgeType = BadgeProps | BadgeProps['count'];
 export interface AntTabOptional extends Omit<AntTab, 'key' | 'label'> {
     key?: string;
     label?: React.ReactNode;
 }
 export type Tab = {
+    /** @deprecated please use `badge` instead */
     tag?: React.ReactNode;
     divider?: boolean;
+    badge?: BadgeType;
 } & (AntTab | AntTabOptional);
 export interface TabsProps extends Omit<AntTabsProps, 'items'> {
     items?: Tab[];

package/es/tabs/index.js

@@ -1,16 +1,17 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "items", "type", "tabPosition", "prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { isNullValue } from '@oceanbase/util';
 import { Divider, Space, Tabs as AntTabs, Tag } from 'antd';
-import React, { useContext } from 'react';
+import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
+import Badge from "../badge";
 import ConfigProvider from "../config-provider";
 import useLegacyItems from "./hooks/useLegacyItems";
 import useStyle, { genTabsStyle } from "./style";
@@ -18,6 +19,9 @@ import TabPane from "./TabPane";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export * from 'antd/es/tabs';
+var isReactNode = function isReactNode(item) {
+  return /*#__PURE__*/React.isValidElement(item);
+};
 var Tabs = function Tabs(_ref) {
   var _newItems;
   var children = _ref.children,
@@ -37,6 +41,17 @@ var Tabs = function Tabs(_ref) {
   var dividerList = (items === null || items === void 0 ? void 0 : items.filter(function (item) {
     return item.divider;
   })) || [];
+  var renderBadge = useCallback(function (badge) {
+    if (_typeof(badge) === 'object' && !isReactNode(badge)) {
+      return /*#__PURE__*/_jsx(Badge, _objectSpread(_objectSpread({}, badge), {}, {
+        className: classNames("".concat(prefixCls, "-tab-badge"), badge.className)
+      }));
+    }
+    return /*#__PURE__*/_jsx(Badge, {
+      className: "".concat(prefixCls, "-tab-badge"),
+      count: badge
+    });
+  }, [prefixCls]);
   var newItems = useLegacyItems(items, children);
   newItems = (_newItems = newItems) === null || _newItems === void 0 ? void 0 : _newItems.map(function (item) {
     if (!isNullValue(item.divider)) {
@@ -50,11 +65,11 @@ var Tabs = function Tabs(_ref) {
         }),
         disabled: true
       });
-    } else if (!isNullValue(item.tag)) {
+    } else if (!isNullValue(item.tag) || !isNullValue(item.badge)) {
       return _objectSpread(_objectSpread({}, item), {}, {
         label: /*#__PURE__*/_jsxs(Space, {
           size: 4,
-          children: [item.label, /*#__PURE__*/_jsx(Tag, {
+          children: [item.label, item.badge && renderBadge(item.badge), !isNullValue(item.tag) && /*#__PURE__*/_jsx(Tag, {
             bordered: false,
             className: "".concat(prefixCls, "-tab-tag"),
             children: item.tag

package/es/tabs/style/index.js

@@ -8,18 +8,25 @@ export var genTabsStyle = function genTabsStyle(token) {
     componentCls = token.componentCls,
     colorInfo = token.colorInfo,
     colorInfoBg = token.colorInfoBg,
-    colorTextSecondary = token.colorTextSecondary;
+    colorTextSecondary = token.colorTextSecondary,
+    colorFillQuaternary = token.colorFillQuaternary;
   return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
     // 页签位置为 top 和 bottom 时，去掉分割线
     border: 'none'
-  })), "".concat(componentCls, "-tab"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  })), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
     fontFamily: 'PingFangSC',
     fontSize: 12,
     borderRadius: 12,
     marginInlineEnd: 0,
     height: 20
-  })), "".concat(componentCls, "-tab-active"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  }), "".concat(componentCls, "-tab-badge"), _defineProperty(_defineProperty({}, ">".concat(antCls, "-badge-count"), {
+    color: colorTextSecondary,
+    backgroundColor: colorFillQuaternary
+  }), "borderRadius", 12))), "".concat(componentCls, "-tab-active"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+    color: colorInfo,
+    backgroundColor: colorInfoBg
+  }), "".concat(componentCls, "-tab-badge >").concat(antCls, "-badge-count"), {
     color: colorInfo,
     backgroundColor: colorInfoBg
   })), "".concat(componentCls, "-tab[data-node-key^=divider-]"), _defineProperty({

package/es/theme/default.js

@@ -81,8 +81,9 @@ var defaultTheme = {
     colorBgMask: 'rgba(19, 32, 57, 0.45)',
     colorBgElevated: '#ffffff',
     colorBgSpotlight: '#ffffff',
+    boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
     boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
-    boxShadow: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
+    boxShadowTertiary: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
     borderRadius: 6,
     wireframe: false,
     // Remove focus outline

package/es/theme/style/compact.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 16;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/es/theme/style/dark.less

@@ -322,8 +322,8 @@
 @colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
-@colorPrimaryBg: #111a2c;
-@colorPrimaryBgHover: #0f2445;
+@colorPrimaryBg: #0e2e5b;
+@colorPrimaryBgHover: #0b3b7e;
 @colorPrimaryBorder: #0e2e5b;
 @colorPrimaryBorderHover: #0b3b7e;
 @colorPrimaryHover: #277de8;
@@ -436,11 +436,11 @@
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: rgba(255,255,255,0.08);
-@controlItemBgActive: #111a2c;
-@controlItemBgActiveHover: #0f2445;
+@controlItemBgActive: #0e2e5b;
+@controlItemBgActiveHover: #0b3b7e;
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
-@controlOutline: rgba(0,60,180,0.15);
+@controlOutline: rgba(1,104,249,0.31);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;

package/es/theme/style/default.less

@@ -412,8 +412,9 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
+@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
-@boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
 @lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
@@ -471,11 +472,6 @@
 @marginLG: 24;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;

package/lib/anchor/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/anchor/Anchor';
 export * from 'antd/es/anchor';

package/lib/anchor/index.js

@@ -16,8 +16,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/anchor/index.ts
 var anchor_exports = {};
 module.exports = __toCommonJS(anchor_exports);
+__reExport(anchor_exports, require("antd/es/anchor/Anchor"), module.exports);
 __reExport(anchor_exports, require("antd/es/anchor"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("antd/es/anchor/Anchor"),
   ...require("antd/es/anchor")
 });

package/lib/avatar/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/avatar/AvatarContext';
 export * from 'antd/es/avatar';

package/lib/avatar/index.js

@@ -16,8 +16,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/avatar/index.ts
 var avatar_exports = {};
 module.exports = __toCommonJS(avatar_exports);
+__reExport(avatar_exports, require("antd/es/avatar/AvatarContext"), module.exports);
 __reExport(avatar_exports, require("antd/es/avatar"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("antd/es/avatar/AvatarContext"),
   ...require("antd/es/avatar")
 });

package/lib/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/lib/descriptions/hooks/useItems.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
     children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
+    key?: React.Key;
+    label?: React.ReactNode;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -10,11 +12,8 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    label?: React.ReactNode;
     style?: React.CSSProperties;
-    key?: React.Key;
     className?: string;
-    prefixCls?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;

package/lib/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "success" | "error" | "warning" | "validating";
+        status?: "" | "error" | "warning" | "success" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/lib/modal/Modal.d.ts

@@ -4,27 +4,27 @@ declare const Modal: {
     ({ footer, prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     success(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     error(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warning(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     warn(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     confirm(props: ModalFuncProps): {
         destroy: () => void;
-        update: (configUpdate: ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;

package/lib/segmented/index.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import type { SegmentedProps as AntSegmentedProps, SegmentedLabeledOption as AntSegmentedLabeledOption } from 'antd/es/segmented';
 import type { EllipsisConfig } from '../typography';
+import type { BadgeProps } from '../badge';
 import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
+type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
     ellipsis?: EllipsisConfig;
+    badge?: BadgeType;
 };
 export interface SegmentedProps extends Omit<AntSegmentedProps, 'ref'> {
     options: (SegmentedRawOption | SegmentedLabeledOption)[];