@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/color-picker/interface.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/color-picker/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
-__reExport(interface_exports, require("antd/es/color-picker/interface"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/color-picker/interface")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _interface = require("antd/es/color-picker/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});

package/lib/config-provider/DefaultRenderEmpty.js

@@ -1,53 +1,40 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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);
+"use strict";
 
-// src/config-provider/DefaultRenderEmpty.tsx
-var DefaultRenderEmpty_exports = {};
-__export(DefaultRenderEmpty_exports, {
-  default: () => DefaultRenderEmpty_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DefaultRenderEmpty_exports);
-var import_react = __toESM(require("react"));
-var import__ = require(".");
-var import_empty = __toESM(require("../empty"));
-var DefaultRenderEmpty = (props) => {
-  const { componentName } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import__.ConfigContext);
-  const prefix = getPrefixCls("empty");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ = require(".");
+var _empty = _interopRequireDefault(require("../empty"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+/* refer to: https://github.com/ant-design/ant-design/blob/master/components/config-provider/defaultRenderEmpty.tsx */
+const DefaultRenderEmpty = props => {
+  const {
+    componentName
+  } = props;
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_.ConfigContext);
+  const prefix = getPrefixCls('empty');
   switch (componentName) {
-    case "Select":
-    case "TreeSelect":
-    case "Cascader":
-    case "Transfer":
-    case "Mentions":
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE, className: `${prefix}-small` });
+    case 'Select':
+    case 'TreeSelect':
+    case 'Cascader':
+    case 'Transfer':
+    case 'Mentions':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.default, {
+        image: _empty.default.PRESENTED_IMAGE_SIMPLE,
+        className: `${prefix}-small`
+      });
     default:
-      return /* @__PURE__ */ import_react.default.createElement(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.default, {
+        image: _empty.default.PRESENTED_IMAGE_SIMPLE
+      });
   }
 };
-var DefaultRenderEmpty_default = DefaultRenderEmpty;
+var _default = exports.default = DefaultRenderEmpty;

package/lib/config-provider/SizeContext.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/config-provider/SizeContext.ts
-var SizeContext_exports = {};
-module.exports = __toCommonJS(SizeContext_exports);
-__reExport(SizeContext_exports, require("antd/es/config-provider/SizeContext"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/config-provider/SizeContext")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _SizeContext = require("antd/es/config-provider/SizeContext");
+Object.keys(_SizeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SizeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SizeContext[key];
+    }
+  });
+});

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

@@ -1 +1,12 @@
+import type { ThemeConfig as AntThemeConfig, MappingAlgorithm } from 'antd';
+import type { AliasToken, OverrideToken } from '../theme/interface';
 export * from 'antd/es/config-provider/context';
+type ComponentsConfig = {
+    [key in keyof OverrideToken]?: OverrideToken[key] & {
+        algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[];
+    };
+};
+export interface ThemeConfig extends AntThemeConfig {
+    token?: Partial<AliasToken>;
+    components?: ComponentsConfig;
+}

package/lib/config-provider/context.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/config-provider/context.ts
-var context_exports = {};
-module.exports = __toCommonJS(context_exports);
-__reExport(context_exports, require("antd/es/config-provider/context"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/config-provider/context")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _context = require("antd/es/config-provider/context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _context[key];
+    }
+  });
+});

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ConfigProvider as AntConfigProvider } from 'antd';
 import type { ConfigProviderProps as AntConfigProviderProps, ConfigConsumerProps as AntConfigConsumerProps, ThemeConfig as AntThemeConfig } from 'antd/es/config-provider';
-import type { ComponentStyleConfig, CardConfig as AntCardConfig } from 'antd/es/config-provider/context';
+import type { ComponentStyleConfig, CardConfig as AntCardConfig, TableConfig as AntTableConfig } from 'antd/es/config-provider/context';
 import type { AppProps } from 'antd/es/app';
 import type { PaginationConfig } from 'antd/es/pagination';
 import type { SpinIndicator } from 'antd/es/spin';
