@oceanbase/design 0.2.16 → 0.2.18

package/es/badge/index.d.ts

@@ -1 +1,11 @@
+import React from 'react';
+import type { BadgeProps as AntBadgeProps } from 'antd/es/badge';
 export * from 'antd/es/badge';
+export interface BadgeProps extends AntBadgeProps {
+    icon?: boolean | React.ReactNode;
+}
+declare const Badge: {
+    ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }: BadgeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export default Badge;

package/es/badge/index.js

@@ -1 +1,58 @@
-export * from 'antd/es/badge';
+var _excluded = ["prefixCls", "className", "status", "text", "icon"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 { Badge as AntBadge } from 'antd';
+import { CloseCircleFilled, CheckCircleFilled, Loading3QuartersOutlined, StopFilled, ClockCircleFilled } from '@oceanbase/icons';
+import classNames from 'classnames';
+import ConfigProvider from "../config-provider";
+import useStyle from "./style";
+export * from 'antd/es/badge';
+var Badge = function Badge(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    status = _ref.status,
+    text = _ref.text,
+    icon = _ref.icon,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    iconPrefixCls = _useContext.iconPrefixCls;
+  var prefixCls = getPrefixCls('badge', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var badgeCls = classNames(prefixCls, className);
+  var iconMap = {
+    default: /*#__PURE__*/React.createElement(StopFilled, null),
+    processing: /*#__PURE__*/React.createElement(Loading3QuartersOutlined, {
+      style: {
+        display: 'inline-block'
+      },
+      className: "".concat(iconPrefixCls, "-spin")
+    }),
+    success: /*#__PURE__*/React.createElement(CheckCircleFilled, null),
+    error: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
+    warning: /*#__PURE__*/React.createElement(ClockCircleFilled, null)
+  };
+  return wrapSSR( /*#__PURE__*/React.createElement(React.Fragment, null, status && icon ? /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames(badgeCls, "".concat(prefixCls, "-status"), hashId),
+    style: {
+      display: 'inline-block'
+    }
+  }, restProps), /*#__PURE__*/React.createElement("span", {
+    className: classNames("".concat(prefixCls, "-status-icon"), "".concat(prefixCls, "-status-").concat(status))
+  }, /*#__PURE__*/React.isValidElement(icon) ? icon : iconMap[status]), text && /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-status-text")
+  }, text)) : /*#__PURE__*/React.createElement(AntBadge, _extends({
+    prefixCls: customizePrefixCls,
+    className: badgeCls,
+    status: status,
+    text: text
+  }, restProps))));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Badge.displayName = AntBadge.displayName;
+}
+export default Badge;

package/es/badge/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type BadgeToken = FullToken<'Badge'>;
+export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/badge/style/index.js

