@oceanbase/design 0.4.1 → 0.4.2

package/dist/reset.css

@@ -0,0 +1 @@
+@import '~antd/dist/reset.css';

package/es/_util/genComponentStyleHook.d.ts

@@ -4,7 +4,6 @@ import type { ComponentTokenMap } from 'antd/es/theme/interface';
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
 import type { GlobalToken } from 'antd/es/theme/interface';
 export type ComponentName = keyof ComponentTokenMap;
-export declare const genCustomFontStyle: (token: GlobalToken) => CSSObject[];
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
     wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     hashId: string;

package/es/_util/genComponentStyleHook.js

@@ -1,39 +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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 as antGenComponentStyleHook } from 'antd/es/theme/internal';
 import theme from "../theme";
-import Inter from "./fonts/Inter.woff2";
-import Consolas from "./fonts/Consolas.woff2";
-import HelveticaNeue from "./fonts/HelveticaNeue.woff2";
-export var genCustomFontStyle = function genCustomFontStyle(token) {
-  return [_defineProperty({}, '@font-face', {
-    fontFamily: 'Inter',
-    // load priority: remote font > local font
-    src: "url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2') format('woff2'), url(".concat(Inter, ") format('woff2')"),
-    // 定义字体加载策略，外置字体加载前使用默认字体进行兜底
-    fontDisplay: 'swap'
-  }), _defineProperty({}, '@font-face', {
-    fontFamily: 'Consolas',
-    src: "url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2') format('woff2'), url(".concat(Consolas, ") format('woff2')"),
-    fontDisplay: 'swap'
-  }), _defineProperty({}, '@font-face', {
-    fontFamily: 'Helvetica Neue',
-    src: "url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2') format('woff2'), url(".concat(HelveticaNeue, ") format('woff2')"),
-    fontDisplay: 'swap'
-  })];
-};
 export function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return function (prefixCls) {
     var useStyle = antGenComponentStyleHook("OB-".concat(componentName), function (token) {
-      return [genCustomFontStyle(token), styleFn(token)];
+      return [styleFn(token)];
     }, getDefaultToken, {
       resetStyle: false,
       // antd style order is -999 and -998

package/es/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/es/card/index.js

@@ -54,25 +54,17 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     return item;
   });
-  return wrapSSR( /*#__PURE__*/_jsx(ConfigProvider, {
-    injectStaticFunction: false,
-    table: noBodyPadding ? {
-      // expand selection column width for larger padding-left
-      // related to .ant-card-no-body-padding style
-      selectionColumnWidth: size === 'small' ? 36 : 48
-    } : {},
-    children: /*#__PURE__*/_jsx(AntCard, _objectSpread(_objectSpread({
-      ref: ref,
-      size: size,
-      tabList: newTabList,
-      prefixCls: customizePrefixCls,
-      bodyStyle: bodyStyle,
-      styles: styles,
-      className: cardCls
-    }, restProps), {}, {
-      children: children
-    }))
-  }));
+  return wrapSSR( /*#__PURE__*/_jsx(AntCard, _objectSpread(_objectSpread({
+    ref: ref,
+    size: size,
+    tabList: newTabList,
+    prefixCls: customizePrefixCls,
+    bodyStyle: bodyStyle,
+    styles: styles,
+    className: cardCls
+  }, restProps), {}, {
+    children: children
+  })));
 });
 if (process.env.NODE_ENV !== 'production') {
   Card.displayName = AntCard.displayName;

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

@@ -2,7 +2,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;
-    span?: number | {
+    span?: number | "filled" | {
         xxl?: number;
         xl?: number;
         lg?: number;

package/es/empty/style/index.js

@@ -10,29 +10,29 @@ export var genEmptyStyle = function genEmptyStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     colorTextTertiary = token.colorTextTertiary,
-    colorBgLayout = token.colorBgLayout,
-    colorFill = token.colorFill,
     colorText = token.colorText,
     colorTextSecondary = token.colorTextSecondary;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-image"), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-image"), {
     height: 160,
     marginBottom: 0
-  }), "".concat(componentCls, "-description"), _defineProperty(_defineProperty({
+  }), "".concat(componentCls, "-description"), _defineProperty(_defineProperty(_defineProperty({
     // ensure description content color is correct always
     color: colorTextTertiary
   }, "".concat(componentCls, "-title"), {
     color: token.colorText,
     fontWeight: token.fontWeightStrong,
-    fontSize: token.fontSizeHeading3,
-    lineHeight: token.lineHeightHeading3,
+    fontSize: token.fontSizeHeading4,
+    lineHeight: token.lineHeightHeading4,
     marginTop: token.marginLG
   }), "".concat(componentCls, "-description-content"), {
     color: colorTextTertiary,
+    maxWidth: 600,
+    margin: '0px auto',
     marginTop: token.marginXS
-  })), "".concat(componentCls, "-footer"), _objectSpread({
-    marginTop: token.marginLG
-  }, genLargeStyle(token))), "".concat(antCls, "-steps"), _defineProperty({
-    marginTop: token.margin,
+  }), "".concat(antCls, "-steps"), _defineProperty({
+    maxWidth: 1000,
+    margin: '0px auto',
+    marginTop: token.marginLG,
     padding: token.paddingLG,
     backgroundColor: token.colorFillQuaternary,
     borderRadius: token.borderRadiusLG
@@ -58,7 +58,9 @@ export var genEmptyStyle = function genEmptyStyle(token) {
     color: colorTextTertiary,
     fontSize: token.fontSizeSM,
     marginTop: token.marginXS
-  }))))), "".concat(componentCls, "-horizontal"), _defineProperty({
+  }))))), "".concat(componentCls, "-footer"), _objectSpread({
+    marginTop: token.marginLG
+  }, genLargeStyle(token)))), "".concat(componentCls, "-horizontal"), _defineProperty({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'

package/es/global.css

@@ -0,0 +1,48 @@
+@import 'antd/dist/reset.css';
+
+@font-face {
+  font-family: 'Inter';
+  /* load priority: local font > remote font > self-hosting font */
+  src:
+    local('Inter'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*2aG4RJIdUGYAAAAAAAAAAAAADmfOAQ/Inter.woff2')
+      format('woff2'),
+    url('./fonts/Inter.woff2') format('woff2');
+  /* load strategy: use default font as fallback */
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src:
+    local('Consolas'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*R8bMTqAdGWgAAAAAAAAAAAAADmfOAQ/Consolas.woff2')
+      format('woff2'),
+    url('./fonts/Consolas.woff2') format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Helvetica Neue';
+  src:
+    local('Helvetica Neue'),
+    url('https://mdn.alipayobjects.com/huamei_fhnyvh/afts/file/A*3EzqR6aYJMkAAAAAAAAAAAAADmfOAQ/HelveticaNeue.woff2')
+      format('woff2'),
+    url('./fonts/HelveticaNeue.woff2') format('woff2');
+  font-display: swap;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+}
+
+* {
+  scrollbar-color: #e2e8f3 transparent;
+}
+
+.rc-virtual-list-scrollbar-thumb {
+  background: #e2e8f3 !important;
+}

package/es/index.d.ts

@@ -1,4 +1,4 @@
-import './reset.css';
+import './global.css';
 export * from 'antd';
 export { version } from '../package.json';
 export { default as Alert } from './alert';
@@ -42,6 +42,8 @@ export { default as Radio } from './radio';
 export type { RadioProps } from './radio';
 export { default as Checkbox } from './checkbox';
 export type { CheckboxProps } from './checkbox';
+export { default as Switch } from './switch';
+export type { SwitchProps } from './switch';
 export { default as Select } from './select';
 export type { SelectProps } from './select';
 export { default as TreeSelect } from './tree-select';

package/es/index.js

@@ -1,4 +1,4 @@
-import "./reset.css";
+import "./global.css";
 export * from 'antd';
 export { version } from "../package.json";
 export { default as Alert } from "./alert";
@@ -22,6 +22,7 @@ export { default as Input } from "./input";
 export { default as InputNumber } from "./input-number";
 export { default as Radio } from "./radio";
 export { default as Checkbox } from "./checkbox";
+export { default as Switch } from "./switch";
 export { default as Select } from "./select";
 export { default as TreeSelect } from "./tree-select";
 export { default as Slider } from "./slider";

package/es/progress/index.d.ts

@@ -1 +1,2 @@
+export * from 'antd/es/progress/progress';
 export * from 'antd/es/progress';

package/es/progress/index.js

@@ -1 +1,2 @@
+export * from 'antd/es/progress/progress';
 export * from 'antd/es/progress';

package/es/progress/progress.d.ts

@@ -0,0 +1 @@
+export * from 'antd/es/progress/progress';

package/es/progress/progress.js

@@ -0,0 +1 @@
+export * from 'antd/es/progress/progress';

package/es/radio/index.d.ts

@@ -1,3 +1,8 @@
+import type { RadioProps as AntRadioProps, RadioRef } from 'antd/es/radio';
+import React from 'react';
 export * from 'antd/es/radio';
-declare const Radio: any;
+declare const Radio: React.ForwardRefExoticComponent<AntRadioProps & React.RefAttributes<RadioRef>> & {
+    Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<RadioRef>>;
+};
 export default Radio;

package/es/result/style/index.js

@@ -8,9 +8,17 @@ 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({}, "".concat(componentCls, "-title"), {
-    fontWeight: token.fontWeightStrong
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_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"), {
+    maxWidth: 1000,
+    margin: '0px auto',
+    marginTop: token.marginLG,
     padding: token.paddingLG,
     borderRadius: token.borderRadiusLG
   }));

package/es/slider/style/index.js

@@ -7,9 +7,9 @@ export var genSliderStyle = function genSliderStyle(token) {
   var componentCls = token.componentCls,
     _token$dotSize = token.dotSize,
     dotSize = _token$dotSize === void 0 ? 8 : _token$dotSize;
-  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-horizontal"), _defineProperty({}, "".concat(componentCls, "-mark"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-mark-text[style^=\"left: 0%; transform: translateX(-50%);\"]"), {
+  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-horizontal"), _defineProperty({}, "".concat(componentCls, "-mark"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-mark-text[style*=\"left: 0%;\"]"), {
     transform: "translateX(calc(0% - ".concat(dotSize / 2, "px)) !important")
-  }), "".concat(componentCls, "-mark-text[style^=\"left: 100%; transform: translateX(-50%);\"]"), {
+  }), "".concat(componentCls, "-mark-text[style*=\"left: 100%;\"]"), {
     transform: "translateX(calc(-100% + ".concat(dotSize / 2, "px)) !important")
   })));
 };

