@oceanbase/design 0.4.16 → 0.4.17

package/es/card/style/index.js

@@ -30,10 +30,12 @@ export var genCardStyle = function genCardStyle(token) {
   var tableComponentCls = "".concat(antCls, "-table");
   return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-bordered):not(").concat(componentCls, "-type-inner)"), {
     boxShadow: 'none'
-  })), "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-head"), {
+  })), "".concat(componentCls).concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-head"), _defineProperty({
     // should not remove border-bottom to avoid tabs inkbar display correctly
     borderBottomColor: 'transparent'
-  })), "".concat(componentCls).concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
+  }, tabsComponentCls, _defineProperty({}, "&".concat(tabsComponentCls, "-top, &").concat(tabsComponentCls, "-bottom"), _defineProperty({}, "".concat(tabsComponentCls, "-nav::before"), {
+    border: 'none'
+  }))))), "".concat(componentCls).concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingLG, "px ").concat(paddingLG, "px ").concat(paddingLG, "px")
   })), "".concat(componentCls, "-small").concat(componentCls, "-no-divider:not(").concat(componentCls, "-contain-tabs)"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingSM, "px ").concat(paddingSM, "px ").concat(paddingSM, "px")

package/es/form/FormItem.d.ts

@@ -9,6 +9,7 @@ declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => R
         warnings: React.ReactNode[];
     };
 };
+export * from 'antd/es/form/FormItem';
 export type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
     icon?: React.ReactElement;
 };

package/es/form/FormItem.js

@@ -20,6 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var AntFormItem = AntForm.Item;
+export * from 'antd/es/form/FormItem';
 var FormItem = function FormItem(_ref) {
   var _children$type;
   var children = _ref.children,

package/es/table/style/index.js

@@ -54,9 +54,7 @@ export var genTableStyle = function genTableStyle(token) {
     borderBottom: 'none'
   })), "tr > td", {
     transition: "background ".concat(token.motionDurationMid)
-  }), "".concat(componentCls, "-placeholder td"), {
-    borderBottom: 'none'
-  }), "".concat(componentCls, "-empty-wrapper"), {
+  }), "".concat(componentCls, "-placeholder td"), {}), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 360 - token.paddingSM * 2,
     display: 'flex',
     justifyContent: 'center',

package/es/tabs/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition, TabsRef } from 'antd/es/tabs';
 import type { Tab as AntTab } from 'rc-tabs/es/interface';
+import { genTabsStyle } from './style';
+import TabPane from './TabPane';
 import type { TabPaneProps } from './TabPane';
 import type { BadgeProps } from '../badge';
 export * from 'antd/es/tabs';
@@ -17,13 +19,13 @@ export type Tab = {
     badge?: BadgeType;
 } & (AntTab | AntTabOptional);
 export interface TabsProps extends Omit<AntTabsProps, 'items'> {
+    divider?: boolean;
     items?: Tab[];
 }
 export type TabsPosition = AntTabsPosition;
