@oceanbase/design 0.4.16 → 1.0.0-alpha.0

package/es/_util/genStyle.d.ts

@@ -1,4 +1,2 @@
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
 export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
-export declare const genLargeStyle: (token: FullToken<any>) => CSSObject;

package/es/_util/genStyle.js

@@ -1,6 +1,4 @@
 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 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 _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); }
@@ -15,79 +13,4 @@ export var genCompactStyle = function genCompactStyle(componentCls) {
     borderStartStartRadius: 0,
     borderEndStartRadius: 0
   });
-};
-export var genLargeStyle = function genLargeStyle(token) {
-  var antCls = token.antCls,
-    iconCls = token.iconCls,
-    fontSize = token.fontSize,
-    lineWidth = token.lineWidth,
-    borderRadiusLG = token.borderRadiusLG,
-    controlHeight = token.controlHeight,
-    controlHeightSM = token.controlHeightSM,
-    controlHeightLG = token.controlHeightLG;
-  var height = controlHeightLG;
-  var lineHeight = "".concat(controlHeightLG, "px");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(antCls, "-btn"), _objectSpread({
-    // limit min width for icon button
-    minWidth: controlHeightLG,
-    height: height,
-    fontSize: fontSize,
-    borderRadius: borderRadiusLG
-  }, genCompactStyle("".concat(antCls, "-btn")))), "".concat(antCls, "-radio-group"), _defineProperty({}, "".concat(antCls, "-radio-button-wrapper"), _defineProperty(_defineProperty({
-    height: height,
-    lineHeight: "".concat(height - lineWidth * 2, "px"),
-    fontSize: fontSize
-  }, "&:first-child", {
-    borderStartStartRadius: borderRadiusLG,
-    borderEndStartRadius: borderRadiusLG
-  }), "&:last-child", {
-    borderStartEndRadius: borderRadiusLG,
-    borderEndEndRadius: borderRadiusLG
-  }))), "".concat(antCls, "-select"), _objectSpread(_objectSpread({
-    height: height,
-    fontSize: fontSize
-  }, genCompactStyle("".concat(antCls, "-select"), "".concat(antCls, "-select-selector"))), {}, _defineProperty(_defineProperty({}, "".concat(antCls, "-select-selector"), {
-    borderRadius: borderRadiusLG
-  }), "".concat(antCls, "-select-selection-item"), {
-    fontSize: fontSize
-  }))), "".concat(antCls, "-select-multiple ").concat(antCls, "-select-selection-wrap"), {
-    // ref: https://github.com/oceanbase/oceanbase-design/pull/881
-    height: '100%'
-  }), "".concat(antCls, "-input-wrapper"), _defineProperty(_defineProperty({
-    fontSize: fontSize
-  }, "".concat(iconCls), {
-    fontSize: fontSize
-  }), "".concat(antCls, "-input-affix-wrapper"), {
-    borderStartEndRadius: 0,
-    borderEndEndRadius: 0
-  })), "".concat(antCls, "-input-affix-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    height: height,
-    borderRadius: borderRadiusLG
-  }, "&:not(".concat(antCls, "-input-affix-wrapper-lg)"), {
-    lineHeight: "".concat(controlHeight - lineWidth * 2, "px")
-  }), "".concat(antCls, "-input"), {
-    height: "".concat(controlHeight - lineWidth * 2, "px")
-  }), "".concat(antCls, "-input-lg"), {
-    height: controlHeightSM
-  }), "".concat(antCls, "-input-sm"), {
-    height: "".concat(controlHeightLG - lineWidth * 2, "px")
-  })), "".concat(antCls, "-input"), _objectSpread({
-    height: height,
-    fontSize: fontSize,
-    borderRadius: borderRadiusLG
-  }, genCompactStyle("".concat(antCls, "-input")))), "".concat(antCls, "-input-search-button"), {
-    height: height,
-    lineHeight: lineHeight,
-    borderStartEndRadius: borderRadiusLG,
-    borderEndEndRadius: borderRadiusLG
-  }), "".concat(antCls, "-input-group-addon"), {
-    fontSize: fontSize,
-    borderStartEndRadius: borderRadiusLG,
-    borderEndEndRadius: borderRadiusLG
-  }), "".concat(antCls, "-picker"), _objectSpread(_objectSpread({
-    height: height,
-    borderRadius: borderRadiusLG
-  }, genCompactStyle("".concat(antCls, "-picker"))), {}, _defineProperty({}, "".concat(antCls, "-picker-input>input"), {
-    fontSize: fontSize
-  })));
 };

package/es/badge/style/index.js