package/es/switch/index.d.ts

@@ -1 +1,5 @@
+import type { SwitchProps as AntSwitchProps } from 'antd/es/switch';
+import React from 'react';
 export * from 'antd/es/switch';
+declare const Switch: React.ForwardRefExoticComponent<AntSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/es/switch/index.js

@@ -1 +1,40 @@
-export * from 'antd/es/switch';
+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); }
+var _excluded = ["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 _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 _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 { Switch as AntSwitch } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import ConfigProvider from "../config-provider";
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export * from 'antd/es/switch';
+var InternalSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('switch', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  var switchCls = classNames(className);
+  return wrapSSR( /*#__PURE__*/_jsx(AntSwitch, _objectSpread({
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: switchCls
+  }, restProps)));
+});
+var Switch = InternalSwitch;
+
+// @ts-ignore
+Switch.__ANT_SWITCH = AntSwitch.__ANT_SWITCH;
+if (process.env.NODE_ENV !== 'production') {
+  Switch.displayName = AntSwitch.displayName;
+}
+export default Switch;

package/es/switch/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export type SwitchToken = FullToken<'Switch'>;
+export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/es/switch/style/index.js

@@ -0,0 +1,17 @@
+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 genSwitchStyle = function genSwitchStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-checked):not(").concat(componentCls, "-disabled):not(").concat(componentCls, "-loading)"), {
+    background: token.colorTextTertiary
+  });
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Switch', function (token) {
+    return [genSwitchStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/table/index.js

@@ -63,7 +63,7 @@ function Table(props, ref) {
   var prefixCls = getPrefixCls('table', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var tableCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-expandable"), !isEmpty(expandable)), "".concat(prefixCls, "-has-footer"), !!footer), className);
+  var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-expandable"), !isEmpty(expandable)), "".concat(prefixCls, "-selectable"), !!rowSelection), "".concat(prefixCls, "-has-footer"), !!footer), className);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openPopover = _useState2[0],
@@ -188,6 +188,9 @@ function Table(props, ref) {
       })
     }),
     columns: newColumns,
