@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.20

package/es/theme/default.js

@@ -6,135 +6,407 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { formatTheme } from "./util/format";
-var colorPrimary = '#0D6CF2';
-var colorPrimarySecondary = '#598CF3';
-var colorText = '#132039';
-var colorTextSecondary = '#5C6B8A';
-var colorTextTertiary = '#8592AD';
-var colorTextQuaternary = '#C1CBE0';
-var colorFill = '#CDD5E4';
-var colorFillSecondary = '#E2E8F3';
-var colorFillTertiary = '#F3F6FC';
-var colorFillQuaternary = '#F8FAFE';
-var colorFillHover = '#EFF3FA';
-var colorFillSelected = '#E2E8F3';
-var colorBorderSecondary = colorFillSecondary;
+
+// ==================== 基础颜色 Token ====================
+// 中性色 Neutral
+export var white = '#ffffff';
+export var gray1 = '#fbfcfe';
+export var gray2 = '#f5f7fc';
+export var gray3 = '#ebeff7';
+export var gray4 = '#e2e8f3';
+export var gray5 = '#cdd5e4';
+export var gray6 = '#b6c0d4';
+export var gray7 = '#8592ad';
+export var gray8 = '#5c6b8a';
+export var gray9 = '#3b4a69';
+export var gray10 = '#132039';
+export var black = '#000000';
+
+// 蓝色 Blue
+export var blue1 = '#f3f8fe';
+export var blue2 = '#b3d3ff';
+export var blue3 = '#619ef3';
+export var blue4 = '#0d6cf2';
+export var blue5 = '#0852bb';
+export var blue6 = '#0d3c80';
+
+// 绿色 Green
+export var green1 = '#f5faf8';
+export var green2 = '#b3e6d5';
+export var green3 = '#79d1b4';
+export var green4 = '#16b882';
+export var green5 = '#0a8c61';
+export var green6 = '#09593f';
+
+// 橙色 Orange
+export var orange1 = '#fff9ee';
+export var orange2 = '#ffe7c2';
+export var orange3 = '#fac373';
+export var orange4 = '#f49f25';
+export var orange5 = '#ac690b';
+export var orange6 = '#6c4408';
+
+// 红色 Red
+export var red1 = '#fff2f2';
+export var red2 = '#ffd6d6';
+export var red3 = '#f69898';
+export var red4 = '#eb4242';
+export var red5 = '#b52727';
+export var red6 = '#8a1b1b';
+
+// 紫色 Fuchsia
+export var fuchsia1 = '#faf0fc';
+export var fuchsia2 = '#e8caee';
+export var fuchsia3 = '#d88ee7';
+export var fuchsia4 = '#b04ec4';
+export var fuchsia5 = '#802792';
+export var fuchsia6 = '#580e67';
+
+// 导航特殊色
+export var colorNaviBg = '#f1f6ff';
+export var colorNaviBgHover = '#e8effb';
+
+// ==================== 基础 Token 别名 ====================
+var colorPrimary = blue4;
+var colorPrimarySecondary = '#598cf3';
+var colorText = gray10;
+var colorTextSecondary = gray8;
+var colorTextTertiary = gray7;
+var colorTextQuaternary = gray6;
+var colorIcon = gray8;
+var colorFill = gray5;
+var colorFillSecondary = gray4;
+var colorFillTertiary = gray3;
+var colorFillQuaternary = gray2;
+var colorBorder = gray5;
+var colorBorderSecondary = gray4;
 var fontSizeSM = 12;
-// Calculated by colorBorder and getWeakenBorderColor()
-var tagColorBorder = '#cdd5e466';
+var tagColorBorder = gray6;
+var borderRadius = 4;
+var borderRadiusMD = 6;
+var borderRadiusLG = 8;
 export var fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'";