@@ -0,0 +1,35 @@
+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); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genBadgeStyle = function genBadgeStyle(token) {
+  var _$concat, _$concat$concat;
+  var componentCls = token.componentCls;
+  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-status"), (_$concat$concat = {}, _defineProperty(_$concat$concat, "".concat(componentCls, "-status-dot"), {
+    width: 8,
+    height: 8
+  }), _defineProperty(_$concat$concat, "".concat(componentCls, "-status-icon"), (_$concat = {
+    fontSize: 12,
+    // remove dot style
+    backgroundColor: 'transparent'
+  }, _defineProperty(_$concat, '&::after', {
+    display: 'none'
+  }), _defineProperty(_$concat, "&".concat(componentCls, "-status-success"), {
+    color: token.colorSuccess
+  }), _defineProperty(_$concat, "&".concat(componentCls, "-status-processing"), {
+    color: token.colorPrimary
+  }), _defineProperty(_$concat, "&".concat(componentCls, "-status-default"), {
+    color: token.colorTextPlaceholder
+  }), _defineProperty(_$concat, "&".concat(componentCls, "-status-error"), {
+    color: token.colorError
+  }), _defineProperty(_$concat, "&".concat(componentCls, "-status-warning"), {
+    color: token.colorWarning
+  }), _$concat)), _$concat$concat));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Badge', function (token) {
+    return [genBadgeStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

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

@@ -26,7 +26,6 @@ declare const ConfigProvider: {
     ({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): React.JSX.Element;
     ConfigContext: React.Context<ConfigConsumerProps>;
     ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
-    SizeContext: React.Context<import("antd/es/button").ButtonSize>;
     config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
         theme?: AntThemeConfig | import("antd/es/config-provider/context").Theme;
     }) => void;

package/es/config-provider/index.js

@@ -10,6 +10,7 @@ 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 React from 'react';
 import { App, ConfigProvider as AntConfigProvider } from 'antd';
+import { merge } from 'lodash';
 import StaticFunction from "../static-function";
 import defaultTheme from "../theme";
 import defaultThemeToken from "../theme/default";
@@ -20,37 +21,35 @@ var ExtendedConfigContext = /*#__PURE__*/React.createContext({
 });
 var defaultSeed = defaultTheme.defaultSeed,
   components = defaultTheme.components;
-
-// ConfigProvider 默认设置主题和内嵌 App，支持 message, notification 和 Modal 等静态方法消费 ConfigProvider 配置
-// ref: https://ant.design/components/app-cn
 var ConfigProvider = function ConfigProvider(_ref) {
-  var _theme$components;
   var children = _ref.children,
     theme = _ref.theme,
     navigate = _ref.navigate,
     spin = _ref.spin,
     restProps = _objectWithoutProperties(_ref, _excluded);
   // inherit from parent ConfigProvider
-  var parentContext = React.useContext(ExtendedConfigContext);
+  var parentContext = React.useContext(AntConfigProvider.ConfigContext);
+  var parentExtendedContext = React.useContext(ExtendedConfigContext);
   return /*#__PURE__*/React.createElement(AntConfigProvider, _extends({
-    spin: spin,
-    theme: _objectSpread(_objectSpread({}, theme), {}, {
+    spin: merge(parentContext.spin, spin),
+    theme: merge({
       // Only set seed token for dark theme
       // Because defaultThemeToken is designed for light theme
-      token: theme !== null && theme !== void 0 && theme.isDark ? _objectSpread(_objectSpread({}, defaultSeed), theme === null || theme === void 0 ? void 0 : theme.token) : _objectSpread(_objectSpread(_objectSpread({}, defaultSeed), defaultThemeToken), theme === null || theme === void 0 ? void 0 : theme.token),
-      components: _objectSpread(_objectSpread(_objectSpread({}, components), theme === null || theme === void 0 ? void 0 : theme.components), {}, {
-        InputNumber: _objectSpread(_objectSpread({}, components === null || components === void 0 ? void 0 : components.InputNumber), theme === null || theme === void 0 ? void 0 : (_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.InputNumber)
+      token: theme !== null && theme !== void 0 && theme.isDark ? _objectSpread({}, defaultSeed) : _objectSpread(_objectSpread({}, defaultSeed), defaultThemeToken),
+      components: _objectSpread(_objectSpread({}, components), {}, {
+        InputNumber: _objectSpread({}, components === null || components === void 0 ? void 0 : components.InputNumber)
       })
-    })
+    }, parentContext.theme, theme)
   }, restProps), /*#__PURE__*/React.createElement(ExtendedConfigContext.Provider, {
     value: {
-      navigate: navigate === undefined ? parentContext.navigate : navigate
+      navigate: navigate === undefined ? parentExtendedContext.navigate : navigate
     }
   }, /*#__PURE__*/React.createElement(App, null, children, /*#__PURE__*/React.createElement(StaticFunction, null))));
 };
 ConfigProvider.ConfigContext = AntConfigProvider.ConfigContext;
 ConfigProvider.ExtendedConfigContext = ExtendedConfigContext;
-ConfigProvider.SizeContext = AntConfigProvider.SizeContext;
+// SizeContext is deprecated
+// ConfigProvider.SizeContext = AntConfigProvider.SizeContext;
 ConfigProvider.config = AntConfigProvider.config;
 ConfigProvider.useConfig = AntConfigProvider.useConfig;
 if (process.env.NODE_ENV !== 'production') {

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

@@ -16,7 +16,7 @@ export interface Path {
      */
     hash: string;
 }
-export type To = string | Partial<Path>;
+export type To = string | Partial<Path> | any;
 export type RelativeRoutingType = 'route' | 'path';
 export interface NavigateOptions {
     replace?: boolean;
@@ -26,5 +26,5 @@ export interface NavigateOptions {
 }
 export interface NavigateFunction {
     (to: To, options?: NavigateOptions): void;
-    (delta: number): void;
+    (delta: number | any): void;
 }

package/es/index.d.ts

@@ -15,6 +15,7 @@ export { default as theme } from './theme';
 export { default as Tooltip } from './tooltip';
 export { default as Breadcrumb } from './breadcrumb';
 export { default as Spin } from './spin';
+export { default as Badge } from './badge';
 declare const useToken: () => {
     theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface").MapToken>;
     token: import("antd").GlobalToken;

package/es/index.js

@@ -19,6 +19,7 @@ export { default as theme } from "./theme";
 export { default as Tooltip } from "./tooltip";
 export { default as Breadcrumb } from "./breadcrumb";
 export { default as Spin } from "./spin";
+export { default as Badge } from "./badge";
 var useToken = theme.useToken;
 
 // 直接导出 useToken，方便上层使用

package/lib/badge/index.d.ts

@@ -1 +1,11 @@
+import React from 'react';
+import type { BadgeProps as AntBadgeProps } from 'antd/es/badge';
 export * from 'antd/es/badge';
+export interface BadgeProps extends AntBadgeProps {
+    icon?: boolean | React.ReactNode;
+}
+declare const Badge: {
+    ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }: BadgeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export default Badge;

package/lib/badge/index.js

@@ -1,7 +1,13 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,84 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/badge/index.ts
+// src/badge/index.tsx
 var badge_exports = {};
+__export(badge_exports, {
+  default: () => badge_default
+});
 module.exports = __toCommonJS(badge_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@oceanbase/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(badge_exports, require("antd/es/badge"), module.exports);
+var Badge = ({
+  prefixCls: customizePrefixCls,
+  className,
+  status,
+  text,
+  icon,
+  ...restProps
+}) => {
+  const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+  const prefixCls = getPrefixCls("badge", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+  const badgeCls = (0, import_classnames.default)(prefixCls, className);
+  const iconMap = {
+    default: /* @__PURE__ */ import_react.default.createElement(import_icons.StopFilled, null),
+    processing: /* @__PURE__ */ import_react.default.createElement(
+      import_icons.Loading3QuartersOutlined,
+      {
+        style: {
+          display: "inline-block"
+        },
+        className: `${iconPrefixCls}-spin`
+      }
+    ),
+    success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
+    error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
+    warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleFilled, null)
+  };
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: (0, import_classnames.default)(badgeCls, `${prefixCls}-status`, hashId),
+        style: {
+          display: "inline-block"
+        },
+        ...restProps
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`) }, import_react.default.isValidElement(icon) ? icon : iconMap[status]),
+      text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Badge,
+      {
+        prefixCls: customizePrefixCls,
+        className: badgeCls,
+        status,
+        text,
+        ...restProps
+      }
+    ))
+  );
+};
+if (process.env.NODE_ENV !== "production") {
+  Badge.displayName = import_antd.Badge.displayName;
+}
+var badge_default = Badge;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/badge")

package/lib/badge/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type BadgeToken = FullToken<'Badge'>;
+export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/badge/style/index.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/badge/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genBadgeStyle: () => genBadgeStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genBadgeStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}${componentCls}-status`]: {
+      // dot style
+      [`${componentCls}-status-dot`]: {
+        width: 8,
+        height: 8
+      },
+      // icon style
+      [`${componentCls}-status-icon`]: {
+        fontSize: 12,
+        // remove dot style
+        backgroundColor: "transparent",
+        ["&::after"]: {
+          display: "none"
+        },
+        [`&${componentCls}-status-success`]: {
+          color: token.colorSuccess
+        },
+        [`&${componentCls}-status-processing`]: {
+          color: token.colorPrimary
+        },
+        [`&${componentCls}-status-default`]: {
+          color: token.colorTextPlaceholder
+        },
+        [`&${componentCls}-status-error`]: {
+          color: token.colorError
+        },
+        [`&${componentCls}-status-warning`]: {
+          color: token.colorWarning
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Badge", (token) => {
+    return [genBadgeStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genBadgeStyle
+});

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

@@ -26,7 +26,6 @@ declare const ConfigProvider: {
     ({ children, theme, navigate, spin, ...restProps }: ConfigProviderProps): React.JSX.Element;
     ConfigContext: React.Context<ConfigConsumerProps>;
     ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
-    SizeContext: React.Context<import("antd/es/button").ButtonSize>;
     config: ({ prefixCls, iconPrefixCls, theme, }: Pick<AntConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
         theme?: AntThemeConfig | import("antd/es/config-provider/context").Theme;
     }) => void;

package/lib/config-provider/index.js

@@ -35,6 +35,7 @@ __export(config_provider_exports, {
 module.exports = __toCommonJS(config_provider_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_lodash = require("lodash");
 var import_static_function = __toESM(require("../static-function"));
 var import_theme = __toESM(require("../theme"));
 var import_default = __toESM(require("../theme/default"));
@@ -45,40 +46,39 @@ var ExtendedConfigContext = import_react.default.createContext({
 });
 var { defaultSeed, components } = import_theme.default;
 var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
-  var _a;
-  const parentContext = import_react.default.useContext(ExtendedConfigContext);
+  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,
-      theme: {
-        ...theme,
-        // Only set seed token for dark theme
-        // Because defaultThemeToken is designed for light theme
-        token: (theme == null ? void 0 : theme.isDark) ? {
-          ...defaultSeed,
-          ...theme == null ? void 0 : theme.token
-        } : {
-          ...defaultSeed,
-          ...import_default.default,
-          ...theme == null ? void 0 : theme.token
-        },
-        components: {
-          ...components,
-          ...theme == null ? void 0 : theme.components,
-          InputNumber: {
-            ...components == null ? void 0 : components.InputNumber,
-            ...(_a = theme == null ? void 0 : theme.components) == null ? void 0 : _a.InputNumber
+      spin: (0, import_lodash.merge)(parentContext.spin, spin),
+      theme: (0, import_lodash.merge)(
+        {
+          // Only set seed token for dark theme
+          // Because defaultThemeToken is designed for light theme
+          token: (theme == null ? void 0 : theme.isDark) ? {
+            ...defaultSeed
+          } : {
+            ...defaultSeed,
+            ...import_default.default
+          },
+          components: {
+            ...components,
+            InputNumber: {
+              ...components == null ? void 0 : components.InputNumber
+            }
           }
-        }
-      },
+        },
+        parentContext.theme,
+        theme
+      ),
       ...restProps
     },
     /* @__PURE__ */ import_react.default.createElement(
       ExtendedConfigContext.Provider,
       {
         value: {
-          navigate: navigate === void 0 ? parentContext.navigate : navigate
+          navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.App, null, children, /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null))
@@ -87,7 +87,6 @@ var ConfigProvider = ({ children, theme, navigate, spin, ...restProps }) => {
 };
 ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;
 ConfigProvider.ExtendedConfigContext = ExtendedConfigContext;
-ConfigProvider.SizeContext = import_antd.ConfigProvider.SizeContext;
 ConfigProvider.config = import_antd.ConfigProvider.config;
 ConfigProvider.useConfig = import_antd.ConfigProvider.useConfig;
 if (process.env.NODE_ENV !== "production") {

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

@@ -16,7 +16,7 @@ export interface Path {
      */
     hash: string;
 }
-export type To = string | Partial<Path>;
+export type To = string | Partial<Path> | any;
 export type RelativeRoutingType = 'route' | 'path';
 export interface NavigateOptions {
     replace?: boolean;
@@ -26,5 +26,5 @@ export interface NavigateOptions {
 }
 export interface NavigateFunction {
     (to: To, options?: NavigateOptions): void;
-    (delta: number): void;
+    (delta: number | any): void;
 }

package/lib/index.d.ts

@@ -15,6 +15,7 @@ export { default as theme } from './theme';
 export { default as Tooltip } from './tooltip';
 export { default as Breadcrumb } from './breadcrumb';
 export { default as Spin } from './spin';
+export { default as Badge } from './badge';
 declare const useToken: () => {
     theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface").MapToken>;
     token: import("antd").GlobalToken;

package/lib/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Alert: () => import_alert.default,
+  Badge: () => import_badge.default,
   Breadcrumb: () => import_breadcrumb.default,
   Button: () => import_button.default,
   Card: () => import_card.default,
@@ -68,10 +69,12 @@ var import_theme = __toESM(require("./theme"));
 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;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
+  Badge,
   Breadcrumb,
   Button,
   Card,

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "description": "The Design System of OceanBase",
   "keywords": [
-    "OceanBase",
-    "database",
+    "oceanbase",
     "design",
     "ui",
     "react",
@@ -37,8 +36,8 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.17.0",
-    "@oceanbase/icons": "^0.2.5",
-    "@oceanbase/util": "^0.2.7",
+    "@oceanbase/icons": "^0.2.6",
+    "@oceanbase/util": "^0.2.8",
     "ahooks": "^2.10.14",
     "antd": "^5.9.0",
     "classnames": "^2.3.2",
@@ -49,12 +48,12 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.22.15",
-    "@babel/preset-env": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
     "antd-token-previewer": "^1.1.0"
   },
   "peerDependencies": {
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
-  "gitHead": "52f5d009120b001c9c0408ec96ff954e120b20f1"
+  "gitHead": "489ec76ca21b3a0448dae92fc001f2b03a4bf053"
 }