+    expandable: expandable ? _objectSpread({
+      columnWidth: 32
+    }, expandable) : undefined,
     rowSelection: rowSelection ? _objectSpread(_objectSpread({
       columnWidth: table === null || table === void 0 ? void 0 : table.selectionColumnWidth
     }, rowSelection), {}, {

package/es/table/style/index.js

@@ -14,30 +14,30 @@ export var genTableStyle = function genTableStyle(token) {
     colorLink = token.colorLink,
     borderRadiusLG = token.borderRadiusLG,
     colorBorderSecondary = token.colorBorderSecondary,
-    paddingSM = token.paddingSM,
     padding = token.padding,
-    paddingLG = token.paddingLG,
     marginLG = token.marginLG,
-    marginXS = token.marginXS,
-    marginSM = token.marginSM;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+    marginXS = token.marginXS;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     color: colorText,
     backgroundColor: colorBgBase,
     borderRadius: borderRadiusLG
   }, "".concat(componentCls, "-footer"), {
     borderBottom: "1px solid ".concat(colorBorderSecondary)
-  }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'td, th', {
+  }), "".concat(componentCls, "-thead, ").concat(componentCls, "-tbody"), _defineProperty({}, 'td, th', _defineProperty(_defineProperty({}, "&".concat(componentCls, "-row-expand-icon-cell"), {
+    backgroundColor: colorBgBase,
+    padding: "".concat(token.paddingSM, "px ").concat(token.paddingXS, "px")
+  }), "&:not(:first-child):not(".concat(componentCls, "-selection-column):not(").concat(componentCls, "-row-expand-icon-cell)"), {
+    paddingLeft: token.paddingXS
+  }))), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty({}, 'th', {
     // 弱化列标题
     color: colorTextSecondary,
     fontWeight: 'normal',
     backgroundColor: colorBgBase
-  }), "td".concat(componentCls, "-row-expand-icon-cell"), {
-    backgroundColor: colorBgBase
-  }), "th".concat(componentCls, "-column-sort"), {
+  }), "th".concat(componentCls, "-column-has-sorters"), {
     backgroundColor: colorBgBase
   }), "".concat(componentCls, "-cell-scrollbar"), {
     boxShadow: "0 1px 0 1px ".concat(colorBgBase)
-  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
+  })), "".concat(componentCls, "-tbody"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "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
@@ -45,30 +45,30 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: "".concat(colorPrimaryBg, " !important")
   }), "tr".concat(componentCls, "-row-selected > td"), {
     backgroundColor: "".concat(colorPrimaryBg, " !important")
-  }), "".concat(componentCls, "-expanded-row > td"), _defineProperty({
-    padding: "".concat(paddingSM, "px ").concat(paddingLG, "px ").concat(paddingSM, "px ").concat(padding + paddingLG, "px !important"),
-    backgroundColor: colorBgBase
-  }, "& > *:not(".concat(componentCls, "-wrapper)"), {
-    marginTop: -marginSM,
-    padding: "".concat(paddingSM, "px ").concat(padding, "px"),
-    backgroundColor: colorFillQuaternary,
-    borderRadius: borderRadiusLG
-  })), "".concat(componentCls, "-empty-wrapper"), {
+  }), "".concat(componentCls, "-tbody-virtual-scrollbar ").concat(componentCls, "-tbody-virtual-scrollbar-thumb"), {
+    background: "".concat(token.colorFillSecondary, " !important")
+  }), "tr > td:has(".concat(componentCls, "-row-expand-icon-expanded)"), _defineProperty({
+    borderBottom: 'none'
+  }, "& ~ td", {
+    borderBottom: 'none'
+  })), "tr > td", {
+    transition: "background ".concat(token.motionDurationMid)
+  }), "".concat(componentCls, "-placeholder td"), {
+    borderBottom: 'none'
+  }), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 360,
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center'
   }), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    // 调整嵌套子表格的间距