+export var fontWeightWeakEn = 300;
+export var fontWeightEn = 500;
+export var fontWeightStrongEn = 600;
+
+/** 正文字号（非 Cn），与 token.fontSize 一致；命名对齐 fontFamilyEn / fontWeightEn */
+export var fontSizeEn = 13;
+
+/** Table 单元格字号（非 Cn），与 components.Table.cellFontSize 默认值一致 */
+export var tableCellFontSizeEn = fontSizeSM;
+
+/** Cn 正文/表内字号等 locale 主题补丁（由 config-provider `getLocaleFontSizeThemePatch` 消费） */
+export var fontSizeCn = 14;
+export var fontHeightCn = 22;
+export var lineHeightCn = fontHeightCn / fontSizeCn;
+var lineHeightSM = 20 / 12;
 var defaultTheme = {
   token: {
     fontFamily: "-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     fontFamilyCode: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
-    borderRadius: 4,
-    borderRadiusLG: 8,
+    fontWeightWeak: 400,
+    fontWeight: 400,
+    fontWeightStrong: 500,
     borderRadiusSM: 2,
-    fontSize: 13,
+    borderRadius: borderRadius,
+    borderRadiusMD: borderRadiusMD,
+    borderRadiusLG: borderRadiusLG,
     fontSizeSM: fontSizeSM,
+    fontSize: fontSizeEn,
+    lineHeightSM: lineHeightSM,
+    lineHeight: 20 / fontSizeEn,
+    lineHeightLG: 24 / 16,
+    fontHeight: 20,
     fontSizeLG: 16,
     fontSizeHeading1: 24,
     fontSizeHeading2: 20,
     fontSizeHeading3: 18,
     fontSizeHeading4: 16,
-    fontSizeHeading5: 13,
+    fontSizeHeading5: fontSizeEn,
+    lineHeightHeading1: 32 / 24,
+    lineHeightHeading2: 28 / 20,
+    lineHeightHeading3: 26 / 18,
+    lineHeightHeading4: 24 / 16,
+    lineHeightHeading5: 20 / fontSizeEn,
+    controlHeightSM: 24,
     controlHeight: 28,
+    colorLinkHover: blue5,
+    colorLinkActive: blue5,
     colorPrimary: colorPrimary,
+    colorPrimaryBorder: blue3,
+    colorPrimaryBg: blue1,
+    colorPrimaryBgHover: blue2,
+    colorPrimaryHover: blue5,
+    colorPrimaryActive: blue5,
+    colorPrimaryText: blue6,
     colorInfo: colorPrimary,
-    colorInfoBorder: colorPrimarySecondary,
-    colorInfoBg: '#EAF1FF',
-    colorInfoText: '#083E8B',
-    colorSuccess: '#14B781',
-    colorSuccessBorder: '#7ED7BA',
-    colorSuccessBg: '#E8F8F3',
-    colorSuccessText: '#096547',
-    colorWarning: '#F49F25',
-    colorWarningBorder: '#F9CB87',
-    colorWarningBg: '#FEF6E9',
-    colorWarningText: '#5B3600',
-    colorError: '#EF4343',
-    colorErrorBorder: '#F69898',
-    colorErrorBg: '#FDECEC',
-    colorErrorText: '#8A1B1B',
-    colorTextBase: '#000000',
+    colorInfoBorder: blue3,
+    colorInfoBg: blue1,
+    colorInfoBgHover: blue2,
+    colorInfoHover: blue5,
+    colorInfoActive: blue5,
+    colorInfoText: blue6,
+    colorSuccess: green4,
+    colorSuccessBorder: green3,
+    colorSuccessBg: green1,
+    colorSuccessBgHover: green2,
+    colorSuccessHover: green5,
+    colorSuccessActive: green5,
+    colorSuccessText: green6,
+    colorWarning: orange4,
+    colorWarningBorder: orange3,
+    colorWarningBg: orange1,
+    colorWarningBgHover: orange2,
+    colorWarningHover: orange5,
+    colorWarningActive: orange5,
+    colorWarningText: orange6,
+    colorError: red4,
+    colorErrorBorder: red3,
+    colorErrorBg: red1,
+    colorErrorBgHover: red2,
+    colorErrorHover: red5,
+    colorErrorActive: red5,
+    colorErrorText: red6,
+    colorFuchsia: fuchsia4,
+    colorFuchsiaBorder: fuchsia3,
+    colorFuchsiaBg: fuchsia1,
+    colorFuchsiaBgHover: fuchsia2,
+    colorFuchsiaHover: fuchsia5,
+    colorFuchsiaActive: fuchsia5,
+    colorFuchsiaText: fuchsia6,
+    colorTextBase: black,
     colorText: colorText,
     colorTextSecondary: colorTextSecondary,
     colorTextTertiary: colorTextTertiary,
     colorTextQuaternary: colorTextQuaternary,
-    colorIcon: colorTextSecondary,
-    colorBgBase: '#ffffff',
-    colorBgContainer: '#ffffff',
-    colorBgLayout: colorFillQuaternary,
-    colorBorder: colorFill,
+    colorIcon: colorIcon,
+    colorBgBase: white,
+    colorBgContainer: white,
+    colorBgLayout: gray1,
+    colorBgTextHover: gray2,
+    colorBgTextActive: gray3,
+    colorBorder: colorBorder,
     colorBorderSecondary: colorBorderSecondary,
     colorFill: colorFill,
     colorFillSecondary: colorFillSecondary,
     colorFillTertiary: colorFillTertiary,
     colorFillQuaternary: colorFillQuaternary,
-    colorBgMask: 'rgba(19, 32, 57, 0.45)',
-    colorBgElevated: '#ffffff',
-    colorBgSpotlight: '#ffffff',
+    colorBgContainerDisabled: gray2,
+    colorBgMask: 'rgba(19, 32, 57, 0.6)',
+    colorBgElevated: white,
+    colorBgSpotlight: white,
+    controlItemBgHover: gray2,
+    controlItemBgActive: gray2,
+    controlItemBgActiveHover: gray2,
+    // 导航特殊色
+    colorNaviBg: colorNaviBg,
+    colorNaviBgHover: colorNaviBgHover,
+    // 阴影
     boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
     boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
     boxShadowTertiary: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
     wireframe: false,
-    // Remove focus outline
-    lineWidthFocus: 0
+    // WCAG 2.4.7: visible focus ring for antd controls (align with antd seed default)
+    lineWidthFocus: 2,
+    // ==================== 基础颜色 Token ====================
+    // 黑白色
+    white: white,
+    black: black,
+    // 中性色 Neutral
+    gray1: gray1,
+    gray2: gray2,
+    gray3: gray3,
+    gray4: gray4,
+    gray5: gray5,
+    gray6: gray6,
+    gray7: gray7,
+    gray8: gray8,
+    gray9: gray9,
+    // 蓝色 Blue
+    blue1: blue1,
+    blue2: blue2,
+    blue3: blue3,
+    blue4: blue4,
+    blue5: blue5,
+    blue6: blue6,
+    'blue-1': blue1,
+    'blue-2': blue2,
+    'blue-3': blue3,
+    'blue-4': blue4,
+    'blue-5': blue5,
+    'blue-6': blue6,
+    // 绿色 Green
+    green1: green1,
+    green2: green2,
+    green3: green3,
+    green4: green4,
+    green5: green5,
+    green6: green6,
+    'green-1': green1,
+    'green-2': green2,
+    'green-3': green3,
+    'green-4': green4,
+    'green-5': green5,
+    'green-6': green6,
+    // 橙色 Orange
+    orange1: orange1,
+    orange2: orange2,
+    orange3: orange3,
+    orange4: orange4,
+    orange5: orange5,
+    orange6: orange6,
+    'orange-1': orange1,
+    'orange-2': orange2,
+    'orange-3': orange3,
+    'orange-4': orange4,
+    'orange-5': orange5,
+    'orange-6': orange6,
+    // 红色 Red
+    red1: red1,
+    red2: red2,
+    red3: red3,
+    red4: red4,
+    red5: red5,
+    red6: red6,
+    'red-1': red1,
+    'red-2': red2,
+    'red-3': red3,
+    'red-4': red4,
+    'red-5': red5,
+    'red-6': red6,
+    // 紫色 Fuchsia
+    fuchsia1: fuchsia1,
+    fuchsia2: fuchsia2,
+    fuchsia3: fuchsia3,
+    fuchsia4: fuchsia4,
+    fuchsia5: fuchsia5,
+    fuchsia6: fuchsia6
   },
   components: {
+    Alert: {
+      borderRadiusLG: borderRadiusMD
+    },
+    Badge: {
+      statusSize: 8
+    },
     Breadcrumb: {
       fontSize: fontSizeSM,
-      // @ts-ignore
-      // fontHeight is internal token
+      lineHeight: lineHeightSM,
       fontHeight: 20,
       lastItemColor: colorTextSecondary
     },
+    Button: {
+      iconGap: 4,
+      contentFontSizeSM: 12,
+      borderRadiusSM: 4,
+      borderRadius: 4,
+      borderRadiusLG: 4,
+      paddingInlineSM: 8,
+      paddingInline: 12,
+      paddingInlineLG: 12
+    },
     Card: {
       headerFontSize: 16,
-      borderRadiusLG: 8
+      borderRadiusLG: borderRadiusLG
     },
     Collapse: {
       colorBorder: colorBorderSecondary
     },
+    DatePicker: {
+      borderRadiusLG: borderRadiusMD,
+      colorTextQuaternary: gray8,
+      // work for TimePicker and DatePicker
+      hoverBorderColor: gray7,
+      activeBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
+    },
     Descriptions: {
       labelColor: colorTextSecondary
     },
+    Dropdown: {
+      borderRadiusLG: borderRadiusMD
+    },
+    Input: {
+      borderRadiusLG: borderRadiusMD,
+      colorTextQuaternary: gray8,
+      // work for Input, InputNumber and AutoComplete
+      hoverBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
+    },
     InputNumber: {
-      handleVisible: true
+      handleVisible: true,
+      borderRadiusLG: borderRadiusMD,
+      hoverBorderColor: gray7,
+      activeShadow: 'none',
+      warningActiveShadow: 'none',
+      errorActiveShadow: 'none'
+    },
+    Message: {
+      borderRadiusLG: borderRadiusMD
+    },
+    Notification: {
+      borderRadiusLG: borderRadiusMD,
+      colorSuccessBg: white,
+      colorErrorBg: white,
+      colorInfoBg: white,
+      colorWarningBg: white
+    },
+    Popover: {
+      borderRadiusLG: borderRadiusMD
     },
     Progress: {
       defaultColor: colorPrimarySecondary
     },
     Radio: {
       // temporarily fix style for checked disabled Radio.Button
-      controlItemBgActiveDisabled: colorFillSecondary
+      controlItemBgActiveDisabled: colorFillSecondary,
+      // to match Button padding
+      buttonPaddingInline: 12
+    },
+    Segmented: {
+      trackBg: gray2,
+      itemHoverBg: gray3,
+      itemActiveBg: gray4,
+      itemColor: colorText
     },
     Select: {
+      colorTextQuaternary: gray8,
       // work for all multiple select component, including Select, TreeSelect and Cascader and so on
-      multipleItemBg: colorFillQuaternary,
+      borderRadiusLG: borderRadiusMD,
+      hoverBorderColor: gray7,
+      multipleItemBg: gray2,
       multipleItemBorderColor: tagColorBorder,
       multipleItemBorderColorDisabled: tagColorBorder
     },
     Slider: {
       trackBg: colorPrimary,
-      trackHoverBg: '#5189fb',
+      // Deeper blue for hover/active track (better contrast vs white than #5189fb)
+      trackHoverBg: blue5,
       trackBgDisabled: '#b3ccff',
       handleColor: colorPrimary,
-      handleActiveColor: '#5189fb',
+      handleActiveColor: blue5,
       handleColorDisabled: '#b3ccff'
     },
     Skeleton: {
-      blockRadius: 4
+      blockRadius: 2
     },
     Tabs: {
       horizontalItemGutter: 24,
       itemActiveColor: colorText,
       itemSelectedColor: colorText,
-      itemHoverColor: colorText
+      itemHoverColor: colorText,
+      horizontalItemPaddingSM: '12px 0',
+      horizontalItemPadding: '16px 0',
+      horizontalItemPaddingLG: '16px 0'
     },
     Tag: {
-      defaultColor: colorTextSecondary,
-      colorBorder: tagColorBorder
+      colorBorder: tagColorBorder,
+      borderRadiusSM: borderRadius
     },
     Table: {
       cellFontSize: fontSizeSM,
@@ -142,27 +414,35 @@ var defaultTheme = {
       cellPaddingBlock: 8,
       cellPaddingInline: 16,
       cellPaddingBlockMD: 6,
+      cellPaddingInlineMD: 8,
       cellPaddingBlockSM: 4,
+      cellPaddingInlineSM: 6,
       rowHoverBg: colorFillQuaternary,
       rowSelectedBg: colorFillQuaternary,
       rowSelectedHoverBg: colorFillTertiary
     },
     Tooltip: {
-      colorBgSpotlight: '#ffffff',
+      borderRadius: borderRadiusMD,
+      colorBgSpotlight: white,
       colorTextLightSolid: colorText
     },
+    Transfer: {
+      borderRadiusLG: borderRadiusMD
+    },
     Menu: {
+      borderRadiusLG: borderRadiusMD,
       paddingContentVertical: 0,
       itemHeight: 30,
-      itemBorderRadius: 4,
+      itemBorderRadius: borderRadius,
       // 80 means 50% opacity
-      itemHoverBg: colorFillSecondary + '80',
-      itemActiveBg: colorFillSecondary + '80',
-      itemSelectedBg: colorFillSecondary + '80',
-      itemColor: '#36496F',
+      itemHoverBg: gray3,
+      itemActiveBg: gray3,
+      itemSelectedBg: gray3,
+      itemColor: gray9,
       itemSelectedColor: colorText,
       itemMarginBlock: 6,
-      groupTitleFontSize: 11
+      groupTitleFontSize: 11,
+      groupTitleColor: colorTextSecondary
     }
   }
 };
@@ -173,4 +453,27 @@ defaultTheme.token = _objectSpread(_objectSpread({}, defaultTheme.token), {}, {
   yellow: defaultTheme === null || defaultTheme === void 0 || (_defaultTheme$token3 = defaultTheme.token) === null || _defaultTheme$token3 === void 0 ? void 0 : _defaultTheme$token3.colorWarning,
   red: defaultTheme === null || defaultTheme === void 0 || (_defaultTheme$token4 = defaultTheme.token) === null || _defaultTheme$token4 === void 0 ? void 0 : _defaultTheme$token4.colorError
 });
-export default formatTheme(defaultTheme);
+export default formatTheme(defaultTheme);
+
+/**
+ * Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
+ */
+export function isCnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  var primary = String(locale).toLowerCase().replace(/_/g, '-').split('-')[0];
+  return primary === 'zh' || primary === 'ja' || primary === 'ko';
+}
+
+/**
+ * Whether the BCP 47 locale uses English UI compact embedded controls in Table
+ * (matches {@link ConfigProvider} `locale.locale` values such as `en`, `en-gb`, `en-*`).
+ */
+export function isEnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  var norm = String(locale).toLowerCase().replace(/_/g, '-');
+  return norm === 'en' || norm === 'en-gb' || norm.startsWith('en-');
+}

