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

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.d.ts

@@ -8,6 +8,10 @@ export interface CardTabListType extends AntCardTabListType {
 export interface CardProps extends AntCardProps {
     divided?: boolean;
     tabList?: CardTabListType[];
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Grid: React.FC<import("antd/es/card").CardGridProps>;

package/lib/card/index.js

@@ -37,11 +37,14 @@ var import_util = require("@oceanbase/util");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
+var import_icons = require("@oceanbase/icons");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_util2 = require("../_util");
+var import_theme = __toESM(require("../theme"));
 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,
@@ -54,20 +57,72 @@ var Card = import_react.default.forwardRef(
     bodyStyle,
     styles,
     className,
+    collapsible,
+    defaultCollapsed,
+    collapsed: outerCollapsed,
+    onCollapse,
+    extra,
     ...restProps
   }, ref) => {
     var _a;
-    const { getPrefixCls, card: contextCard } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const {
+      getPrefixCls,
+      card: contextCard,
+      iconPrefixCls
+    } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const { token } = import_theme.default.useToken();
     const divided = outerDivided ?? (contextCard == null ? void 0 : contextCard.divided) ?? true;
     const prefixCls = getPrefixCls("card", customizePrefixCls);
     const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
+    const [internalCollapsed, setInternalCollapsed] = (0, import_react.useState)(defaultCollapsed ?? false);
+    const collapsed = outerCollapsed !== void 0 ? outerCollapsed : internalCollapsed;
+    const handleCollapse = (0, import_react.useCallback)(() => {
+      const newCollapsed = !collapsed;
+      if (outerCollapsed === void 0) {
+        setInternalCollapsed(newCollapsed);
+      }
+      onCollapse == null ? void 0 : onCollapse(newCollapsed);
+    }, [collapsed, outerCollapsed, onCollapse]);
+    const cardTitle = (0, import_react.useMemo)(() => {
+      if (!collapsible) {
+        return title;
+      }
+      if (!title) {
+        return null;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: `${prefixCls}-title-wrapper`,
+          onClick: handleCollapse,
+          style: { cursor: "pointer", display: "flex", alignItems: "center" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CaretRightFilled,
+              {
+                className: `${prefixCls}-collapsible-icon`,
+                style: {
+                  transition: `transform ${token.motionDurationMid}`,
+                  transform: collapsed ? void 0 : "rotate(90deg)",
+                  color: token.colorIcon,
+                  marginRight: token.marginXS
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
+          ]
+        }
+      );
+    }, [collapsible, title, collapsed, prefixCls, token, handleCollapse]);
     const noBodyHorizontalPadding = (0, import_util2.isHorizontalPaddingZero)(bodyStyle == null ? void 0 : bodyStyle.padding) || (0, import_util2.isHorizontalPaddingZero)((_a = styles == null ? void 0 : styles.body) == null ? void 0 : _a.padding);
     const cardCls = (0, import_classnames.default)(
       {
         [`${prefixCls}-has-title`]: !!title,
         [`${prefixCls}-no-divider`]: !divided,
-        [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding
+        [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding,
+        [`${prefixCls}-collapsible`]: collapsible,
+        [`${prefixCls}-collapsed`]: collapsed
       },
       className
     );
@@ -75,30 +130,36 @@ 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,
           size,
-          title,
+          title: cardTitle,
           tabList: newTabList,
           tabProps: {
             size: "middle",
             ...tabProps
           },
           prefixCls: customizePrefixCls,
-          bodyStyle,
+          bodyStyle: {
+            ...bodyStyle
+          },
           styles,
           className: cardCls,
-          ...restProps
-        },
-        children
+          extra,
+          ...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

@@ -59,16 +59,19 @@ var genCardStyle = (token) => {
   const tableComponentCls = `${antCls}-table`;
   return {
     [`${componentCls}`]: {
+      [`${componentCls}-body`]: {
+        paddingTop: token.padding
+      },
       // nested Card style
       [`${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
           }
         }
@@ -78,6 +81,8 @@ var genCardStyle = (token) => {
       [`${componentCls}-head`]: {
         // should not remove border-bottom to avoid tabs inkbar display correctly
         borderBottomColor: "transparent",
+        paddingTop: token.paddingLG,
+        paddingBottom: token.padding,
         // remove divider for top and bottom tabs
         [tabsComponentCls]: {
           [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
@@ -93,6 +98,11 @@ var genCardStyle = (token) => {
         padding: `0 ${paddingLG}px ${paddingLG}px ${paddingLG}px`
       }
     },
+    [`${componentCls}-small`]: {
+      [`${componentCls}-body`]: {
+        paddingTop: token.paddingXS
+      }
+    },
     [`${componentCls}-small${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-body`]: {
         padding: `0 ${paddingSM}px ${paddingSM}px ${paddingSM}px`
@@ -104,11 +114,20 @@ var genCardStyle = (token) => {
       }
     },
     [`${componentCls}${componentCls}-contain-tabs`]: {
-      [`${componentCls}-head`]: (0, import_style.genTabsStyle)({
-        ...token,
-        componentCls: tabsComponentCls,
-        prefixCls: tabsPrefixCls
-      })
+      [`${componentCls}-head`]: {
+        ...(0, import_style.genTabsStyle)({
+          ...token,
+          componentCls: tabsComponentCls,
+          prefixCls: tabsPrefixCls
+        }),
+        [tabsComponentCls]: {
+          [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
+            [`${tabsComponentCls}-tab`]: {
+              paddingBlock: token.padding
+            }
+          }
+        }
+      }
     },
     [`${componentCls}${componentCls}-contain-grid`]: {
       [`${componentCls}-head`]: {
@@ -133,7 +152,34 @@ var genCardStyle = (token) => {
     // no body horizontal padding card
     [`${componentCls}${componentCls}-no-body-horizontal-padding`]: genTableStyle(paddingLG, token),
     // no body horizontal padding small card
-    [`${componentCls}${componentCls}-no-body-horizontal-padding${componentCls}-small`]: genTableStyle(paddingSM, token)
+    [`${componentCls}${componentCls}-no-body-horizontal-padding${componentCls}-small`]: genTableStyle(paddingSM, token),
+    // collapsible card style
+    [`${componentCls}${componentCls}-collapsible`]: {
+      [`${componentCls}-title-wrapper`]: {
+        userSelect: "none",
+        [`${componentCls}-collapsible-icon`]: {
+          fontSize: token.fontSizeLG
+        }
+      },
+      [`${componentCls}-body`]: {
+        overflow: "hidden"
+      }
+    },
+    [`${componentCls}${componentCls}-collapsible${componentCls}-collapsed`]: {
+      [`${componentCls}-body`]: {
+        maxHeight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        opacity: 0,
+        overflow: "hidden",
+        border: "none",
+        margin: 0
+      },
+      // hide bottom border of head when collapsed, avoid double border
+      [`${componentCls}-head`]: {
+        borderBottom: "none"
+      }
+    }
   };
 };
 var style_default = (prefixCls, tabsPrefixCls) => {

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.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';
@@ -23,7 +23,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

@@ -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,18 @@ var ConfigProvider = ({
       collapse: (0, import_lodash.merge)(
         {},
         {
-          expandIcon: ({ isActive }) => /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 })
+          expandIcon: ({ isActive }) => {
+            var _a2, _b2;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CaretRightOutlined,
+              {
+                rotate: isActive ? 90 : 0,
+                style: {
+                  color: ((_a2 = mergedTheme.token) == null ? void 0 : _a2.colorIcon) || ((_b2 = mergedTheme.token) == null ? void 0 : _b2.colorTextSecondary)
+                }
+              }
+            );
+          }
         },
         parentContext.collapse,
         collapse
@@ -110,34 +128,60 @@ var ConfigProvider = ({
         form
       ),
       spin: (0, import_lodash.merge)({}, parentContext.spin, spin),
-      table: (0, import_lodash.merge)({}, parentContext.table, table),
+      table: (0, import_lodash.merge)(
+        {},
+        {
+          expandable: {
+            expandIcon: ({ expandable, expanded, onExpand, record }) => {
+              var _a2, _b2;
+              return expandable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.CaretRightOutlined,
+                {
+                  onClick: (e) => onExpand(record, e),
+                  style: {
+                    transition: `transform 0.2s`,
+                    transform: expanded ? "rotate(90deg)" : void 0,
+                    color: ((_a2 = mergedTheme.token) == null ? void 0 : _a2.colorIcon) || ((_b2 = mergedTheme.token) == null ? void 0 : _b2.colorTextSecondary)
+                  }
+                }
+              );
+            }
+          }
+        },
+        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.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
+      }
     )
   };
 }

package/lib/descriptions/index.js

@@ -35,12 +35,13 @@ __export(descriptions_exports, {
 module.exports = __toCommonJS(descriptions_exports);
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_config_provider = __toESM(require("../config-provider"));
 var import_Item = __toESM(require("./Item"));
 var import_useItems = __toESM(require("./hooks/useItems"));
 var import_style = __toESM(require("./style"));
 __reExport(descriptions_exports, require("antd/es/descriptions"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Descriptions = ({
   children,
   bordered,
@@ -61,7 +62,7 @@ var Descriptions = ({
   });
   const newItems = (0, import_useItems.default)(items, children, bordered);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Descriptions,
       {
         layout,

package/lib/descriptions/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';
 import type { DescriptionsProps } from '..';
 export type DescriptionsToken = FullToken<'Alert'> & {
     typographyPrefixCls: string;