-    marginBlock: '0 !important',
-    marginInline: '0 !important'
+    borderBottom: 'none'
   }, "".concat(componentCls, "-thead > tr > th"), {
-    backgroundColor: "".concat(colorFillQuaternary, " !important")
-  }), "".concat(componentCls, "-tbody ").concat(componentCls, "-row td"), {
-    backgroundColor: "".concat(colorFillQuaternary, " !important")
-  }), "".concat(componentCls, "-tbody > tr:last-child"), _defineProperty({}, 'td:first-child, td:last-child', {
-    borderRadius: borderRadiusLG
-  })), "".concat(componentCls, "-empty-wrapper"), {
+    backgroundColor: token.colorFillQuaternary
+  }), "".concat(componentCls, "-thead > tr:first-child > th:first-child"), {
+    borderRadius: 0
+  }), "".concat(componentCls, "-thead > tr:first-child > th:last-child"), {
+    borderRadius: 0
+  }), "".concat(componentCls, "-empty-wrapper"), {
     minHeight: 'auto'
   })))), "".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),
@@ -77,15 +77,23 @@ 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: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({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tbody"), _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({}, "tr:nth-child(2n):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, "-wrapper ").concat(antCls, "-spin-blur"), _defineProperty({}, "".concat(componentCls, "-tbody"), _defineProperty({}, "".concat(componentCls, "-placeholder"), {
+  })), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
+    marginLeft: token.marginXS + 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.marginXS + 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)"), {
+    marginLeft: token.marginLG + token.marginXL + token.lineWidth * 2
+  })), "tr > td > ".concat(componentCls, "-wrapper:only-child ").concat(componentCls), {
+    marginLeft: token.marginXS + 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.marginXS + token.marginXL + token.lineWidth * 2 + token.margin
+  })))), "".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/theme/default.js