package/es/theme/index.d.ts

@@ -1,71 +1,36 @@
 /// <reference types="react" />
+import { theme } from 'antd';
+import type { Theme } from '@ant-design/cssinjs';
+import type { SeedToken } from 'antd/lib/theme/interface';
+import type { GlobalToken, AliasToken } from './interface';
+import { genObToken } from './obToken';
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
-declare const _default: {
-    defaultSeed: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
+declare const _default: Omit<{
+    defaultSeed: import("antd/es/theme/interface/seeds").SeedToken;
+    useToken: () => {
+        theme: Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/internal").AliasToken>;
+        token: import("antd").GlobalToken;
+        hashId: string;
     };
+    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
+    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface/maps").MapToken>;
+    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
     defaultConfig: {
-        token: import("antd/es/theme/internal").SeedToken;
+        token: import("antd/es/theme/interface/seeds").SeedToken;
         override: {
-            override: import("antd/es/theme/internal").SeedToken;
+            override: import("antd/es/theme/interface/seeds").SeedToken;
         };
         hashed: boolean;
     };
+    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
+}, "useToken"> & {
     useToken: () => {
-        theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/internal").AliasToken>;
-        token: import("antd").GlobalToken;
+        theme: Theme<SeedToken, AliasToken>;
+        token: GlobalToken;
         hashId: string;
+        obToken: ReturnType<typeof genObToken>;
     };
-    defaultAlgorithm: typeof import("antd/es/theme/themes/default").default;
-    darkAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    compactAlgorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
-    getDesignToken: (config?: import("antd").ThemeConfig) => import("antd/es/theme/internal").AliasToken;
-    _internalContext: import("react").Context<import("antd/es/theme/context").DesignTokenProviderProps>;
 };
 export default _default;

package/es/theme/index.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -9,6 +10,7 @@ import { pick } from 'lodash';
 // umi 插件只能 import 支持 CommonJS 语法库和文件，因此需要使用 lib 产物
 
 import defaultTheme from "./default";
+import { genObToken } from "./obToken";
 export * from 'antd/lib/theme/internal';
 export * from 'antd/lib/theme';
 var seedTokenKeys = Object.keys(theme.defaultSeed);
@@ -24,7 +26,17 @@ var defaultSeed = _objectSpread(_objectSpread({}, theme.defaultSeed), seedToken)
 // should use reference assign instead of clone assign
 var defaultConfig = theme.defaultConfig;
 defaultConfig.token = defaultSeed;
+
+// 包装 useToken 以添加 obToken
+var useToken = function useToken() {
+  var result = theme.useToken();
+  var obToken = genObToken(result.token);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    obToken: obToken
+  });
+};
 export default _objectSpread(_objectSpread({}, theme), {}, {
   defaultSeed: defaultSeed,
-  defaultConfig: defaultConfig
+  defaultConfig: defaultConfig,
+  useToken: useToken
 });