@@ -14,8 +14,9 @@ export * from 'antd/es/config-provider/SizeContext';
 export * from 'antd/es/config-provider/DisabledContext';
 export * from 'antd/es/config-provider';
 export interface ThemeConfig extends AntThemeConfig {
-    isDark?: boolean;
     isAliyun?: boolean;
+    isDark?: boolean;
+    isCompact?: boolean;
 }
 export type CardConfig = AntCardConfig & {
     divided?: boolean;
@@ -23,7 +24,7 @@ export type CardConfig = AntCardConfig & {
 export type SpinConfig = ComponentStyleConfig & {
     indicator?: SpinIndicator;
 };
-export type TableConfig = ComponentStyleConfig & {
+export type TableConfig = AntTableConfig & {
     selectionColumnWidth?: number;
 };
 export interface ConfigConsumerProps extends AntConfigConsumerProps {

package/lib/config-provider/index.js

@@ -1,61 +1,104 @@
-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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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);
+"use strict";
 
-// src/config-provider/index.tsx
-var config_provider_exports = {};
-__export(config_provider_exports, {
-  default: () => config_provider_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _cssinjs = require("@ant-design/cssinjs");
+var _StyleContext = _interopRequireDefault(require("@ant-design/cssinjs/es/StyleContext"));
+var _icons = require("@oceanbase/icons");
+var _aliyunTheme = _interopRequireDefault(require("@oceanbase/aliyun-theme"));
+var _lodash = require("lodash");
+var _app = _interopRequireDefault(require("../app"));
+var _staticFunction = _interopRequireDefault(require("../static-function"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _default2 = _interopRequireWildcard(require("../theme/default"));
+var _dark = _interopRequireDefault(require("../theme/dark"));
+var _compact = _interopRequireDefault(require("../theme/compact"));
+var _DefaultRenderEmpty = _interopRequireDefault(require("./DefaultRenderEmpty"));
+var _global = _interopRequireDefault(require("../style/global"));
+var _cssVariables = _interopRequireDefault(require("../style/cssVariables"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _navigate = require("./navigate");
+Object.keys(_navigate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _navigate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _navigate[key];
+    }
+  });
+});
+var _context = require("antd/es/config-provider/context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _context[key];
+    }
+  });
+});
+var _SizeContext = require("antd/es/config-provider/SizeContext");
+Object.keys(_SizeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SizeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SizeContext[key];
+    }
+  });
 });