@@ -84,7 +84,9 @@ var defaultTheme = {
     boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
     boxShadow: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
     borderRadius: 6,
-    wireframe: false
+    wireframe: false,
+    // Remove focus outline
+    lineWidthFocus: 0
   },
   components: {
     Breadcrumb: {

package/es/theme/style/compact.less

@@ -414,6 +414,7 @@
 @borderRadiusOuter: 4;
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -434,7 +435,6 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 10;
-@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
 @controlItemBgHover: #f3f6fc;

package/es/theme/style/default.less

@@ -414,6 +414,7 @@
 @borderRadiusOuter: 4;
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadow: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
+@lineWidthFocus: 3;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -434,7 +435,6 @@
 @colorErrorOutline: rgba(255, 5, 5, 0.08);
 @colorWarningOutline: rgba(255, 164, 19, 0.11);
 @fontSizeIcon: 12;
-@lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
 @controlItemBgHover: #f3f6fc;

package/es/tooltip/MouseTooltip.js

@@ -23,6 +23,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 MouseTooltip = function MouseTooltip(_ref) {
+  var _token$Tooltip, _token$Tooltip2;
   var children = _ref.children,
     title = _ref.title,
     backgroundColor = _ref.color,
@@ -99,10 +100,10 @@ var MouseTooltip = function MouseTooltip(_ref) {
         boxShadow: token.boxShadowSecondary,
         borderRadius: token.borderRadius,
         // @ts-ignore
-        color: textColor || token.Tooltip.colorTextLightSolid || token.colorTextLightSolid,
+        color: textColor || ((_token$Tooltip = token.Tooltip) === null || _token$Tooltip === void 0 ? void 0 : _token$Tooltip.colorTextLightSolid) || token.colorTextLightSolid,
         backgroundColor:
         // @ts-ignore
-        backgroundColor || token.Tooltip.colorBgSpotlight || token.colorBgSpotlight,
+        backgroundColor || ((_token$Tooltip2 = token.Tooltip) === null || _token$Tooltip2 === void 0 ? void 0 : _token$Tooltip2.colorBgSpotlight) || token.colorBgSpotlight,
         left: isOverWidth ? clientX - tooltipWidth - offset : clientX + offset,
         top: isOverHeight ? clientY - tooltipHeight - offset : clientY + offset
       }, restOverlayInnerStyle)

package/es/tooltip/index.js

@@ -52,7 +52,8 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
-  var tooltipCls = classNames(className, hashId);
+  var tooltipCls = classNames(className);
+  var mouseTooltipCls = classNames(prefixCls, className, hashId);
   var _useState = useState((_ref2 = (_ref3 = open !== null && open !== void 0 ? open : visible) !== null && _ref3 !== void 0 ? _ref3 : defaultOpen) !== null && _ref2 !== void 0 ? _ref2 : defaultVisible),
     _useState2 = _slicedToArray(_useState, 2),
     innerOpen = _useState2[0],
@@ -92,7 +93,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overlayInnerStyle: _objectSpread({
       color: typeItem === null || typeItem === void 0 ? void 0 : typeItem.color
     }, overlayInnerStyle),
-    className: tooltipCls,
+    className: mouseTooltipCls,
     overlay: overlay
   }, restProps), {}, {
     children: children