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

package/lib/_util/genComponentStyleHook.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { CSSObject } from '@ant-design/cssinjs';
 import type { ComponentTokenMap } from 'antd/es/theme/interface';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-import type { GlobalToken } from 'antd/es/theme/interface';
+import type { GlobalToken, FullToken, GenerateStyle } from '../theme/interface';
+export declare const genSelectCommonStyle: (token: FullToken<'Select' | 'TreeSelect' | 'Cascader'>) => CSSObject;
 export type ComponentName = keyof ComponentTokenMap;
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
     wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/_util/genComponentStyleHook.js

@@ -29,17 +29,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/_util/genComponentStyleHook.ts
 var genComponentStyleHook_exports = {};
 __export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook
+  genComponentStyleHook: () => genComponentStyleHook,
+  genSelectCommonStyle: () => genSelectCommonStyle
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("antd/es/theme/internal");
+var import_internal = require("../theme/internal");
 var import_theme = __toESM(require("../theme"));
+var genSelectCommonStyle = (token) => {
+  const { antCls } = token;
+  const selectComponentCls = `${antCls}-select`;
+  return {
+    [`${selectComponentCls}${selectComponentCls}-multiple`]: {
+      [`${selectComponentCls}-selection-item`]: {
+        borderRadius: token.borderRadius
+      }
+    }
+  };
+};
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
     const useStyle = (0, import_internal.genComponentStyleHook)(
       `OB-${componentName}`,
       (token) => {
-        return [styleFn(token)];
+        return [
+          genSelectCommonStyle(token),
+          styleFn(token)
+        ];
       },
       getDefaultToken,
       {
@@ -60,5 +75,6 @@ function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genComponentStyleHook
+  genComponentStyleHook,
+  genSelectCommonStyle
 });

package/lib/alert/index.js

@@ -33,18 +33,19 @@ __export(alert_exports, {
   default: () => alert_default
 });
 module.exports = __toCommonJS(alert_exports);