-module.exports = __toCommonJS(config_provider_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_StyleContext = __toESM(require("@ant-design/cssinjs/es/StyleContext"));
-var import_icons = require("@oceanbase/icons");
-var import_aliyun_theme = __toESM(require("@oceanbase/aliyun-theme"));
-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"));
-var import_dark = __toESM(require("../theme/dark"));
-var import_DefaultRenderEmpty = __toESM(require("./DefaultRenderEmpty"));
-__reExport(config_provider_exports, require("./navigate"), module.exports);
-__reExport(config_provider_exports, require("antd/es/config-provider/context"), module.exports);
-__reExport(config_provider_exports, require("antd/es/config-provider/SizeContext"), module.exports);
-__reExport(config_provider_exports, require("antd/es/config-provider/DisabledContext"), module.exports);
-__reExport(config_provider_exports, require("antd/es/config-provider"), module.exports);
-var ExtendedConfigContext = import_react.default.createContext({
-  navigate: void 0,
+var _DisabledContext = require("antd/es/config-provider/DisabledContext");
+Object.keys(_DisabledContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DisabledContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DisabledContext[key];
+    }
+  });
+});
+var _configProvider = require("antd/es/config-provider");
+Object.keys(_configProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _configProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _configProvider[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const ExtendedConfigContext = /*#__PURE__*/_react.default.createContext({
+  navigate: undefined,
   hideOnSinglePage: false,
   injectStaticFunction: true
 });
-var ConfigProvider = ({
+const getLocaleTokenValue = (mergedThemeToken, locale, tokenKey, tokenValue, tokenValueEn) => {
+  return tokenValue !== mergedThemeToken[tokenKey] ? {
+    [tokenKey]: tokenValue
+  } : ['en', 'en-gb'].includes(locale.locale) ? {
+    [tokenKey]: tokenValueEn
+  } : {};
+};
+const ConfigProvider = ({
   children,
   theme,
   locale,
@@ -71,89 +114,116 @@ var ConfigProvider = ({
   appProps,
   ...restProps
 }) => {
-  var _a, _b;
-  const parentContext = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
-  const parentExtendedContext = import_react.default.useContext(ExtendedConfigContext);
-  const { isDark, isAliyun } = (0, import_lodash.merge)({}, parentContext.theme, theme);
-  const customTheme = isAliyun ? import_aliyun_theme.default : isDark ? import_dark.default : void 0;
-  const mergedTheme = (0, import_lodash.merge)(
-    {},
-    customTheme ? {} : import_default.default,
-    parentContext.theme,
-    customTheme,
-    theme
-  );
-  const { token } = import_theme.default.useToken();
-  const fontFamily = ((_a = mergedTheme.token) == null ? void 0 : _a.fontFamily) || token.fontFamily;
-  const parentStyleContext = import_react.default.useContext(import_StyleContext.default);
-  const mergedStyleProviderProps = (0, import_lodash.merge)({}, parentStyleContext, styleProviderProps);
-  const mergedLocale = (0, import_lodash.merge)({}, parentContext.locale, locale);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.ConfigProvider,
-    {
-      locale: mergedLocale,
-      card: (0, import_lodash.merge)({}, parentContext.card, card),
-      collapse: (0, import_lodash.merge)(
-        {},
-        {
-          expandIcon: ({ isActive }) => /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
-        },
-        parentContext.collapse,
-        collapse
-      ),
-      form: (0, import_lodash.merge)(
-        {},
-        {
-          requiredMark: "optional"
-        },
-        parentContext.form,
-        form
-      ),
-      spin: (0, import_lodash.merge)({}, parentContext.spin, spin),
-      table: (0, import_lodash.merge)({}, parentContext.table, table),
-      tabs: (0, import_lodash.merge)({}, parentContext.tabs, tabs),
-      theme: (0, import_lodash.merge)({}, mergedTheme, {
-        token: (
-          // custom fontFamily
-          fontFamily !== import_default.default.token.fontFamily ? { fontFamily } : (
-            // use fontFamilyEn for en
-            ["en", "en-gb"].includes(mergedLocale.locale) ? {
-              fontFamily: import_default.fontFamilyEn
-            } : {}
-          )
-        )
-      }),
-      renderEmpty: parentContext.renderEmpty || ((componentName) => /* @__PURE__ */ import_react.default.createElement(import_DefaultRenderEmpty.default, { componentName })),
-      ...restProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      ExtendedConfigContext.Provider,
-      {
-        value: {
-          navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
-          hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
-          // inject static function to outermost ConfigProvider only
-          injectStaticFunction: false
+  // inherit from parent ConfigProvider
+  const parentContext = _react.default.useContext(_antd.ConfigProvider.ConfigContext);
+  const parentExtendedContext = _react.default.useContext(ExtendedConfigContext);
+  const {
+    isAliyun,
+    isDark,
+    isCompact
+  } = (0, _lodash.merge)({}, parentContext.theme, theme);
+  const aliyunThemeConfig = isAliyun ? _aliyunTheme.default : undefined;
+  const darkThemeConfig = isDark && !isAliyun ? isCompact ? _dark.default : {
+    ..._dark.default,
+    token: {
+      ..._dark.default.token,
+      ...Object.fromEntries(Object.entries(_default2.default.token).filter(([key]) => !key?.toLowerCase()?.startsWith('color')))
+    }
+  } : undefined;
+  const compactThemeConfig = isCompact && !isAliyun ? isDark ? _compact.default : {
+    ..._compact.default,
+    token: {
+      ..._compact.default.token,
+      ...Object.fromEntries(Object.entries(_default2.default.token).filter(([key]) => key?.toLowerCase()?.startsWith('color') && !['colorBgBase', 'colorTextBase'].includes(key)))
+    }
+  } : undefined;
+  const mergedTheme = (0, _lodash.merge)({}, isAliyun ? {} : isDark || isCompact ? _theme.default.defaultSeed : _default2.default, parentContext.theme, aliyunThemeConfig, darkThemeConfig, compactThemeConfig, theme);
+  const {
+    token
+  } = _theme.default.useToken();
+  const fontFamily = mergedTheme.token?.fontFamily || token.fontFamily;
+  const fontWeightWeak = mergedTheme.token?.fontWeightWeak || token.fontWeightWeak;
+  const fontWeight = mergedTheme.token?.fontWeight || token.fontWeight;
+  const fontWeightStrong = mergedTheme.token?.fontWeightStrong || token.fontWeightStrong;
+
+  // inherit from parent StyleProvider
+  const parentStyleContext = _react.default.useContext(_StyleContext.default);
+  const mergedStyleProviderProps = (0, _lodash.merge)({}, parentStyleContext, styleProviderProps);
+  const mergedLocale = (0, _lodash.merge)({}, parentContext.locale, locale);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+    locale: mergedLocale,
+    card: (0, _lodash.merge)({}, parentContext.card, card),
+    collapse: (0, _lodash.merge)({}, {
+      expandIcon: ({
+        isActive
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightOutlined, {
+        rotate: isActive ? 90 : 0,
+        style: {
+          color: mergedTheme.token?.colorIcon || mergedTheme.token?.colorTextSecondary
         }
+      })
+    }, parentContext.collapse, collapse),
+    form: (0, _lodash.merge)({}, {
+      requiredMark: 'optional'
+    }, parentContext.form, form),
+    spin: (0, _lodash.merge)({}, parentContext.spin, spin),
+    table: (0, _lodash.merge)({}, {
+      expandable: {
+        expandIcon: ({
+          expandable,
+          expanded,
+          onExpand,
+          record
+        }) => expandable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightOutlined, {
+          onClick: e => onExpand(record, e),
+          style: {
+            // marginRight: mergedTheme.token?.marginXS || 8,
+            transition: `transform 0.2s`,
+            transform: expanded ? 'rotate(90deg)' : undefined,
+            color: mergedTheme.token?.colorIcon || mergedTheme.token?.colorTextSecondary
+          }
+        })
+      }
+    }, parentContext.table, table),
+    tabs: (0, _lodash.merge)({}, parentContext.tabs, tabs),
+    theme: (0, _lodash.merge)({}, mergedTheme, {
+      token: {
+        ...getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontFamily', fontFamily, _default2.fontFamilyEn),
+        ...getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeightWeak', fontWeightWeak, _default2.fontWeightWeakEn),
+        ...getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeight', fontWeight, _default2.fontWeightEn),
+        ...getLocaleTokenValue(mergedTheme.token || {}, mergedLocale, 'fontWeightStrong', fontWeightStrong, _default2.fontWeightStrongEn)
+      }
+    }),
+    renderEmpty: parentContext.renderEmpty || (componentName => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultRenderEmpty.default, {
+      componentName: componentName
+    })),
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExtendedConfigContext.Provider, {
+      value: {
+        navigate: navigate === undefined ? parentExtendedContext.navigate : navigate,
+        hideOnSinglePage: parentContext.pagination?.showSizeChanger ? false : hideOnSinglePage !== undefined ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
+        // inject static function to outermost ConfigProvider only
+        injectStaticFunction: false
       },
-      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false, ...appProps }, children, parentExtendedContext.injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
-    )
-  );
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_cssinjs.StyleProvider, {
+        ...mergedStyleProviderProps,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_cssVariables.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_global.default, {
+          prefixCls: restProps.prefixCls
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_app.default, {
+          component: false,
+          ...appProps,
+          children: [children, parentExtendedContext.injectStaticFunction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_staticFunction.default, {})]
+        })]
+      })
+    })
+  });
 };
-ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;
+ConfigProvider.ConfigContext = _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") {
-  ConfigProvider.displayName = import_antd.ConfigProvider.displayName;
+ConfigProvider.SizeContext = _antd.ConfigProvider.SizeContext;
+ConfigProvider.config = _antd.ConfigProvider.config;
+ConfigProvider.useConfig = _antd.ConfigProvider.useConfig;
+if (process.env.NODE_ENV !== 'production') {
+  ConfigProvider.displayName = _antd.ConfigProvider.displayName;
 }
-var config_provider_default = ConfigProvider;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./navigate"),
-  ...require("antd/es/config-provider/context"),
-  ...require("antd/es/config-provider/SizeContext"),
-  ...require("antd/es/config-provider/DisabledContext"),
-  ...require("antd/es/config-provider")
-});
+var _default = exports.default = ConfigProvider;

package/lib/config-provider/navigate.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
+"use strict";
 
-// src/config-provider/navigate.ts
-var navigate_exports = {};
-module.exports = __toCommonJS(navigate_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});