-declare const Tabs: {
-    ({ children, items, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    TabPane: React.FC<TabPaneProps>;
-    genTabsStyle: (token: Partial<import("./style").TabsToken>) => import("@ant-design/cssinjs").CSSObject;
-    displayName: string;
+type CompoundedComponent = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<TabsRef>> & {
+    TabPane: typeof TabPane;
+    genTabsStyle: typeof genTabsStyle;
 };
+declare const Tabs: CompoundedComponent;
 export default Tabs;

package/es/tabs/index.js

@@ -1,15 +1,15 @@
-var _excluded = ["children", "items", "type", "tabPosition", "prefixCls", "className"];
+var _excluded = ["children", "divider", "items", "type", "tabPosition", "prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { isNullValue } from '@oceanbase/util';
-import { Divider, Space, Tabs as AntTabs, Tag } from 'antd';
 import React, { useCallback, useContext } from 'react';
+import { Divider, Space, Tabs as AntTabs, Tag } from 'antd';
+import { isNullValue } from '@oceanbase/util';
 import classNames from 'classnames';
 import Badge from "../badge";
 import ConfigProvider from "../config-provider";
@@ -22,9 +22,11 @@ export * from 'antd/es/tabs';
 var isReactNode = function isReactNode(item) {
   return /*#__PURE__*/React.isValidElement(item);
 };
-var Tabs = function Tabs(_ref) {
+var Tabs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _newItems;
   var children = _ref.children,
+    _ref$divider = _ref.divider,
+    divider = _ref$divider === void 0 ? false : _ref$divider,
     items = _ref.items,
     type = _ref.type,
     tabPosition = _ref.tabPosition,
@@ -36,7 +38,7 @@ var Tabs = function Tabs(_ref) {
   var prefixCls = getPrefixCls('tabs', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var tabsCls = classNames(className);
+  var tabsCls = classNames(className, _defineProperty({}, "".concat(prefixCls, "-no-divider"), !divider));
   var isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
   var dividerList = (items === null || items === void 0 ? void 0 : items.filter(function (item) {
     return item.divider;
@@ -80,13 +82,14 @@ var Tabs = function Tabs(_ref) {
     return item;
   });
   return wrapSSR( /*#__PURE__*/_jsx(AntTabs, _objectSpread({
+    ref: ref,
     items: newItems,
     type: type,
     tabPosition: tabPosition,
     prefixCls: customizePrefixCls,
     className: tabsCls
   }, restProps)));
-};
+});
 Tabs.TabPane = TabPane;
 Tabs.genTabsStyle = genTabsStyle;
 if (process.env.NODE_ENV !== 'production') {

package/es/tabs/style/index.js

@@ -10,10 +10,9 @@ export var genTabsStyle = function genTabsStyle(token) {
     colorInfoBg = token.colorInfoBg,
     colorTextSecondary = token.colorTextSecondary,
     colorFillQuaternary = token.colorFillQuaternary;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
-    // 页签位置为 top 和 bottom 时，去掉分割线
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-no-divider"), _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
     border: 'none'
-  })), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  }))), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
     fontFamily: 'PingFangSC',
     fontSize: 12,

package/es/typography/style/index.js

@@ -9,15 +9,11 @@ export var genTypographyStyle = function genTypographyStyle(token) {
     fontSize = token.fontSize,
     lineHeight = token.lineHeight;
   var marginOffset = (controlHeight - fontSize * lineHeight) / 2;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "span".concat(componentCls), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
     lineHeight: 'inherit',
     color: 'inherit',
     fontSize: 'inherit'
-  }), "div".concat(componentCls), {
-    lineHeight: 'inherit',
-    color: 'inherit',
-    fontSize: 'inherit'
-  }), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-edit"), {
+  }, "".concat(componentCls, "-edit"), {
     fontSize: token.fontSize
   })), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
     '&:hover': {

package/lib/card/style/index.js

@@ -67,7 +67,15 @@ var genCardStyle = (token) => {
     [`${componentCls}${componentCls}-no-divider`]: {
       [`${componentCls}-head`]: {
         // should not remove border-bottom to avoid tabs inkbar display correctly
-        borderBottomColor: "transparent"
+        borderBottomColor: "transparent",
+        // remove divider for top and bottom tabs
+        [tabsComponentCls]: {
+          [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
+            [`${tabsComponentCls}-nav::before`]: {
+              border: "none"
+            }
+          }
+        }
       }
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {

package/lib/form/FormItem.d.ts

@@ -9,6 +9,7 @@ declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => R
         warnings: React.ReactNode[];
     };
 };
+export * from 'antd/es/form/FormItem';
 export type WrapperTooltipProps = Omit<TooltipProps, 'mouseFollow'> & {
     icon?: React.ReactElement;
 };

package/lib/form/FormItem.js

@@ -16,6 +16,7 @@ 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-
@@ -40,6 +41,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_useTooltipTypeList = require("../tooltip/hooks/useTooltipTypeList");
 var import_style = __toESM(require("./style"));
+__reExport(FormItem_exports, require("antd/es/form/FormItem"), module.exports);
 var AntFormItem = import_antd.Form.Item;
 var FormItem = ({
   children,
@@ -95,3 +97,7 @@ var FormItem = ({
 };
 FormItem.useStatus = AntFormItem.useStatus;
 var FormItem_default = FormItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("antd/es/form/FormItem")
+});

package/lib/table/style/index.js

@@ -106,9 +106,7 @@ var genTableStyle = (token) => {
           transition: `background ${token.motionDurationMid}`
         },
         // empty style
-        [`${componentCls}-placeholder td`]: {
-          borderBottom: "none"
-        },
+        [`${componentCls}-placeholder td`]: {},
         [`${componentCls}-empty-wrapper`]: {
           minHeight: 360 - token.paddingSM * 2,
           display: "flex",
@@ -178,7 +176,7 @@ var genTableStyle = (token) => {
         borderRadius: `0px 0px ${token.borderRadiusLG}px ${token.borderRadiusLG}px`
       }
     },
-    // 带边框的表格样式
+    // 带内部边框的表格样式
     [`${componentCls}-wrapper${componentCls}-inner-bordered ${componentCls}-bordered`]: {
       [`${componentCls}-container`]: {
         borderInlineStart: "none",

package/lib/tabs/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition } from 'antd/es/tabs';
+import type { TabsProps as AntTabsProps, TabsPosition as AntTabsPosition, TabsRef } from 'antd/es/tabs';
 import type { Tab as AntTab } from 'rc-tabs/es/interface';
+import { genTabsStyle } from './style';
+import TabPane from './TabPane';
 import type { TabPaneProps } from './TabPane';
 import type { BadgeProps } from '../badge';
 export * from 'antd/es/tabs';
@@ -17,13 +19,13 @@ export type Tab = {
     badge?: BadgeType;
 } & (AntTab | AntTabOptional);
 export interface TabsProps extends Omit<AntTabsProps, 'items'> {
+    divider?: boolean;
     items?: Tab[];
 }
 export type TabsPosition = AntTabsPosition;
-declare const Tabs: {
-    ({ children, items, type, tabPosition, prefixCls: customizePrefixCls, className, ...restProps }: TabsProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    TabPane: React.FC<TabPaneProps>;
-    genTabsStyle: (token: Partial<import("./style").TabsToken>) => import("@ant-design/cssinjs").CSSObject;
-    displayName: string;
+type CompoundedComponent = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<TabsRef>> & {
+    TabPane: typeof TabPane;
+    genTabsStyle: typeof genTabsStyle;
 };
+declare const Tabs: CompoundedComponent;
 export default Tabs;

package/lib/tabs/index.js

@@ -33,9 +33,9 @@ __export(tabs_exports, {
   default: () => tabs_default
 });
 module.exports = __toCommonJS(tabs_exports);
-var import_util = require("@oceanbase/util");
-var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_util = require("@oceanbase/util");
 var import_classnames = __toESM(require("classnames"));
 var import_badge = __toESM(require("../badge"));
 var import_config_provider = __toESM(require("../config-provider"));
@@ -46,67 +46,73 @@ __reExport(tabs_exports, require("antd/es/tabs"), module.exports);
 var isReactNode = (item) => {
   return import_react.default.isValidElement(item);
 };
-var Tabs = ({
-  children,
-  items,
-  type,
-  tabPosition,
-  prefixCls: customizePrefixCls,
-  className,
-  ...restProps
-}) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("tabs", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const tabsCls = (0, import_classnames.default)(className);
-  const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
-  const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
-  const renderBadge = (0, import_react.useCallback)(
-    (badge) => {
-      if (typeof badge === "object" && !isReactNode(badge)) {
-        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+var Tabs = import_react.default.forwardRef(
+  ({
+    children,
+    divider = false,
+    items,
+    type,
+    tabPosition,
+    prefixCls: customizePrefixCls,
+    className,
+    ...restProps
+  }, ref) => {
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+    const prefixCls = getPrefixCls("tabs", customizePrefixCls);
+    const { wrapSSR } = (0, import_style.default)(prefixCls);
+    const tabsCls = (0, import_classnames.default)(className, {
+      [`${prefixCls}-no-divider`]: !divider
+    });
+    const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
+    const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
+    const renderBadge = (0, import_react.useCallback)(
+      (badge) => {
+        if (typeof badge === "object" && !isReactNode(badge)) {
+          return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
+      },
+      [prefixCls]
+    );
+    let newItems = (0, import_useLegacyItems.default)(items, children);
+    newItems = newItems == null ? void 0 : newItems.map((item) => {
+      if (!(0, import_util.isNullValue)(item.divider)) {
+        return {
+          ...item,
+          key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
+          label: /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Divider,
+            {
+              type: isHorizontal ? "vertical" : "horizontal",
+              className: `${prefixCls}-divider`
+            }
+          ),
+          disabled: true
+        };
+      } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
+        return {
+          ...item,
+          label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
+        };
       }
-      return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
-    },
-    [prefixCls]
-  );
-  let newItems = (0, import_useLegacyItems.default)(items, children);
-  newItems = newItems == null ? void 0 : newItems.map((item) => {
-    if (!(0, import_util.isNullValue)(item.divider)) {
-      return {
-        ...item,
-        key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
-        label: /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Divider,
-          {
-            type: isHorizontal ? "vertical" : "horizontal",
-            className: `${prefixCls}-divider`
-          }
-        ),
-        disabled: true
-      };
-    } else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
-      return {
-        ...item,
-        label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
-      };
-    }
-    return item;
-  });
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Tabs,
-      {
-        items: newItems,
-        type,
-        tabPosition,
-        prefixCls: customizePrefixCls,
-        className: tabsCls,
-        ...restProps
-      }
-    )
-  );
-};
+      return item;
+    });
+    return wrapSSR(
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Tabs,
+        {
+          ref,
+          items: newItems,
+          type,
+          tabPosition,
+          prefixCls: customizePrefixCls,
+          className: tabsCls,
+          ...restProps
+        }
+      )
+    );
+  }
+);
 Tabs.TabPane = import_TabPane.default;
 Tabs.genTabsStyle = import_style.genTabsStyle;
 if (process.env.NODE_ENV !== "production") {

package/lib/tabs/style/index.js

@@ -28,10 +28,12 @@ var genTabsStyle = (token) => {
   const { antCls, componentCls, colorInfo, colorInfoBg, colorTextSecondary, colorFillQuaternary } = token;
   return {
     [componentCls]: {
-      [`&${componentCls}-top, &${componentCls}-bottom`]: {
-        [`${componentCls}-nav::before`]: {
-          // 页签位置为 top 和 bottom 时，去掉分割线
-          border: "none"
+      [`&${componentCls}-no-divider`]: {
+        // divider prop work for top and bottom tabs
+        [`&${componentCls}-top, &${componentCls}-bottom`]: {
+          [`${componentCls}-nav::before`]: {
+            border: "none"
+          }
         }
       },
       [`${componentCls}-tab`]: {

package/lib/typography/style/index.js

@@ -29,17 +29,10 @@ var genTypographyStyle = (token) => {
   const marginOffset = (controlHeight - fontSize * lineHeight) / 2;
   return {
     // inherit color and lineHeight from parent instead of fixed colorText
-    [`span${componentCls}`]: {
-      lineHeight: "inherit",
-      color: "inherit",
-      fontSize: "inherit"
-    },
-    [`div${componentCls}`]: {
+    [`${componentCls}`]: {
       lineHeight: "inherit",
       color: "inherit",
-      fontSize: "inherit"
-    },
-    [`${componentCls}`]: {
+      fontSize: "inherit",
       [`${componentCls}-edit`]: {
         fontSize: token.fontSize
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.16",
+  "version": "0.4.17",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -39,13 +39,13 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.24.0",
-    "@ctrl/tinycolor": "^4.1.0",
+    "@ctrl/tinycolor": "^4.2.0",
     "@inline-svg-unique-id/react": "^1.2.3",
     "@oceanbase/aliyun-theme": "^0.1.6",
     "@oceanbase/icons": "^0.4.7",
-    "@oceanbase/util": "^0.4.4",
+    "@oceanbase/util": "^0.4.5",
     "ahooks": "^2.10.14",
-    "antd": "^5.27.0",
+    "antd": "^5.27.4",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lottie-web": "^5.13.0",
@@ -57,13 +57,13 @@
     "@babel/preset-env": "^7.28.3",
     "antd-token-previewer": "^2.0.8",
     "rc-select": "^14.16.8",
-    "rc-slider": "^11.1.8",
-    "rc-table": "^7.51.1",
+    "rc-slider": "^11.1.9",
+    "rc-table": "^7.54.0",
     "rc-tree-select": "^5.27.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "42879f277f4c72e7254f121861f9e8b8a8e024ce"
+  "gitHead": "17cf4a2e042c5c3a2b099b8f4d305eb3b543ca66"
 }