@oceanbase/design 0.4.8 → 0.4.10

package/es/table/index.d.ts

@@ -17,6 +17,7 @@ export interface TableLocale extends AntTableLocale {
     };
 }
 export interface TableProps<T> extends AntTableProps<T> {
+    innerBordered?: boolean;
     columns?: ColumnsType<T>;
     cancelText?: string;
     collapseText?: string;

package/es/table/index.js

@@ -30,6 +30,9 @@ export * from 'antd/es/table';
 function Table(props, ref) {
   var _enUS$Table, _locale$Table;
   var customLocale = props.locale,
+    size = props.size,
+    bordered = props.bordered,
+    innerBordered = props.innerBordered,
     columns = props.columns,
     footer = props.footer,
     customPagination = props.pagination,
@@ -64,7 +67,7 @@ function Table(props, ref) {
   var prefixCls = getPrefixCls('table', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-expandable"), !isEmpty(expandable)), "".concat(prefixCls, "-selectable"), !!rowSelection), "".concat(prefixCls, "-has-footer"), !!footer), className);
+  var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-expandable"), !isEmpty(expandable)), "".concat(prefixCls, "-selectable"), !!rowSelection), "".concat(prefixCls, "-has-footer"), !!footer), "".concat(prefixCls, "-inner-bordered"), innerBordered), className);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openPopover = _useState2[0],
@@ -188,12 +191,14 @@ function Table(props, ref) {
         children: typeof emptyText === 'function' ? emptyText() : emptyText
       })
     }),
+    size: size,
+    bordered: bordered || innerBordered,
     columns: newColumns,
     rowClassName: function rowClassName() {
       return classNames(typeof _rowClassName === 'function' ? _rowClassName.apply(void 0, arguments) : _rowClassName, _defineProperty({}, "".concat(prefixCls, "-expand-row-by-click"), expandable === null || expandable === void 0 ? void 0 : expandable.expandRowByClick));
     },
     expandable: expandable ? _objectSpread({
-      columnWidth: 32
+      columnWidth: !size || size === 'large' ? 40 : 32
     }, expandable) : undefined,
     rowSelection: rowSelection ? _objectSpread(_objectSpread({
       columnWidth: table === null || table === void 0 ? void 0 : table.selectionColumnWidth

package/es/table/style/index.js

@@ -77,9 +77,16 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: colorFillQuaternary
   }), "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row):not(").concat(antCls, "-descriptions-row) > td"), {
     backgroundColor: colorBgBase
-  }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-bordered"), _defineProperty({}, "".concat(componentCls, "-footer"), {
+  }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-bordered"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-thead > tr"), _defineProperty({}, 'th', {
+    backgroundColor: colorFillQuaternary
+  })), "".concat(componentCls, "-footer"), {
     borderRadius: "0px 0px ".concat(token.borderRadiusLG, "px ").concat(token.borderRadiusLG, "px")
-  })), "".concat(componentCls, "-wrapper ").concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-thead, ").concat(componentCls, "-tbody"), _defineProperty({}, 'td, th', _defineProperty(_defineProperty({}, "&".concat(componentCls, "-row-expand-icon-cell"), {
+  })), "".concat(componentCls, "-wrapper").concat(componentCls, "-inner-bordered ").concat(componentCls, "-bordered"), _defineProperty({}, "".concat(componentCls, "-container"), _defineProperty({
+    borderInlineStart: 'none',
+    borderTop: 'none'
+  }, "".concat(componentCls, "-thead > tr > th, ").concat(componentCls, "-tbody > tr > td"), _defineProperty({}, '&:last-child', {
+    borderInlineEnd: 'none'
+  })))), "".concat(componentCls, "-wrapper ").concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-thead, ").concat(componentCls, "-tbody"), _defineProperty({}, 'td, th', _defineProperty(_defineProperty({}, "&".concat(componentCls, "-row-expand-icon-cell"), {
     backgroundColor: colorBgBase,
     // 设置 paddingRight 即可
     paddingRight: token.paddingXS
@@ -91,25 +98,29 @@ export var genTableStyle = function genTableStyle(token) {
     borderBottomRightRadius: 0
   }), "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable)"), _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
     border: 'none'
