@oceanbase/design 1.0.0-alpha.17 → 1.0.0-alpha.18

package/lib/theme/default.d.ts

@@ -46,5 +46,17 @@ export declare const fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Op
 export declare const fontWeightWeakEn = 300;
 export declare const fontWeightEn = 500;
 export declare const fontWeightStrongEn = 600;
+/** 正文字号（非 Cn），与 token.fontSize 一致；命名对齐 fontFamilyEn / fontWeightEn */
+export declare const fontSizeEn = 13;
+/** Table 单元格字号（非 Cn），与 components.Table.cellFontSize 默认值一致 */
+export declare const tableCellFontSizeEn = 12;
+/** Cn 正文/表内字号补丁（由 config-provider `getLocaleFontSizeThemePatch` 消费） */
+export declare const fontSizeCn = 14;
+export declare const fontHeightCn = 22;
+export declare const lineHeightCn: number;
 declare const _default: import("antd").ThemeConfig;
 export default _default;
+/**
+ * Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
+ */
+export declare function isCnLikeLocale(locale: string | undefined): boolean;

package/lib/theme/default.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.white = exports.red6 = exports.red5 = exports.red4 = exports.red3 = exports.red2 = exports.red1 = exports.orange6 = exports.orange5 = exports.orange4 = exports.orange3 = exports.orange2 = exports.orange1 = exports.green6 = exports.green5 = exports.green4 = exports.green3 = exports.green2 = exports.green1 = exports.gray9 = exports.gray8 = exports.gray7 = exports.gray6 = exports.gray5 = exports.gray4 = exports.gray3 = exports.gray2 = exports.gray10 = exports.gray1 = exports.fuchsia6 = exports.fuchsia5 = exports.fuchsia4 = exports.fuchsia3 = exports.fuchsia2 = exports.fuchsia1 = exports.fontWeightWeakEn = exports.fontWeightStrongEn = exports.fontWeightEn = exports.fontFamilyEn = exports.default = exports.colorNaviBgHover = exports.colorNaviBg = exports.blue6 = exports.blue5 = exports.blue4 = exports.blue3 = exports.blue2 = exports.blue1 = exports.black = void 0;
+exports.green6 = exports.green5 = exports.green4 = exports.green3 = exports.green2 = exports.green1 = exports.gray9 = exports.gray8 = exports.gray7 = exports.gray6 = exports.gray5 = exports.gray4 = exports.gray3 = exports.gray2 = exports.gray10 = exports.gray1 = exports.fuchsia6 = exports.fuchsia5 = exports.fuchsia4 = exports.fuchsia3 = exports.fuchsia2 = exports.fuchsia1 = exports.fontWeightWeakEn = exports.fontWeightStrongEn = exports.fontWeightEn = exports.fontSizeEn = exports.fontSizeCn = exports.fontHeightCn = exports.fontFamilyEn = exports.default = exports.colorNaviBgHover = exports.colorNaviBg = exports.blue6 = exports.blue5 = exports.blue4 = exports.blue3 = exports.blue2 = exports.blue1 = exports.black = void 0;
+exports.isCnLikeLocale = isCnLikeLocale;
+exports.white = exports.tableCellFontSizeEn = exports.red6 = exports.red5 = exports.red4 = exports.red3 = exports.red2 = exports.red1 = exports.orange6 = exports.orange5 = exports.orange4 = exports.orange3 = exports.orange2 = exports.orange1 = exports.lineHeightCn = void 0;
 var _format = require("./util/format");
 // ==================== 基础颜色 Token ====================
 // 中性色 Neutral
@@ -87,6 +89,17 @@ const fontFamilyEn = exports.fontFamilyEn = `Inter, 'Noto sans', sans-serif, Rob
 const fontWeightWeakEn = exports.fontWeightWeakEn = 300;
 const fontWeightEn = exports.fontWeightEn = 500;
 const fontWeightStrongEn = exports.fontWeightStrongEn = 600;
+
+/** 正文字号（非 Cn），与 token.fontSize 一致；命名对齐 fontFamilyEn / fontWeightEn */
+const fontSizeEn = exports.fontSizeEn = 13;
+
+/** Table 单元格字号（非 Cn），与 components.Table.cellFontSize 默认值一致 */
+const tableCellFontSizeEn = exports.tableCellFontSizeEn = fontSizeSM;
+
+/** Cn 正文/表内字号补丁（由 config-provider `getLocaleFontSizeThemePatch` 消费） */
+const fontSizeCn = exports.fontSizeCn = 14;
+const fontHeightCn = exports.fontHeightCn = 22;
+const lineHeightCn = exports.lineHeightCn = fontHeightCn / fontSizeCn;
 const lineHeightSM = 20 / 12;
 const defaultTheme = {
   token: {
@@ -100,9 +113,9 @@ const defaultTheme = {
     borderRadiusMD,
     borderRadiusLG,
     fontSizeSM,
-    fontSize: 13,
+    fontSize: fontSizeEn,
     lineHeightSM: lineHeightSM,
-    lineHeight: 20 / 13,
+    lineHeight: 20 / fontSizeEn,
     lineHeightLG: 24 / 16,
     fontHeight: 20,
     fontSizeLG: 16,
@@ -110,12 +123,12 @@ const defaultTheme = {
     fontSizeHeading2: 20,
     fontSizeHeading3: 18,
     fontSizeHeading4: 16,
-    fontSizeHeading5: 13,
+    fontSizeHeading5: fontSizeEn,
     lineHeightHeading1: 32 / 24,
     lineHeightHeading2: 28 / 20,
     lineHeightHeading3: 26 / 18,
     lineHeightHeading4: 24 / 16,
-    lineHeightHeading5: 20 / 13,
+    lineHeightHeading5: 20 / fontSizeEn,
     controlHeightSM: 24,
     controlHeight: 28,
     colorLinkHover: blue5,
@@ -442,4 +455,14 @@ defaultTheme.token = {
   yellow: defaultTheme?.token?.colorWarning,
   red: defaultTheme?.token?.colorError
 };
-var _default = exports.default = (0, _format.formatTheme)(defaultTheme);
+var _default = exports.default = (0, _format.formatTheme)(defaultTheme);
+/**
+ * Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
+ */
+function isCnLikeLocale(locale) {
+  if (locale == null || locale === '') {
+    return false;
+  }
+  const primary = String(locale).toLowerCase().replace(/_/g, '-').split('-')[0];
+  return primary === 'zh' || primary === 'ja' || primary === 'ko';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "1.0.0-alpha.17",
+  "version": "1.0.0-alpha.18",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -66,5 +66,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "e23471bfca999f9dd9af8fd7c68c4f5ce3c848da"
+  "gitHead": "fc43201ca1a59d2d8d54d0fece7fbb9dba9f7eb9"
 }