@@ -16,7 +16,6 @@ export var genBadgeStyle = function genBadgeStyle(token) {
   }, "&".concat(componentCls, "-status-default"), {
     backgroundColor: token.colorFill
   })), "".concat(componentCls, "-status-icon"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    fontSize: token.fontSizeSM,
     // remove dot style
     backgroundColor: 'transparent'
   }, '&::after', {

package/es/button/style/index.js

@@ -1,35 +1,6 @@
-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); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genButtonStyle = function genButtonStyle(token) {
-  var componentCls = token.componentCls;
-  // primary button className
-  var primaryBtnCls = "".concat(componentCls).concat(componentCls, "-primary:not([disabled]):not(").concat(componentCls, "-disabled):not(").concat(componentCls, "-dangerous):not(").concat(componentCls, "-background-ghost)");
-  var primaryAndCompactItemBtnCls = "".concat(componentCls, "-compact-item").concat(primaryBtnCls);
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), {
-    // remove box-shadow for button
-    boxShadow: 'none !important'
-  }), "".concat(primaryBtnCls), _defineProperty(_defineProperty({
-    background: 'linear-gradient(-59deg, #002BFF 0%, #0080FF 100%)',
-    border: 'none'
-  }, '&:hover', {
-    background: 'linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)'
-  }), '&:active', {
-    background: 'linear-gradient(120deg, #0060E6 0%, #0013E6 100%)'
-  })), "".concat(primaryBtnCls).concat(componentCls, "-compact-last-item"), _defineProperty(_defineProperty({
-    background: 'linear-gradient(-59deg, #002BFF 0%, #002BFF 100%)'
-  }, '&:hover', {
-    background: 'linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)'
-  }), '&:active', {
-    background: 'linear-gradient(120deg, #0060E6 0%, #0013E6 100%)'
-  })), "".concat(primaryAndCompactItemBtnCls, "+").concat(primaryAndCompactItemBtnCls, ":before"), {
-    height: '100%',
-    top: 0
-  }), "".concat(primaryAndCompactItemBtnCls, ":hover"), {
-    zIndex: 0
-  });
+  return {};
 };
 export default (function (prefixCls, isAliyun) {
   var useStyle = genComponentStyleHook('Button', function (token) {

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

@@ -79,11 +79,7 @@ var ConfigProvider = function ConfigProvider(_ref) {
     }, parentContext.form, form),
     spin: merge({}, parentContext.spin, spin),
     table: merge({}, parentContext.table, table),
-    tabs: merge({}, {
-      indicatorSize: function indicatorSize(origin) {
-        return origin >= 24 ? origin - 16 : origin;
-      }
-    }, parentContext.tabs, tabs),
+    tabs: merge({}, parentContext.tabs, tabs),
     theme: merge({}, mergedTheme, {
       token:
       // custom fontFamily

package/es/empty/style/index.js

@@ -1,18 +1,15 @@
 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 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 _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); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-import { genLargeStyle } from "../../_util/genStyle";
 export var genEmptyStyle = function genEmptyStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     colorTextTertiary = token.colorTextTertiary,
     colorText = token.colorText,
     colorTextSecondary = token.colorTextSecondary;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-image"), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty({}, "".concat(componentCls, "-image"), {
     height: 160,
     marginBottom: 0
   }), "".concat(componentCls, "-description"), _defineProperty(_defineProperty(_defineProperty({
@@ -58,9 +55,7 @@ export var genEmptyStyle = function genEmptyStyle(token) {
     color: colorTextTertiary,
     fontSize: token.fontSizeSM,
     marginTop: token.marginXS
-  }))))), "".concat(componentCls, "-footer"), _objectSpread({
-    marginTop: token.marginLG
-  }, genLargeStyle(token)))), "".concat(componentCls, "-horizontal"), _defineProperty({
+  })))))), "".concat(componentCls, "-horizontal"), _defineProperty({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'

package/es/form/FormItem.d.ts

@@ -4,11 +4,12 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "error" | "warning" | "success" | "validating";
+        status?: "" | "warning" | "error" | "success" | "validating";
         errors: React.ReactNode[];
         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/index.d.ts

@@ -74,4 +74,3 @@ declare const useToken: () => {
 };
 export { useToken };
 export type { PresetStatusColorType } from 'antd/es/_util/colors';
-export { genLargeStyle } from './_util/genStyle';

package/es/index.js

@@ -37,5 +37,4 @@ export { default as Lottie } from "./lottie";
 export { default as theme } from "./theme";
 import theme from "./theme";
 var useToken = theme.useToken;
-export { useToken };
-export { genLargeStyle } from "./_util/genStyle";
+export { useToken };

package/es/result/style/index.js

@@ -1,21 +1,18 @@
 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 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 _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); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-import { genLargeStyle } from "../../_util/genStyle";
 export var genResultStyle = function genResultStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-title"), {
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-title"), {
     fontWeight: token.fontWeightStrong,
     fontSize: token.fontSizeHeading4,
     lineHeight: token.lineHeightHeading4
   }), "".concat(componentCls, "-subtitle"), {
     maxWidth: 600,
     margin: '0px auto'
-  }), "".concat(componentCls, "-extra"), _objectSpread({}, genLargeStyle(token))), "".concat(componentCls, "-content"), {
+  }), "".concat(componentCls, "-content"), {
     maxWidth: 1000,
     margin: '0px auto',
     marginTop: token.marginLG,

package/es/table/style/index.js

@@ -4,7 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genTableStyle = function genTableStyle(token) {
-  var _$concat2, _ref;
+  var _ref;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     colorText = token.colorText,
@@ -36,15 +36,7 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: "".concat(colorBorderSecondary, " !important")
   }), "".concat(componentCls, "-cell-scrollbar"), {
     boxShadow: "0 1px 0 1px ".concat(colorBgBase)
-  })), "".concat(componentCls, "-tbody"), (_$concat2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat2, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
-    backgroundColor: colorBgBase
-  }), "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: colorFillQuaternary
-  }), "tr:not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row):not(").concat(antCls, "-descriptions-row):hover > td"), {
-    backgroundColor: "".concat(colorPrimaryBg, " !important")
-  }), "tr".concat(componentCls, "-row-selected > td"), {
-    backgroundColor: "".concat(colorPrimaryBg, " !important")
-  }), "".concat(componentCls, "-tbody-virtual-scrollbar ").concat(componentCls, "-tbody-virtual-scrollbar-thumb"), {
+  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-tbody-virtual-scrollbar ").concat(componentCls, "-tbody-virtual-scrollbar-thumb"), {
     background: "".concat(token.colorFillSecondary, " !important")
   }), "tr".concat(componentCls, "-expand-row-by-click"), {
     cursor: 'pointer'
@@ -61,7 +53,7 @@ export var genTableStyle = function genTableStyle(token) {
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'
-  }), _defineProperty(_$concat2, "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  }), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     borderBottom: 'none'
   }, "".concat(componentCls, "-thead > tr > th"), {
     backgroundColor: token.colorFillQuaternary
@@ -71,17 +63,11 @@ export var genTableStyle = function genTableStyle(token) {
     borderRadius: 0
   }), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 'auto'