-  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty({}, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), _defineProperty(_defineProperty({}, '& > td', {
+  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty({}, "tr:nth-child(n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), _defineProperty(_defineProperty({}, '& > td', {
     backgroundColor: colorBgBase
   }), '&:hover', {
     td: {
       backgroundColor: colorPrimaryBg
     }
-  })), "".concat(componentCls, "-expanded-row > td"), _defineProperty({}, "& > *:not(".concat(componentCls, "-wrapper)"), {
+  })), "".concat(componentCls, "-expanded-row > td"), _defineProperty(_defineProperty({}, "& > *:not(".concat(componentCls, "-wrapper):not(").concat(componentCls, "-expanded-row-fixed)"), {
     marginLeft: token.marginXL + token.lineWidth * 2
+  }), "& > *".concat(componentCls, "-expanded-row-fixed"), {
+    paddingLeft: token.marginXL + token.lineWidth * 2 + token.padding
   })), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
     marginLeft: token.margin + token.lineWidth * 2
   }))), "".concat(componentCls, "-middle, ").concat(componentCls, "-small"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
     marginLeft: token.margin + token.lineWidth * 2 + token.margin
-  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable").concat(componentCls, "-selectable"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-expanded-row > td"), _defineProperty({}, "& > *:not(".concat(componentCls, "-wrapper)"), {
+  })))), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable").concat(componentCls, "-selectable"), _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-expanded-row > td"), _defineProperty(_defineProperty({}, "& > *:not(".concat(componentCls, "-wrapper):not(").concat(componentCls, "-expanded-row-fixed)"), {
     marginLeft: token.marginXL + token.marginXL + token.lineWidth * 2
+  }), "& > *".concat(componentCls, "-expanded-row-fixed"), {
+    paddingLeft: token.marginXL + token.marginXL + token.lineWidth * 2 + token.padding
   })), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
     marginLeft: token.margin + token.marginXL + token.lineWidth * 2
   }))), "".concat(componentCls, "-middle, ").concat(componentCls, "-small"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
     marginLeft: token.margin + token.marginXL + token.lineWidth * 2 + token.margin
-  })))), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
+  })))), "".concat(componentCls, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
     // hide empty when Table loading
     visibility: 'hidden'
   }))), "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), {

package/es/tooltip/ReactStickyMouseTooltip.d.ts

@@ -35,6 +35,6 @@ declare class ReactStickyMouseTooltip extends React.PureComponent<ReactStickyMou
     addListener: () => void;
     removeListener: () => void;
     updateListener: () => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default ReactStickyMouseTooltip;

package/es/tree-select/index.d.ts

@@ -1,6 +1,6 @@
 import { TreeSelect as AntTreeSelect } from 'antd';
 import type { TreeSelectProps as AntTreeSelectProps } from 'antd/es/tree-select';
-import { TreeNode as AntTreeNode } from 'rc-tree-select';
+import type { TreeNode as AntTreeNode } from 'rc-tree-select';
 import type { BaseSelectRef } from 'rc-select';
 import React from 'react';
 export * from 'antd/es/tree-select';

package/lib/_util/index.d.ts

@@ -0,0 +1 @@
+export declare const isHorizontalPaddingZero: (padding?: string | number) => boolean;

package/lib/_util/index.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/_util/index.ts
+var util_exports = {};
+__export(util_exports, {
+  isHorizontalPaddingZero: () => isHorizontalPaddingZero
+});
+module.exports = __toCommonJS(util_exports);
+var isHorizontalPaddingZero = (padding) => {
+  if (typeof padding === "number") {
+    return padding === 0;
+  }
+  if (typeof padding === "string") {
+    const parts = padding.trim().split(/\s+/);
+    switch (parts.length) {
+      case 1:
+        return parseFloat(parts[0]) === 0;
+      case 2:
+        return parseFloat(parts[1]) === 0;
+      case 3:
+        return parseFloat(parts[1]) === 0;
+      case 4:
+        return parseFloat(parts[1]) === 0 && parseFloat(parts[3]) === 0;
+      default:
+        return false;
+    }
+  }
+  return false;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isHorizontalPaddingZero
+});

package/lib/alert/index.d.ts

@@ -1,12 +1,12 @@
-import type { AlertProps as AntAlertProps } from 'antd/es/alert';
 import React from 'react';
