@oceanbase/design 0.2.20 → 0.2.22

package/es/_util/genComponentStyleHook.js

@@ -5,15 +5,19 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { genComponentStyleHook as antGenComponentStyleHook } from 'antd/es/theme/internal';
+import theme from "../theme";
 export function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return function (prefixCls) {
     var useStyle = antGenComponentStyleHook("OB-".concat(componentName), function (token) {
       return [styleFn(token)];
     }, getDefaultToken);
     var _useStyle = useStyle(prefixCls),
-      _useStyle2 = _slicedToArray(_useStyle, 2),
-      wrapSSR = _useStyle2[0],
-      hashId = _useStyle2[1];
+      _useStyle2 = _slicedToArray(_useStyle, 1),
+      wrapSSR = _useStyle2[0];
+    // use hashId from useToken, as hashId is '' when hashed is false
+    // ref: https://github.com/ant-design/ant-design/blob/master/components/theme/useToken.ts#L80
+    var _theme$useToken = theme.useToken(),
+      hashId = _theme$useToken.hashId;
     return {
       wrapSSR: wrapSSR,
       hashId: hashId

package/es/card/index.d.ts

@@ -10,7 +10,7 @@ export interface CardProps extends AntCardProps {
     tabList?: CardTabListType[];
 }
 declare const Card: {
-    ({ children, divided, tabList, activeTabKey, defaultActiveTabKey, onTabChange, tabProps, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ children, divided, tabList, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Grid: React.FC<import("antd/es/card").CardGridProps>;
     Meta: React.FC<import("antd/es/card").CardMetaProps>;
     displayName: string;

package/es/card/index.js

@@ -1,11 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "divided", "tabList", "activeTabKey", "defaultActiveTabKey", "onTabChange", "tabProps", "prefixCls", "className"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _excluded = ["children", "divided", "tabList", "prefixCls", "className"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -16,24 +10,18 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { isNullValue } from '@oceanbase/util';
 import { Card as AntCard, Space, Tag } from 'antd';
 import classNames from 'classnames';
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext } from 'react';
 import ConfigProvider from "../config-provider";
-import useInkBar from "../tabs/hooks/useInkBar";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export * from 'antd/es/card/Card';
 export * from 'antd/es/card';
 var Card = function Card(_ref) {
-  var _newTabList$;
   var children = _ref.children,
     _ref$divided = _ref.divided,
     divided = _ref$divided === void 0 ? true : _ref$divided,
     tabList = _ref.tabList,
-    activeTabKey = _ref.activeTabKey,
-    defaultActiveTabKey = _ref.defaultActiveTabKey,
-    _onTabChange = _ref.onTabChange,
-    tabProps = _ref.tabProps,
     customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
@@ -44,7 +32,6 @@ var Card = function Card(_ref) {
   var _useStyle = useStyle(prefixCls, tabsPrefixCls),
     wrapSSR = _useStyle.wrapSSR;
   var cardCls = classNames(_defineProperty({}, "".concat(prefixCls, "-no-divider"), !divided), className);
-  var ref = useRef();
   var newTabList = tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) {
     if (!isNullValue(item.tag)) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -60,28 +47,8 @@ var Card = function Card(_ref) {
     }
     return item;
   });
-  var _useState = useState(activeTabKey || defaultActiveTabKey || (newTabList === null || newTabList === void 0 ? void 0 : (_newTabList$ = newTabList[0]) === null || _newTabList$ === void 0 ? void 0 : _newTabList$.key)),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeKey = _useState2[0],
-    setActiveKey = _useState2[1];
-  useInkBar({
-    prefixCls: tabsPrefixCls,
-    activeKey: activeKey,
-    size: tabProps === null || tabProps === void 0 ? void 0 : tabProps.size,
-    type: tabProps === null || tabProps === void 0 ? void 0 : tabProps.type,
-    tabPosition: tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabPosition,
-    containerRef: ref
-  });
   return wrapSSR( /*#__PURE__*/_jsx(AntCard, _objectSpread(_objectSpread({
-    ref: ref,
     tabList: newTabList,
-    defaultActiveTabKey: defaultActiveTabKey,
-    activeTabKey: activeTabKey,
-    onTabChange: function onTabChange(key) {
-      setActiveKey(key);
-      _onTabChange === null || _onTabChange === void 0 ? void 0 : _onTabChange(key);
-    },
-    tabProps: tabProps,
     prefixCls: customizePrefixCls,
     className: cardCls
   }, restProps), {}, {

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

@@ -15,6 +15,8 @@ export type SpinConfig = ComponentStyleConfig & {
     indicator?: SpinIndicator;
 };
 export interface ConfigConsumerProps extends AntConfigConsumerProps {
+    theme?: ThemeConfig;
+    navigate?: NavigateFunction;
     spin?: SpinConfig;
 }
 export interface ConfigProviderProps extends AntConfigProviderProps {
@@ -26,7 +28,7 @@ export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;
 }
 declare const ConfigProvider: {
-    ({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ children, theme, navigate, spin, tabs, ...restProps }: ConfigProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     ConfigContext: React.Context<ConfigConsumerProps>;
     ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
     config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {

package/es/config-provider/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "theme", "navigate", "spin"];
+var _excluded = ["children", "theme", "navigate", "spin", "tabs"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -30,12 +30,18 @@ var ConfigProvider = function ConfigProvider(_ref) {
     theme = _ref.theme,
     navigate = _ref.navigate,
     spin = _ref.spin,
+    tabs = _ref.tabs,
     restProps = _objectWithoutProperties(_ref, _excluded);
   // inherit from parent ConfigProvider
   var parentContext = React.useContext(AntConfigProvider.ConfigContext);
   var parentExtendedContext = React.useContext(ExtendedConfigContext);
   return /*#__PURE__*/_jsx(AntConfigProvider, _objectSpread(_objectSpread({
     spin: merge(parentContext.spin, spin),
+    tabs: merge({
+      indicatorSize: function indicatorSize(origin) {
+        return origin >= 24 ? origin - 16 : origin;
+      }
+    }, parentContext.tabs, tabs),
     theme: merge({
       // Only set seed token for dark theme
       // Because defaultThemeToken is designed for light theme

package/es/index.js

@@ -1,5 +1,3 @@
-import { theme } from 'antd';
-
 // 引入 antd/dist/reset.css，以重置基本样式，保证原生元素遵从 antd 规范样式
 // ref: https://ant.design/docs/react/migration-v5-cn#%E6%8A%80%E6%9C%AF%E8%B0%83%E6%95%B4
 import 'antd/dist/reset.css';
@@ -20,7 +18,6 @@ export { default as Tooltip } from "./tooltip";
 export { default as Breadcrumb } from "./breadcrumb";
 export { default as Spin } from "./spin";
 export { default as Badge } from "./badge";
+import theme from "./theme";
 var useToken = theme.useToken;
-
-// 直接导出 useToken，方便上层使用
 export { useToken };

package/es/menu/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/menu/hooks/useItems';
 export * from 'antd/es/menu';

package/es/menu/index.js

@@ -1 +1,2 @@
+export * from 'antd/es/menu/hooks/useItems';
 export * from 'antd/es/menu';

package/es/tabs/index.d.ts

@@ -11,7 +11,7 @@ export interface TabsProps extends AntTabsProps {
 }
 export type TabsPosition = AntTabsPosition;
 declare const Tabs: {
-    ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ children, items, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     TabPane: React.FC<import("./TabPane").TabPaneProps>;
     displayName: string;
 };

package/es/tabs/index.js

@@ -1,11 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["children", "items", "defaultActiveKey", "activeKey", "onChange", "size", "type", "tabPosition", "prefixCls", "className"];
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _excluded = ["children", "items", "type", "tabPosition", "prefixCls", "className"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; }
@@ -15,25 +9,18 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { Space, Tabs as AntTabs, Tag } from 'antd';
-import React, { useState, useRef, useContext } from 'react';
+import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigProvider from "../config-provider";
-import useInkBar from "./hooks/useInkBar";
 import useLegacyItems from "./hooks/useLegacyItems";
 import useStyle from "./style";
-import { useUpdateEffect } from 'ahooks';
 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 Tabs = function Tabs(_ref) {
-  var _newItems, _newItems$;
   var children = _ref.children,
     items = _ref.items,
-    defaultActiveKey = _ref.defaultActiveKey,
-    activeKeyProp = _ref.activeKey,
-    _onChange = _ref.onChange,
-    size = _ref.size,
     type = _ref.type,
     tabPosition = _ref.tabPosition,
     customizePrefixCls = _ref.prefixCls,
@@ -45,7 +32,6 @@ var Tabs = function Tabs(_ref) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
   var tabsCls = classNames(className);
-  var ref = useRef();
   var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
   var newItems = items === null || items === void 0 ? void 0 : items.map(function (item) {
     if (!isNullValue(item.tag)) {
@@ -63,38 +49,8 @@ var Tabs = function Tabs(_ref) {
     return item;
   });
   newItems = useLegacyItems(newItems, children, prefixCls);
-  var _useState = useState(activeKeyProp || defaultActiveKey || ((_newItems = newItems) === null || _newItems === void 0 ? void 0 : (_newItems$ = _newItems[0]) === null || _newItems$ === void 0 ? void 0 : _newItems$.key)),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeKey = _useState2[0],
-    setActiveKey = _useState2[1];
-
-  // 防止第一次顶掉默认值
-  useUpdateEffect(function () {
-    // 外部触发的 activeKey 更改，需要同步内部状态变化
-    if (activeKeyProp) {
-      setActiveKey(activeKeyProp);
-    }
-  }, [activeKeyProp]);
-  useInkBar({
-    prefixCls: prefixCls,
-    activeKey: activeKey,
-    size: size,
-    type: type,
-    tabPosition: tabPosition,
-    containerRef: ref
-  });
-  return wrapSSR( /*#__PURE__*/_jsx(AntTabs
-  // @ts-ignore
-  , _objectSpread({
-    ref: ref,
+  return wrapSSR( /*#__PURE__*/_jsx(AntTabs, _objectSpread({
     items: newItems,
-    defaultActiveKey: defaultActiveKey,
-    activeKey: activeKey,
-    onChange: function onChange(key) {
-      setActiveKey(key);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(key);
-    },
-    size: size,
     type: type,
     tabPosition: tabPosition,
     tabBarGutter: !type || type === 'line' ? isHorizontal ? 24 : 0 : undefined,

package/es/theme/default.d.ts

@@ -64,7 +64,6 @@ declare const _default: {
     colorFillTertiary: string;
     colorFillSecondary: string;
     colorFill: string;
-    colorIcon: string;
     boxShadowSecondary: string;
     boxShadow: string;
     borderRadius: number;

package/es/theme/default.js

@@ -4,7 +4,7 @@ export default {
   colorPrimaryBgHover: '#EAF1FF',
   colorPrimaryBorder: '#B3CCFF',
   colorPrimaryBorderHover: '#5189FB',
-  colorPrimaryHover: '#004CE6',
+  colorPrimaryHover: '#5189FB',
   colorPrimaryTextHover: '#5189FB',
   colorPrimaryText: '#006AFF',
   colorPrimaryTextActive: '#004CE6',
@@ -60,11 +60,10 @@ export default {
   colorBgMask: 'rgba(19, 32, 57,  0.65)',
   colorBorder: '#CDD5E4',
   colorBorderSecondary: '#E2E8F3',
-  colorFillQuaternary: 'rgb(245, 248, 254, 0.45)',
-  colorFillTertiary: 'rgb(245, 248, 254, 0.65)',
-  colorFillSecondary: 'rgb(245, 248, 254, 0.85)',
+  colorFillQuaternary: '#F8FAFE',
+  colorFillTertiary: '#F5F8FE',
+  colorFillSecondary: '#F5F8FE',
   colorFill: '#F5F8FE',
-  colorIcon: '#8592AD',
   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)',
   borderRadius: 6,

package/es/theme/index.d.ts

@@ -51,6 +51,9 @@ declare const _default: {
     };
     defaultConfig: {
         token: import("antd/es/theme/internal").SeedToken;
+        override: {
+            override: import("antd/es/theme/internal").SeedToken;
+        };
         hashed: boolean;
     };
     components: {

package/lib/_util/genComponentStyleHook.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/_util/genComponentStyleHook.ts
@@ -23,6 +33,7 @@ __export(genComponentStyleHook_exports, {
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
 var import_internal = require("antd/es/theme/internal");
+var import_theme = __toESM(require("../theme"));
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
     const useStyle = (0, import_internal.genComponentStyleHook)(
@@ -32,7 +43,8 @@ function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
       },
       getDefaultToken
     );
-    const [wrapSSR, hashId] = useStyle(prefixCls);
+    const [wrapSSR] = useStyle(prefixCls);
+    const { hashId } = import_theme.default.useToken();
     return {
       wrapSSR,
       hashId

package/lib/card/index.d.ts

@@ -10,7 +10,7 @@ export interface CardProps extends AntCardProps {
     tabList?: CardTabListType[];
 }
 declare const Card: {
-    ({ children, divided, tabList, activeTabKey, defaultActiveTabKey, onTabChange, tabProps, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ children, divided, tabList, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Grid: React.FC<import("antd/es/card").CardGridProps>;
     Meta: React.FC<import("antd/es/card").CardMetaProps>;
     displayName: string;

package/lib/card/index.js

@@ -38,7 +38,6 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
-var import_useInkBar = __toESM(require("../tabs/hooks/useInkBar"));
 var import_style = __toESM(require("./style"));
 __reExport(card_exports, require("antd/es/card/Card"), module.exports);
 __reExport(card_exports, require("antd/es/card"), module.exports);
@@ -46,15 +45,10 @@ var Card = ({
   children,
   divided = true,
   tabList,
-  activeTabKey,
-  defaultActiveTabKey,
-  onTabChange,
-  tabProps,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  var _a;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("card", customizePrefixCls);
   const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
@@ -65,7 +59,6 @@ var Card = ({
     },
     className
   );
-  const ref = (0, import_react.useRef)();
   const newTabList = tabList == null ? void 0 : tabList.map((item) => {
     if (!(0, import_util.isNullValue)(item.tag)) {
       return {
@@ -75,36 +68,8 @@ var Card = ({
     }
     return item;
   });
-  const [activeKey, setActiveKey] = (0, import_react.useState)(
-    activeTabKey || defaultActiveTabKey || ((_a = newTabList == null ? void 0 : newTabList[0]) == null ? void 0 : _a.key)
-  );
-  (0, import_useInkBar.default)({
-    prefixCls: tabsPrefixCls,
-    activeKey,
-    size: tabProps == null ? void 0 : tabProps.size,
-    type: tabProps == null ? void 0 : tabProps.type,
-    tabPosition: tabProps == null ? void 0 : tabProps.tabPosition,
-    containerRef: ref
-  });
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Card,
-      {
-        ref,
-        tabList: newTabList,
-        defaultActiveTabKey,
-        activeTabKey,
-        onTabChange: (key) => {
-          setActiveKey(key);
-          onTabChange == null ? void 0 : onTabChange(key);
-        },
-        tabProps,
-        prefixCls: customizePrefixCls,
-        className: cardCls,
-        ...restProps
-      },
-      children
-    )
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { tabList: newTabList, prefixCls: customizePrefixCls, className: cardCls, ...restProps }, children)
   );
 };
 Card.Grid = import_antd.Card.Grid;

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

@@ -15,6 +15,8 @@ export type SpinConfig = ComponentStyleConfig & {
     indicator?: SpinIndicator;
 };
 export interface ConfigConsumerProps extends AntConfigConsumerProps {
+    theme?: ThemeConfig;
+    navigate?: NavigateFunction;
     spin?: SpinConfig;
 }
 export interface ConfigProviderProps extends AntConfigProviderProps {
@@ -26,7 +28,7 @@ export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;
 }
 declare const ConfigProvider: {
-    ({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ children, theme, navigate, spin, tabs, ...restProps }: ConfigProviderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     ConfigContext: React.Context<ConfigConsumerProps>;
     ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
     config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {

package/lib/config-provider/index.js

@@ -48,13 +48,27 @@ var ExtendedConfigContext = import_react.default.createContext({
   navigate: void 0
 });
 var { defaultSeed, components } = import_theme.default;
-var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
+var ConfigProvider = ({
+  children,
+  theme,
+  navigate,
+  spin,
+  tabs,
+  ...restProps
+}) => {
   const parentContext = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
   const parentExtendedContext = import_react.default.useContext(ExtendedConfigContext);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.ConfigProvider,
     {
       spin: (0, import_lodash.merge)(parentContext.spin, spin),
+      tabs: (0, import_lodash.merge)(
+        {
+          indicatorSize: (origin) => origin >= 24 ? origin - 16 : origin
+        },
+        parentContext.tabs,
+        tabs
+      ),
       theme: (0, import_lodash.merge)(
         {
           // Only set seed token for dark theme

package/lib/index.js

@@ -51,7 +51,6 @@ __export(src_exports, {
   version: () => import_package.version
 });
 module.exports = __toCommonJS(src_exports);
-var import_antd = require("antd");
 var import_reset = require("antd/dist/reset.css");
 __reExport(src_exports, require("antd"), module.exports);
 var import_package = require("../package.json");
@@ -70,7 +69,8 @@ var import_tooltip = __toESM(require("./tooltip"));
 var import_breadcrumb = __toESM(require("./breadcrumb"));
 var import_spin = __toESM(require("./spin"));
 var import_badge = __toESM(require("./badge"));
-var { useToken } = import_antd.theme;
+var import_theme2 = __toESM(require("./theme"));
+var { useToken } = import_theme2.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,

package/lib/menu/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/menu/hooks/useItems';
 export * from 'antd/es/menu';

package/lib/menu/index.js

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

package/lib/tabs/index.d.ts

@@ -11,7 +11,7 @@ export interface TabsProps extends AntTabsProps {
 }
 export type TabsPosition = AntTabsPosition;
 declare const Tabs: {
-    ({ children, items, defaultActiveKey, activeKey: activeKeyProp, onChange, size, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ children, items, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     TabPane: React.FC<import("./TabPane").TabPaneProps>;
     displayName: string;
 };

package/lib/tabs/index.js

@@ -38,31 +38,23 @@ var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
-var import_useInkBar = __toESM(require("./hooks/useInkBar"));
 var import_useLegacyItems = __toESM(require("./hooks/useLegacyItems"));
 var import_style = __toESM(require("./style"));
-var import_ahooks = require("ahooks");
 var import_TabPane = __toESM(require("./TabPane"));
 __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
 var Tabs = ({
   children,
   items,
-  defaultActiveKey,
-  activeKey: activeKeyProp,
-  onChange,
-  size,
   type,
   tabPosition,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  var _a;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("tabs", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const tabsCls = (0, import_classnames.default)(className);
-  const ref = (0, import_react.useRef)();
   const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
   let newItems = items == null ? void 0 : items.map((item) => {
     if (!(0, import_util.isNullValue)(item.tag)) {
@@ -74,35 +66,11 @@ var Tabs = ({
     return item;
   });
   newItems = (0, import_useLegacyItems.default)(newItems, children, prefixCls);
-  const [activeKey, setActiveKey] = (0, import_react.useState)(
-    activeKeyProp || defaultActiveKey || ((_a = newItems == null ? void 0 : newItems[0]) == null ? void 0 : _a.key)
-  );
-  (0, import_ahooks.useUpdateEffect)(() => {
-    if (activeKeyProp) {
-      setActiveKey(activeKeyProp);
-    }
-  }, [activeKeyProp]);
-  (0, import_useInkBar.default)({
-    prefixCls,
-    activeKey,
-    size,
-    type,
-    tabPosition,
-    containerRef: ref
-  });
   return wrapSSR(
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {
-        ref,
         items: newItems,
-        defaultActiveKey,
-        activeKey,
-        onChange: (key) => {
-          setActiveKey(key);
-          onChange == null ? void 0 : onChange(key);
-        },
-        size,
         type,
         tabPosition,
         tabBarGutter: !type || type === "line" ? isHorizontal ? 24 : 0 : void 0,

package/lib/theme/default.d.ts

@@ -64,7 +64,6 @@ declare const _default: {
     colorFillTertiary: string;
     colorFillSecondary: string;
     colorFill: string;
-    colorIcon: string;
     boxShadowSecondary: string;
     boxShadow: string;
     borderRadius: number;

package/lib/theme/default.js

@@ -28,7 +28,7 @@ var default_default = {
   colorPrimaryBgHover: "#EAF1FF",
   colorPrimaryBorder: "#B3CCFF",
   colorPrimaryBorderHover: "#5189FB",
-  colorPrimaryHover: "#004CE6",
+  colorPrimaryHover: "#5189FB",
   colorPrimaryTextHover: "#5189FB",
   colorPrimaryText: "#006AFF",
   colorPrimaryTextActive: "#004CE6",
@@ -84,11 +84,10 @@ var default_default = {
   colorBgMask: "rgba(19, 32, 57,  0.65)",
   colorBorder: "#CDD5E4",
   colorBorderSecondary: "#E2E8F3",
-  colorFillQuaternary: "rgb(245, 248, 254, 0.45)",
-  colorFillTertiary: "rgb(245, 248, 254, 0.65)",
-  colorFillSecondary: "rgb(245, 248, 254, 0.85)",
+  colorFillQuaternary: "#F8FAFE",
+  colorFillTertiary: "#F5F8FE",
+  colorFillSecondary: "#F5F8FE",
   colorFill: "#F5F8FE",
-  colorIcon: "#8592AD",
   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)",
   borderRadius: 6,