-  }))))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-middle"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
+  })))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-middle"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 260 - token.paddingXS * 2
   }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-small"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 160 - token.paddingXXS * 2
-  }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-scroll-horizontal, ").concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-fixed-header"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
-    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(_defineProperty({}, "".concat(componentCls, "-thead > tr"), _defineProperty({}, 'th', {
-    backgroundColor: colorFillQuaternary
-  })), "".concat(componentCls, "-footer"), {
+  }))), "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-bordered"), _defineProperty({}, "".concat(componentCls, "-footer"), {
     borderRadius: "0px 0px ".concat(token.borderRadiusLG, "px ").concat(token.borderRadiusLG, "px")
   })), "".concat(componentCls, "-wrapper").concat(componentCls, "-inner-bordered ").concat(componentCls, "-bordered"), _defineProperty({}, "".concat(componentCls, "-container"), _defineProperty({
     borderInlineStart: 'none',
@@ -95,18 +81,9 @@ export var genTableStyle = function genTableStyle(token) {
   }), "&".concat(componentCls, "-selection-column, &").concat(componentCls, "-row-expand-icon-cell"), _defineProperty({}, "& + td, & + th", {
     paddingLeft: token.paddingXS
   }))))), "".concat(componentCls, "-wrapper:not(").concat(componentCls, "-expandable):not(").concat(componentCls, "-has-footer) ").concat(componentCls, ":not(").concat(componentCls, "-bordered):not(").concat(componentCls, "-empty)"), {
-    borderBottom: "1px solid ".concat(colorBorderSecondary),
     borderBottomLeftRadius: 0,
     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(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(_defineProperty({}, "& > *:not(".concat(componentCls, "-wrapper):not(").concat(componentCls, "-expanded-row-fixed)"), {
+  }), "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), _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.lineWidth * 2
   }), "& > *".concat(componentCls, "-expanded-row-fixed"), {
     paddingLeft: token.marginXL + token.lineWidth * 2 + token.padding
@@ -114,7 +91,7 @@ export var genTableStyle = function genTableStyle(token) {
     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
-  })))), _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)"), {
+  })))), "".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
@@ -125,7 +102,7 @@ export var genTableStyle = function genTableStyle(token) {
   })))), "".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"), {
+  }))), _defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), _defineProperty(_defineProperty({}, "&".concat(antCls, "-pagination"), {
     padding: "".concat(padding, "px 0"),
     margin: '0 !important'
   }), "".concat(componentCls, "-batch-operation-bar"), _defineProperty({

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,