+import type { AlertProps as AntAlertProps } from 'antd/es/alert';
 export * from 'antd/es/alert';
 export interface AlertProps extends AntAlertProps {
     ghost?: boolean;
     colored?: boolean;
 }
 declare const Alert: {
-    ({ ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ type, ghost, colored, prefixCls: customizePrefixCls, className, ...restProps }: AlertProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
     displayName: string;
 };

package/lib/alert/index.js

@@ -33,13 +33,21 @@ __export(alert_exports, {
   default: () => alert_default
 });
 module.exports = __toCommonJS(alert_exports);
+var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(alert_exports, require("antd/es/alert"), module.exports);
+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)
+};
 var Alert = ({
+  type,
   ghost,
   colored,
   prefixCls: customizePrefixCls,
@@ -56,7 +64,18 @@ var Alert = ({
     },
     className
   );
-  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Alert, { prefixCls: customizePrefixCls, className: alertCls, ...restProps }));
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Alert,
+      {
+        type,
+        icon: iconMapOutlined[type],
+        prefixCls: customizePrefixCls,
+        className: alertCls,
+        ...restProps
+      }
+    )
+  );
 };
 Alert.ErrorBoundary = import_antd.Alert.ErrorBoundary;
 if (process.env.NODE_ENV !== "production") {

package/lib/card/index.js

@@ -38,6 +38,7 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
+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);
@@ -60,13 +61,12 @@ var Card = import_react.default.forwardRef(
     const prefixCls = getPrefixCls("card", customizePrefixCls);
     const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
     const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
-    const zeroPaddingList = [0, "0", "0px"];
-    const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding) || zeroPaddingList.includes((_a = styles == null ? void 0 : styles.body) == null ? void 0 : _a.padding);
+    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-padding`]: noBodyPadding
+        [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding
       },
       className
     );

package/lib/card/style/index.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(style_exports);
 var import_style = require("../../tabs/style");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genTableStyle = (padding, token) => {
-  const { componentCls, antCls } = token;
+  const { antCls } = token;
   const tableComponentCls = `${antCls}-table`;
   return {
     [`${tableComponentCls}-wrapper`]: {
@@ -51,18 +51,12 @@ var genTableStyle = (padding, token) => {
           marginRight: padding
         }
       }
-    },
-    [`&${componentCls}-has-title${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
-      [`${componentCls}-body`]: {
-        [`& > ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
-          marginTop: -token.marginSM
-        }
-      }
     }
   };
 };
 var genCardStyle = (token) => {
-  const { componentCls, tabsComponentCls, tabsPrefixCls, paddingSM, paddingLG } = token;
+  const { componentCls, antCls, tabsComponentCls, tabsPrefixCls, paddingSM, paddingLG } = token;
+  const tableComponentCls = `${antCls}-table`;
   return {
     [`${componentCls}`]: {
       // nested Card style
@@ -110,13 +104,18 @@ var genCardStyle = (token) => {
         marginBottom: 0
       }
     },
-    // no body padding card
-    [`${componentCls}${componentCls}-no-body-padding`]: genTableStyle(paddingLG, token),
-    // no body padding small card
-    [`${componentCls}${componentCls}-no-body-padding${componentCls}-small`]: genTableStyle(
-      paddingSM,
-      token
-    )
+    // reduce margin between card title and table
+    [`&${componentCls}-has-title${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-body`]: {
+        [`& > ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
+          marginTop: -token.marginSM
+        }
+      }
+    },
+    // 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)
   };
 };
 var style_default = (prefixCls, tabsPrefixCls) => {

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

@@ -45,13 +45,13 @@ export interface ConfigProviderProps extends AntConfigProviderProps {
     pagination?: PaginationConfig;
     spin?: SpinConfig;
     table?: TableConfig;
-    injectStaticFunction?: boolean;
     styleProviderProps?: StyleProviderProps;
     appProps?: AppProps;
 }
 export interface ExtendedConfigConsumerProps {
     navigate?: NavigateFunction;
     hideOnSinglePage?: boolean;
+    injectStaticFunction?: boolean;
 }
 declare const ExtendedConfigContext: React.Context<ExtendedConfigConsumerProps>;
 export type ConfigProviderType = React.FC<ConfigProviderProps> & {

package/lib/config-provider/index.js

@@ -52,7 +52,8 @@ __reExport(config_provider_exports, require("antd/es/config-provider/DisabledCon
 __reExport(config_provider_exports, require("antd/es/config-provider"), module.exports);
 var ExtendedConfigContext = import_react.default.createContext({
   navigate: void 0,
-  hideOnSinglePage: false
+  hideOnSinglePage: false,
+  injectStaticFunction: true
 });
 var ConfigProvider = ({
   children,
@@ -66,7 +67,6 @@ var ConfigProvider = ({
   spin,
   table,
   tabs,
-  injectStaticFunction = true,
   styleProviderProps,
   appProps,
   ...restProps
@@ -138,10 +138,12 @@ var ConfigProvider = ({
       {
         value: {
           navigate: navigate === void 0 ? parentExtendedContext.navigate : navigate,
-          hideOnSinglePage: ((_b = parentContext.pagination) == null ? void 0 : _b.showSizeChanger) ? false : hideOnSinglePage !== void 0 ? hideOnSinglePage : parentExtendedContext.hideOnSinglePage
+          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
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_cssinjs.StyleProvider, { ...mergedStyleProviderProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.App, { component: false, ...appProps }, children, injectStaticFunction && /* @__PURE__ */ import_react.default.createElement(import_static_function.default, null)))
+      /* @__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)))
     )
   );
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { DescriptionsItemType } from '..';
 export default function useItems(items?: DescriptionsItemType[], children?: React.ReactNode, bordered?: boolean): {
-    children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    children: string | number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
     span?: number | "filled" | {
         xxl?: number;
         xl?: number;
@@ -10,13 +10,13 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
         sm?: number;
         xs?: number;
     };
-    prefixCls?: string;
-    style?: React.CSSProperties;
     label?: React.ReactNode;
-    className?: string;
+    style?: React.CSSProperties;
     key?: React.Key;
-    classNames?: Partial<Record<"content" | "label", string>>;
-    styles?: Partial<Record<"content" | "label", React.CSSProperties>>;
+    className?: string;
+    prefixCls?: string;
+    classNames?: Partial<Record<"label" | "content", string>>;
+    styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/descriptions/hooks/useItems.js

@@ -58,11 +58,27 @@ function convertItem(props, bordered) {
       title: itemChildren
     }
   };
-  const { ellipsis = defaultEllipsis, ...restContentProps } = contentProps || {};
+  const { ellipsis = defaultEllipsis, editable, ...restContentProps } = contentProps || {};
   return {
     ...restItemProps,
     // 仅无边框时定制 children
-    children: bordered ? itemChildren : /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ...restContentProps, ellipsis: (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, itemChildren) }, itemChildren)
+    children: bordered ? itemChildren : /* @__PURE__ */ import_react.default.createElement(
+      import_typography.default.Text,
+      {
+        ...restContentProps,
+        ellipsis: (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, itemChildren),
+        editable: (
+          // disable autoSize by default to avoid over height
+          typeof editable === "object" ? {
+            autoSize: false,
+            ...editable
+          } : editable === true ? {
+            autoSize: false
+          } : editable
+        )
+      },
+      itemChildren
+    )
   };
 }
 function useItems(items, children, bordered) {

package/lib/descriptions/index.js

@@ -44,7 +44,7 @@ __reExport(descriptions_exports, require("antd/es/descriptions"), module.exports
 var Descriptions = ({
   children,
   bordered,
-  layout,
+  layout = "horizontal",
   colon = layout === "vertical" ? false : void 0,
   items,
   prefixCls: customizePrefixCls,
@@ -55,7 +55,10 @@ var Descriptions = ({
   const prefixCls = getPrefixCls("descriptions", customizePrefixCls);
   const typographyPrefixCls = getPrefixCls("typography", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls, typographyPrefixCls);
-  const descriptionsCls = (0, import_classnames.default)(className);
+  const descriptionsCls = (0, import_classnames.default)(className, {
+    [`${prefixCls}-vertical`]: layout === "vertical",
+    [`${prefixCls}-horizontal`]: layout === "horizontal"
+  });
   const newItems = (0, import_useItems.default)(items, children, bordered);
   return wrapSSR(
     /* @__PURE__ */ import_react.default.createElement(

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

@@ -1,9 +1,12 @@
 /// <reference types="react" />
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { DescriptionsProps } from '..';
 export type DescriptionsToken = FullToken<'Alert'> & {
     typographyPrefixCls: string;
     typographyComponentCls: string;
 };
+export declare const genVerticalStyle: (size: DescriptionsProps['size'], token: Partial<DescriptionsToken>) => CSSObject;
 export declare const genDescriptionsStyle: GenerateStyle<DescriptionsToken>;
 declare const _default: (prefixCls: string, typographyPrefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/lib/descriptions/style/index.js

@@ -20,14 +20,49 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default,
-  genDescriptionsStyle: () => genDescriptionsStyle
+  genDescriptionsStyle: () => genDescriptionsStyle,
+  genVerticalStyle: () => genVerticalStyle
 });
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genVerticalStyle = (size, token) => {
+  const { componentCls } = token;
+  const paddingMap = {
+    default: {
+      paddingIn: token.paddingXS,
+      paddingOut: token.paddingLG
+    },
+    middle: {
+      paddingIn: token.paddingXXS,
+      paddingOut: token.padding
+    },
+    small: {
+      paddingIn: token.paddingXXS,
+      paddingOut: token.paddingSM
+    }
+  };
+  const paddingConfig = paddingMap[size];
+  return {
+    // vertical Descriptions without border
+    [`&${componentCls}${componentCls}-vertical:not(${componentCls}-bordered)`]: {
+      [`${componentCls}-row:nth-child(2n + 1)`]: {
+        [`& > th, & > td`]: {
+          paddingBottom: paddingConfig.paddingIn
+        }
+      },
+      [`${componentCls}-row:nth-child(2n)`]: {
+        [`& > th, & > td`]: {
+          paddingBottom: paddingConfig.paddingOut
+        }
+      }
+    }
+  };
+};
 var genDescriptionsStyle = (token) => {
   const { componentCls, typographyComponentCls } = token;
   return {
     [`${componentCls}`]: {
+      ...genVerticalStyle("default", token),
       [`${componentCls}-item-container`]: {
         [`${componentCls}-item-content`]: {
           paddingRight: 12,
@@ -35,11 +70,18 @@ var genDescriptionsStyle = (token) => {
           overflow: "hidden",
           [`${typographyComponentCls}-edit-content`]: {
             insetInlineStart: 0,
-            marginTop: 0
+            marginTop: 0,
+            marginBottom: 0
           }
         }
+      },
+      [`${componentCls}-item-container:has(${`${typographyComponentCls}-edit-content`})`]: {
+        alignItems: "center",
+        height: token.fontSize * token.lineHeight
       }
-    }
+    },
+    [`${componentCls}${componentCls}-middle`]: genVerticalStyle("middle", token),
+    [`${componentCls}${componentCls}-small`]: genVerticalStyle("small", token)
   };
 };
 var style_default = (prefixCls, typographyPrefixCls) => {
@@ -56,5 +98,6 @@ var style_default = (prefixCls, typographyPrefixCls) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genDescriptionsStyle
+  genDescriptionsStyle,
+  genVerticalStyle
 });

package/lib/dropdown/dropdown-button.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DropdownButtonProps } from 'antd/es/dropdown';
+type CompoundedComponent = React.FC<DropdownButtonProps> & {
+    /** @internal */
+    __ANT_BUTTON: boolean;
+};
+declare const DropdownButton: CompoundedComponent;
+export default DropdownButton;

package/lib/dropdown/dropdown-button.js

@@ -0,0 +1,42 @@
+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);
+
+// src/dropdown/dropdown-button.tsx
+var dropdown_button_exports = {};
+__export(dropdown_button_exports, {
+  default: () => dropdown_button_default
+});
+module.exports = __toCommonJS(dropdown_button_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@oceanbase/icons");
+var DropdownButton = ({ icon = /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null), ...restProps }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown.Button, { icon, ...restProps });
+};
+DropdownButton.__ANT_BUTTON = true;
+var dropdown_button_default = DropdownButton;

package/lib/dropdown/index.d.ts

@@ -1 +1,11 @@
+import React from 'react';
+import { Dropdown as AntDropdown } from 'antd';
+import type { DropDownProps } from 'antd/es/dropdown';
+import DropdownButton from './dropdown-button';
 export * from 'antd/es/dropdown';
+type CompoundedComponent = React.FC<DropDownProps> & {
+    Button: typeof DropdownButton;
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof AntDropdown._InternalPanelDoNotUseOrYouWillBeFired;
+};
+declare const Dropdown: CompoundedComponent;
+export default Dropdown;