-var import_react = __toESM(require("react"));
+var import_react = 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(alert_exports, require("antd/es/alert"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var iconMapOutlined = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  info: /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, null),
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
 };
 var Alert = ({
   type,
@@ -65,7 +66,7 @@ var Alert = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Alert,
       {
         type,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type AlertToken = FullToken<'Alert'>;
 export declare const genAlertStyle: GenerateStyle<AlertToken>;
 declare const _default: (prefixCls: string) => {

package/lib/app/index.d.ts

@@ -1 +1,9 @@
+import React from 'react';
+import { App as AntApp } from 'antd';
+import type { AppProps } from 'antd/es/app';
 export * from 'antd/es/app';
+export type AppType = React.FC<AppProps> & {
+    useApp: typeof AntApp.useApp;
+};
+declare const App: AppType;
+export default App;

package/lib/app/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,41 @@ 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/app/index.ts
+// src/app/index.tsx
 var app_exports = {};
+__export(app_exports, {
+  default: () => app_default
+});
 module.exports = __toCommonJS(app_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(app_exports, require("antd/es/app"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var App = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+  const prefixCls = getPrefixCls("app", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const appCls = (0, import_classnames.default)(className);
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.App, { prefixCls: customizePrefixCls, className: appCls, ...restProps }));
+};
+App.useApp = import_antd.App.useApp;
+if (process.env.NODE_ENV !== "production") {
+  App.displayName = import_antd.App.displayName;
+}
+var app_default = App;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/app")

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '../../theme/interface';
+export type AppToken = FullToken<'App'>;
+export declare const genAppStyle: GenerateStyle<AppToken>;
+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/{_util/getWeakenBorderColor.js → app/style/index.js}

@@ -16,17 +16,27 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/_util/getWeakenBorderColor.ts
-var getWeakenBorderColor_exports = {};
-__export(getWeakenBorderColor_exports, {
-  getWeakenBorderColor: () => getWeakenBorderColor
+// src/app/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genAppStyle: () => genAppStyle
 });
-module.exports = __toCommonJS(getWeakenBorderColor_exports);
-var import_tinycolor = require("@ctrl/tinycolor");
-function getWeakenBorderColor(color) {
-  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
-}
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genAppStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {}
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("App", (token) => {
+    return [genAppStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getWeakenBorderColor
+  genAppStyle
 });

package/lib/badge/index.js

@@ -40,14 +40,15 @@ 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 import_jsx_runtime = require("react/jsx-runtime");
 var Badge = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }, ref) => {
     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 iconMap = {
-      default: /* @__PURE__ */ import_react.default.createElement(import_icons.MinusCircleFilled, { rotate: 45 }),
-      processing: /* @__PURE__ */ import_react.default.createElement(
+      default: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusCircleFilled, { rotate: 45 }),
+      processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.Loading3QuartersOutlined,
         {
           style: {
@@ -56,12 +57,12 @@ var Badge = import_react.default.forwardRef(
           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.EllipsisCircleFilled, null)
+      success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
+      error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleFilled, {}),
+      warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisCircleFilled, {})
     };
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: status && icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "span",
         {
           ref,
@@ -69,17 +70,19 @@ var Badge = import_react.default.forwardRef(
           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(
+          ...restProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`),
+                children: import_react.default.isValidElement(icon) ? icon : iconMap[status]
+              }
+            ),
+            text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-status-text`, children: text })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Badge,
         {
           ref,
@@ -89,7 +92,7 @@ var Badge = import_react.default.forwardRef(
           text,
           ...restProps
         }
-      ))
+      ) })
     );
   }
 );

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type BadgeToken = FullToken<'Badge'>;
 export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
 declare const _default: (prefixCls: string) => {

package/lib/button/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(button_exports, require("antd/es/button"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Button = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { theme, getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var Button = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls, theme == null ? void 0 : theme.isAliyun);
     const buttonCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
     );
   }
 );

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ButtonToken = FullToken<'Button'>;
 export declare const genButtonStyle: GenerateStyle<ButtonToken>;
 declare const _default: (prefixCls: string, isAliyun?: boolean) => {

package/lib/card/index.js

@@ -42,6 +42,7 @@ var import_util2 = require("../_util");
 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);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Card = import_react.default.forwardRef(
   ({
     children,
@@ -75,13 +76,16 @@ var Card = import_react.default.forwardRef(
       if (!(0, import_util.isNullValue)(item.tag)) {
         return {
           ...item,
-          tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
+          tab: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+            item.tab,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag`, children: item.tag })
+          ] })
         };
       }
       return item;
     });
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Card,
         {
           ref,
@@ -96,9 +100,9 @@ var Card = import_react.default.forwardRef(
           bodyStyle,
           styles,
           className: cardCls,
-          ...restProps
-        },
-        children
+          ...restProps,
+          children
+        }
       )
     );
   }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CardToken = FullToken<'Card'> & {
     tabsComponentCls: string;
     tabsPrefixCls: string;

package/lib/card/style/index.js

@@ -63,12 +63,12 @@ var genCardStyle = (token) => {
       [`${componentCls}:not(${componentCls}-bordered):not(${componentCls}-type-inner)`]: {
         boxShadow: "none"
       },
-      // nested Card border radius
-      [`${componentCls}`]: {
+      // nested and bordered Card radius
+      [`${componentCls}${componentCls}-bordered`]: {
         borderRadius: token.borderRadiusLG - 2,
-        [`${componentCls}`]: {
+        [`${componentCls}${componentCls}-bordered`]: {
           borderRadius: token.borderRadius,
-          [`${componentCls}`]: {
+          [`${componentCls}${componentCls}-bordered`]: {
             borderRadius: token.borderRadiusSM
           }
         }

package/lib/checkbox/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(checkbox_exports, require("antd/es/checkbox"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var InternalCheckbox = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var InternalCheckbox = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls);
     const checkboxCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Checkbox,
         {
           ref,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type CheckboxToken = FullToken<'Checkbox'>;
 export declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
 declare const _default: (prefixCls: string) => {

package/lib/config-provider/DefaultRenderEmpty.js

@@ -32,9 +32,10 @@ __export(DefaultRenderEmpty_exports, {
   default: () => DefaultRenderEmpty_default
 });
 module.exports = __toCommonJS(DefaultRenderEmpty_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import__ = require(".");
 var import_empty = __toESM(require("../empty"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var DefaultRenderEmpty = (props) => {
   const { componentName } = props;
   const { getPrefixCls } = (0, import_react.useContext)(import__.ConfigContext);
@@ -45,9 +46,9 @@ var DefaultRenderEmpty = (props) => {
     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` });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_empty.default, { image: import_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, import_jsx_runtime.jsx)(import_empty.default, { image: import_empty.default.PRESENTED_IMAGE_SIMPLE });
   }
 };
 var DefaultRenderEmpty_default = DefaultRenderEmpty;

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/index.js

@@ -40,6 +40,7 @@ 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_app = __toESM(require("../app"));
 var import_static_function = __toESM(require("../static-function"));
 var import_theme = __toESM(require("../theme"));
 var import_default = __toESM(require("../theme/default"));
@@ -50,11 +51,15 @@ __reExport(config_provider_exports, require("antd/es/config-provider/context"),
 __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 import_jsx_runtime = require("react/jsx-runtime");
 var ExtendedConfigContext = import_react.default.createContext({
   navigate: void 0,
   hideOnSinglePage: false,
   injectStaticFunction: true
 });
+var getLocaleTokenValue = (locale, tokenKey, tokenValue, tokenValueEn) => {
+  return tokenValue !== import_default.default.token[tokenKey] ? { [tokenKey]: tokenValue } : ["en", "en-gb"].includes(locale.locale) ? { [tokenKey]: tokenValueEn } : {};
+};
 var ConfigProvider = ({
   children,
   theme,
@@ -71,7 +76,7 @@ var ConfigProvider = ({
   appProps,
   ...restProps
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   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);
@@ -85,10 +90,12 @@ var ConfigProvider = ({
   );
   const { token } = import_theme.default.useToken();
   const fontFamily = ((_a = mergedTheme.token) == null ? void 0 : _a.fontFamily) || token.fontFamily;
+  const fontWeight = ((_b = mergedTheme.token) == null ? void 0 : _b.fontWeight) || token.fontWeight;
+  const fontWeightStrong = ((_c = mergedTheme.token) == null ? void 0 : _c.fontWeightStrong) || token.fontWeightStrong;
   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(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.ConfigProvider,
     {
       locale: mergedLocale,
@@ -96,7 +103,7 @@ var ConfigProvider = ({
       collapse: (0, import_lodash.merge)(
         {},
         {
-          expandIcon: ({ isActive }) => /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
+          expandIcon: ({ isActive }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
         },
         parentContext.collapse,
         collapse
@@ -113,31 +120,35 @@ var ConfigProvider = ({
       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
-            } : {}
+        token: {
+          ...getLocaleTokenValue(mergedLocale, "fontFamily", fontFamily, import_default.fontFamilyEn),
+          ...getLocaleTokenValue(mergedLocale, "fontWeight", fontWeight, import_default.fontWeightEn),
+          ...getLocaleTokenValue(
+            mergedLocale,
+            "fontWeightStrong",
+            fontWeightStrong,
+            import_default.fontWeightStrongEn
           )
-        )
+        }
       }),
-      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
+      renderEmpty: parentContext.renderEmpty || ((componentName) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultRenderEmpty.default, { componentName })),
+      ...restProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ExtendedConfigContext.Provider,
+        {
+          value: {
+            navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
+            hideOnSinglePage: ((_d = parentContext.pagination) == null ? void 0 : _d.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage,
+            // inject static function to outermost ConfigProvider only
+            injectStaticFunction: false
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_app.default, { component: false, ...appProps, children: [
+            children,
+            parentExtendedContext.injectStaticFunction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_static_function.default, {})
+          ] }) })
         }
-      },
-      /* @__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)))
-    )
+      )
+    }
   );
 };
 ConfigProvider.ConfigContext = import_antd.ConfigProvider.ConfigContext;

package/lib/descriptions/hooks/useItems.d.ts

@@ -5,17 +5,17 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
     key?: React.Key;
     label?: React.ReactNode;
     span?: number | "filled" | {
-        xxl?: number;
-        xl?: number;
-        lg?: number;
-        md?: number;
-        sm?: number;
         xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
     };
     style?: React.CSSProperties;
-    className?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
+    className?: string;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/descriptions/hooks/useItems.js

@@ -37,6 +37,7 @@ var import_warning = __toESM(require("antd/es/_util/warning"));
 var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
 var import_typography = __toESM(require("../../typography"));
 var import_getEllipsisConfig = require("../../_util/getEllipsisConfig");
+var import_jsx_runtime = require("react/jsx-runtime");
 var children2Items = (children) => {
   const childrenItems = (0, import_toArray.default)(children).map((node) => {
     if (import_react.default.isValidElement(node)) {
@@ -63,7 +64,7 @@ function convertItem(props, bordered) {
   return {
     ...restItemProps,
     // 无边框并且子元素非 Typography 时外面包一层 Typography.Text，以实现自动省略
-    children: bordered || (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TYPOGRAPHY) ? itemChildren : /* @__PURE__ */ import_react.default.createElement(
+    children: bordered || (itemChildrenType == null ? void 0 : itemChildrenType.__ANT_TYPOGRAPHY) ? itemChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_typography.default.Text,
       {
         ...restContentProps,
@@ -76,9 +77,9 @@ function convertItem(props, bordered) {
           } : editable === true ? {
             autoSize: false
           } : editable
-        )
-      },
-      itemChildren
+        ),
+        children: itemChildren
+      }
     )
   };
 }