@oceanbase/design 0.2.4 → 0.2.6

package/es/card/index.js

@@ -23,6 +23,7 @@ import useInkBar from "../tabs/hooks/useInkBar";
 import useStyle from "./style";
 export * from 'antd/es/card';
 var Card = function Card(_ref) {
+  var _newTabList$;
   var children = _ref.children,
     _ref$divided = _ref.divided,
     divided = _ref$divided === void 0 ? true : _ref$divided,
@@ -56,7 +57,7 @@ var Card = function Card(_ref) {
     }
     return item;
   });
-  var _useState = useState(activeTabKey || defaultActiveTabKey || (newTabList === null || newTabList === void 0 ? void 0 : newTabList[0].key)),
+  var _useState = useState(activeTabKey || defaultActiveTabKey || (newTabList === null || newTabList === void 0 ? void 0 : (_newTabList$ = newTabList[0]) === null || _newTabList$ === void 0 ? void 0 : _newTabList$.key)),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
@@ -68,9 +69,8 @@ var Card = function Card(_ref) {
     tabPosition: tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabPosition,
     containerRef: ref
   });
-  return wrapSSR( /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(AntCard, _extends({
+  return wrapSSR( /*#__PURE__*/React.createElement(AntCard, _extends({
+    ref: ref,
     tabList: newTabList,
     defaultActiveTabKey: defaultActiveTabKey,
     activeTabKey: activeTabKey,
@@ -81,7 +81,7 @@ var Card = function Card(_ref) {
     tabProps: tabProps,
     prefixCls: customizePrefixCls,
     className: cardCls
-  }, restProps), children)));
+  }, restProps), children));
 };
 Card.Grid = AntCard.Grid;
 Card.Meta = AntCard.Meta;

package/es/card/style/index.js

@@ -10,6 +10,7 @@ export var genCardStyle = function genCardStyle(token) {
   var _$concat$concat, _ref;
   var componentCls = token.componentCls,
     tabsComponentCls = token.tabsComponentCls,
+    tabsPrefixCls = token.tabsPrefixCls,
     padding = token.padding,
     paddingSM = token.paddingSM,
     paddingLG = token.paddingLG;
@@ -19,12 +20,12 @@ export var genCardStyle = function genCardStyle(token) {
     padding: "0 ".concat(paddingLG, "px ").concat(padding, "px ").concat(paddingLG, "px")
   }), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-small").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-body"), {
     padding: "0 ".concat(paddingSM, "px 12px ").concat(paddingSM, "px")
-  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), _defineProperty({
+  })), _defineProperty(_ref, "".concat(componentCls).concat(componentCls, "-contain-tabs"), _defineProperty({}, "".concat(componentCls, "-head"), _objectSpread({
     // 包含页签时，去掉 head 的底部分割线
     borderBottom: 'none'
-  }, tabsComponentCls, _defineProperty({}, "&".concat(tabsComponentCls, "-top, &").concat(tabsComponentCls, "-bottom"), _defineProperty({}, "".concat(tabsComponentCls, "-nav::before"), {
-    // 包含位置为 top 和 bottom 的页签时，去掉 Tabs 的分割线
-    border: 'none'
+  }, genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
+    componentCls: tabsComponentCls,
+    prefixCls: tabsPrefixCls
   }))))), _ref;
 };
 export default (function (prefixCls, tabsPrefixCls) {
@@ -32,9 +33,6 @@ export default (function (prefixCls, tabsPrefixCls) {
     return [genCardStyle(_objectSpread(_objectSpread({}, token), {}, {
       tabsComponentCls: ".".concat(tabsPrefixCls),
       tabsPrefixCls: tabsPrefixCls
-    })), genTagStyle(_objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(tabsPrefixCls),
-      prefixCls: tabsPrefixCls
     }))];
   });
   return useStyle(prefixCls);

package/es/modal/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export * from 'antd/es/modal';
 export declare type ModalProps = AntModalProps;
 declare const Modal: {
-    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ prefixCls: customizePrefixCls, className, rootClassName, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: any): {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;

package/es/modal/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "className"];
+var _excluded = ["prefixCls", "className", "rootClassName"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -12,6 +12,7 @@ export * from 'antd/es/modal';
 var Modal = function Modal(_ref) {
   var customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
+    rootClassName = _ref.rootClassName,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
@@ -22,7 +23,8 @@ var Modal = function Modal(_ref) {
   var modalCls = classNames(className, hashId);
   return wrapSSR( /*#__PURE__*/React.createElement(AntModal, _extends({
     prefixCls: customizePrefixCls,
-    className: modalCls
+    className: modalCls,
+    rootClassName: classNames(rootClassName, hashId)
   }, restProps)));
 };
 

package/{lib/card → es/modal}/style/index.d.ts

@@ -1,10 +1,7 @@
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-export declare type CardToken = FullToken<'Card'> & {
-    tabsComponentCls: string;
-    tabsPrefixCls: string;
-};
-export declare const genCardStyle: GenerateStyle<CardToken>;
-declare const _default: (prefixCls: string, tabsPrefixCls: string) => {
+export declare type ModalToken = FullToken<'Modal'>;
+export declare const genModalStyle: GenerateStyle<ModalToken>;
+declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/es/modal/style/index.js

@@ -4,14 +4,14 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genModalStyle = function genModalStyle(token) {
-  var _ref;
+  var _$concat$concat;
   var componentCls = token.componentCls,
     marginLG = token.marginLG;
-  return _ref = {}, _defineProperty(_ref, "".concat(componentCls, ":not(").concat(componentCls, "-confirm"), _defineProperty({}, "".concat(componentCls, "-header"), {
+  return _defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm)"), (_$concat$concat = {}, _defineProperty(_$concat$concat, "".concat(componentCls, "-header"), {
     marginBottom: marginLG
-  })), _defineProperty(_ref, "".concat(componentCls, ":not(").concat(componentCls, "-confirm"), _defineProperty({}, "".concat(componentCls, "-footer"), {
+  }), _defineProperty(_$concat$concat, "".concat(componentCls, "-footer"), {
     marginTop: marginLG
-  })), _ref;
+  }), _$concat$concat));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Modal', function (token) {

package/es/style/reset.css

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

package/es/table/index.js

@@ -1,18 +1,20 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["batchOperationBar"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { Popover, Space, Table as AntTable, Typography } from 'antd';
-import { useLocale } from 'antd/es/locale';
 import classNames from 'classnames';
 import { isEmpty } from 'lodash';
 import React, { useContext, useEffect, useState } from 'react';
@@ -21,6 +23,7 @@ import enUS from "../locale/en-US";
 import useStyle from "./style";
 export * from 'antd/es/table';
 function Table(props) {
+  var _enUS$Table;
   var customLocale = props.locale,
     columns = props.columns,
     pagination = props.pagination,
@@ -33,10 +36,11 @@ function Table(props) {
     hiddenCancelBtn = _props$hiddenCancelBt === void 0 ? false : _props$hiddenCancelBt,
     customizePrefixCls = props.prefixCls,
     className = props.className;
-  var _useLocale = useLocale('Table', enUS.Table),
-    _useLocale2 = _slicedToArray(_useLocale, 1),
-    contextLocale = _useLocale2[0];
-  var locale = _objectSpread(_objectSpread({}, contextLocale), customLocale);
+  var _customLocale$batchOp = _objectSpread(_objectSpread({}, customLocale), {}, {
+      batchOperationBar: _objectSpread(_objectSpread({}, (_enUS$Table = enUS.Table) === null || _enUS$Table === void 0 ? void 0 : _enUS$Table.batchOperationBar), customLocale === null || customLocale === void 0 ? void 0 : customLocale.batchOperationBar)
+    }),
+    batchOperationBar = _customLocale$batchOp.batchOperationBar,
+    restLocale = _objectWithoutProperties(_customLocale$batchOp, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('table', customizePrefixCls);
@@ -93,10 +97,11 @@ function Table(props) {
     handleSelectedData([], [], currentSelectedInfo);
   };
   useEffect(function () {
-    if (isEmpty(currentSelectedRows) && toolSelectedContent) setOpenPopver(false);
+    if (isEmpty(currentSelectedRows) && toolSelectedContent) {
+      setOpenPopver(false);
+    }
   }, [currentSelectedRows]);
   var renderOptionsBar = function renderOptionsBar(total, range) {
-    var _locale$batchOperatio, _locale$batchOperatio2, _locale$batchOperatio3;
     if (isEmpty(rowSelection) || isEmpty(currentSelectedRowKeys)) {
       return /*#__PURE__*/React.createElement("span", null, pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.showTotal) && (pagination === null || pagination === void 0 ? void 0 : pagination.showTotal(total, range)));
     }
@@ -109,11 +114,11 @@ function Table(props) {
       }
     }, toolAlertRender && toolAlertRender(currentSelectedRowKeys, currentSelectedRows), !toolAlertRender && toolAlertRender !== false && /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-batch-operation-selection")
-    }, /*#__PURE__*/React.createElement("span", null, (_locale$batchOperatio = locale.batchOperationBar) === null || _locale$batchOperatio === void 0 ? void 0 : _locale$batchOperatio.selected), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", null, batchOperationBar === null || batchOperationBar === void 0 ? void 0 : batchOperationBar.selected), /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-batch-operation-selection-count")
-    }, (currentSelectedRowKeys === null || currentSelectedRowKeys === void 0 ? void 0 : currentSelectedRowKeys.length) || 0), /*#__PURE__*/React.createElement("span", null, (_locale$batchOperatio2 = locale.batchOperationBar) === null || _locale$batchOperatio2 === void 0 ? void 0 : _locale$batchOperatio2.object)), !hiddenCancelBtn && /*#__PURE__*/React.createElement("a", {
+    }, (currentSelectedRowKeys === null || currentSelectedRowKeys === void 0 ? void 0 : currentSelectedRowKeys.length) || 0), /*#__PURE__*/React.createElement("span", null, batchOperationBar === null || batchOperationBar === void 0 ? void 0 : batchOperationBar.object)), !hiddenCancelBtn && /*#__PURE__*/React.createElement("a", {
       onClick: handleOptionsCancel
-    }, locale.batchOperationBar.cancel), toolSelectedContent && /*#__PURE__*/React.createElement(Popover, {
+    }, batchOperationBar === null || batchOperationBar === void 0 ? void 0 : batchOperationBar.cancel), toolSelectedContent && /*#__PURE__*/React.createElement(Popover, {
       placement: "top",
       overlayClassName: "".concat(prefixCls, "-batch-operation-selection-popover"),
       content: toolSelectedContent === null || toolSelectedContent === void 0 ? void 0 : toolSelectedContent(currentSelectedRowKeys, currentSelectedRows),
@@ -123,14 +128,14 @@ function Table(props) {
       onClick: function onClick() {
         return setOpenPopver(!openPopver);
       }
-    }, openPopver ? (_locale$batchOperatio3 = locale.batchOperationBar) === null || _locale$batchOperatio3 === void 0 ? void 0 : _locale$batchOperatio3.collapse : locale.batchOperationBar.open))), toolOptionsRender && /*#__PURE__*/React.createElement(Space, {
+    }, openPopver ? batchOperationBar === null || batchOperationBar === void 0 ? void 0 : batchOperationBar.collapse : batchOperationBar === null || batchOperationBar === void 0 ? void 0 : batchOperationBar.open))), toolOptionsRender && /*#__PURE__*/React.createElement(Space, {
       size: 8
     }, toolOptionsRender === null || toolOptionsRender === void 0 ? void 0 : toolOptionsRender(currentSelectedRowKeys, currentSelectedRows))), /*#__PURE__*/React.createElement("span", null, pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.showTotal) && (pagination === null || pagination === void 0 ? void 0 : pagination.showTotal(total, range))));
   };
   return wrapSSR( /*#__PURE__*/React.createElement(AntTable, _extends({}, props, {
     prefixCls: customizePrefixCls,
     className: tableCls,
-    locale: locale,
+    locale: restLocale,
     columns: newColumns,
     rowSelection: rowSelection ? _objectSpread(_objectSpread({}, rowSelection), {}, {
       onChange: function onChange(selectedRowKeys, selectedRows, info) {

package/es/{card → table}/style/index.d.ts

@@ -1,10 +1,7 @@
 import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-export declare type CardToken = FullToken<'Card'> & {
-    tabsComponentCls: string;
-    tabsPrefixCls: string;
-};
-export declare const genCardStyle: GenerateStyle<CardToken>;
-declare const _default: (prefixCls: string, tabsPrefixCls: string) => {
+export declare type TableToken = FullToken<'Table'>;
+export declare const genTableStyle: GenerateStyle<TableToken>;
+declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/es/table/style/index.js

@@ -4,7 +4,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genTableStyle = function genTableStyle(token) {
-  var _$concat, _trTd$concat$co, _$concat4, _$concat$concat, _$concat7, _$concat$concat4, _$concat14, _ref;
+  var _$concat, _trTd$concat$co, _$concat4, _$concat$concat, _$concat7, _trNthChild2nNot, _$concat$concat4, _$concat14, _ref;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     colorTextBase = token.colorTextBase,
@@ -39,18 +39,12 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: colorBgBase
   }), _defineProperty(_$concat, "".concat(componentCls, "-cell-scrollbar"), {
     boxShadow: "0 1px 0 1px ".concat(colorBgBase)
-  }), _$concat)), _defineProperty(_$concat$concat, "".concat(componentCls, "-tbody"), (_$concat4 = {}, _defineProperty(_$concat4, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected)"), {
-    td: {
-      backgroundColor: colorBgBase
-    }
-  }), _defineProperty(_$concat4, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row)"), {
-    td: {
-      backgroundColor: colorFillQuaternary
-    }
-  }), _defineProperty(_$concat4, "tr:not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row):hover"), {
-    td: {
-      backgroundColor: "".concat(colorPrimaryBgHover, " !important")
-    }
+  }), _$concat)), _defineProperty(_$concat$concat, "".concat(componentCls, "-tbody"), (_$concat4 = {}, _defineProperty(_$concat4, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected) > td"), {
+    backgroundColor: colorBgBase
+  }), _defineProperty(_$concat4, "tr:nth-child(2n):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(componentCls, "-expanded-row) > td"), {
+    backgroundColor: colorFillQuaternary
+  }), _defineProperty(_$concat4, "tr:not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-expanded-row):hover > td"), {
+    backgroundColor: "".concat(colorPrimaryBgHover, " !important")
   }), _defineProperty(_$concat4, "tr".concat(componentCls, "-row-selected > td"), {
     backgroundColor: colorPrimaryBg
   }), _defineProperty(_$concat4, "".concat(componentCls, "-expanded-row > td"), _defineProperty({
@@ -77,15 +71,13 @@ export var genTableStyle = function genTableStyle(token) {
     padding: largeCellPadding
   })), _$concat7)), _defineProperty(_ref, "".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'
-  })))), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), (_$concat$concat4 = {}, _defineProperty(_$concat$concat4, "".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({
-    td: {
-      backgroundColor: colorBgBase
-    }
-  }, '&:hover', {
+  })))), _defineProperty(_ref, "".concat(componentCls, "-wrapper").concat(componentCls, "-expandable"), (_$concat$concat4 = {}, _defineProperty(_$concat$concat4, "".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)"), (_trNthChild2nNot = {}, _defineProperty(_trNthChild2nNot, '& > td', {
+    backgroundColor: colorBgBase
+  }), _defineProperty(_trNthChild2nNot, '&:hover', {
     td: {
       backgroundColor: colorPrimaryBgHover
     }
-  })))), _defineProperty(_$concat$concat4, "".concat(componentCls, "-pagination"), _defineProperty({}, "&".concat(antCls, "-pagination"), {
+  }), _trNthChild2nNot)))), _defineProperty(_$concat$concat4, "".concat(componentCls, "-pagination"), _defineProperty({}, "&".concat(antCls, "-pagination"), {
     borderTop: 'none'
   })), _$concat$concat4)), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), (_$concat14 = {}, _defineProperty(_$concat14, "&".concat(antCls, "-pagination"), {
     padding: "".concat(padding, "px 0"),

package/es/tabs/hooks/useInkBar.js

@@ -23,8 +23,8 @@ export default (function (_ref) {
     var horizontalOffset = 8;
     setTimeout(function () {
       if ((!type || type === 'line') && inkBarNode) {
-        // 水平布局，如果 inkbar 宽度 > 32，则两侧各减去 8px，并保持水平居中
-        if (isHorizontal && (activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) > 32) {
+        // 水平布局，如果 inkbar 宽度 >= 24，则两侧各减去 8px，并保持水平居中
+        if (isHorizontal && (activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) >= 24) {
           inkBarNode.style.width = "".concat((activeTabNode === null || activeTabNode === void 0 ? void 0 : activeTabNode.offsetWidth) - horizontalOffset * 2, "px");
           inkBarNode.style.marginLeft = "".concat(horizontalOffset, "px");
           inkBarNode.style.marginTop = '0px';

package/es/tabs/index.js

@@ -25,7 +25,7 @@ import useStyle from "./style";
 import TabPane from "./TabPane";
 export * from 'antd/es/tabs';
 var Tabs = function Tabs(_ref) {
-  var _newItems;
+  var _newItems, _newItems$;
   var children = _ref.children,
     items = _ref.items,
     defaultActiveKey = _ref.defaultActiveKey,
@@ -60,7 +60,7 @@ var Tabs = function Tabs(_ref) {
     return item;
   });
   newItems = useLegacyItems(newItems, children, prefixCls);
-  var _useState = useState(activeKeyProp || defaultActiveKey || ((_newItems = newItems) === null || _newItems === void 0 ? void 0 : _newItems[0].key)),
+  var _useState = useState(activeKeyProp || defaultActiveKey || ((_newItems = newItems) === null || _newItems === void 0 ? void 0 : (_newItems$ = _newItems[0]) === null || _newItems$ === void 0 ? void 0 : _newItems$.key)),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
@@ -72,9 +72,8 @@ var Tabs = function Tabs(_ref) {
     tabPosition: tabPosition,
     containerRef: ref
   });
-  return wrapSSR( /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(AntTabs, _extends({
+  return wrapSSR( /*#__PURE__*/React.createElement(AntTabs, _extends({
+    ref: ref,
     items: newItems,
     defaultActiveKey: defaultActiveKey,
     activeKey: activeKey,
@@ -88,7 +87,7 @@ var Tabs = function Tabs(_ref) {
     tabBarGutter: !type || type === 'line' ? isHorizontal ? 24 : 0 : undefined,
     prefixCls: customizePrefixCls,
     className: tabsCls
-  }, restProps))));
+  }, restProps)));
 };
 Tabs.TabPane = TabPane;
 if (process.env.NODE_ENV !== 'production') {

package/es/tabs/style/index.js

@@ -4,12 +4,15 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genTagStyle = function genTagStyle(token) {
-  var _componentCls, _ref;
+  var _componentCls;
   var componentCls = token.componentCls,
     colorInfo = token.colorInfo,
     colorInfoBg = token.colorInfoBg,
     colorTextSecondary = token.colorTextSecondary;
-  return _ref = {}, _defineProperty(_ref, componentCls, (_componentCls = {}, _defineProperty(_componentCls, "".concat(componentCls, "-tab"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  return _defineProperty({}, componentCls, (_componentCls = {}, _defineProperty(_componentCls, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
+    // 页签位置为 top 和 bottom 时，去掉分割线
+    border: 'none'
+  })), _defineProperty(_componentCls, "".concat(componentCls, "-tab"), _defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
     fontFamily: 'PingFangSC',
     fontSize: 12,
@@ -22,10 +25,7 @@ export var genTagStyle = function genTagStyle(token) {
   })), _defineProperty(_componentCls, "".concat(componentCls, "-ink-bar"), {
     // inkbar 带圆角
     borderRadius: '1px'
-  }), _componentCls)), _defineProperty(_ref, componentCls, _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
-    // 页签位置为 top 和 bottom 时，去掉分割线
-    border: 'none'
-  }))), _ref;
+  }), _componentCls));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Tabs', function (token) {

package/es/theme/index.d.ts

@@ -2,10 +2,10 @@ export * from 'antd/es/theme';
 declare const _default: {
     defaultSeed: {
         colorPrimary: string;
+        colorInfo: string;
         colorSuccess: string;
         colorWarning: string;
         colorError: string;
-        colorInfo: string;
         borderRadius: number;
         blue: string;
         green: string;

package/es/theme/index.js

@@ -8,16 +8,16 @@ import { theme } from 'antd';
 export * from 'antd/es/theme';
 var defaultSeed = _objectSpread(_objectSpread({}, theme.defaultSeed), {}, {
   colorPrimary: '#006AFF',
+  colorInfo: '#006aff',
   colorSuccess: '#0ac185',
   colorWarning: '#ffac33',
   colorError: '#ff4b4b',
-  colorInfo: '#006aff',
   borderRadius: 6,
   // 以下四种预设颜色和语义色保持一致
-  blue: '#0ac185',
-  green: '#ffac33',
-  yellow: '#ff4b4b',
-  red: '#006aff'
+  blue: '#006aff',
+  green: '#0ac185',
+  yellow: '#ffac33',
+  red: '#ff4b4b'
 });
 export default _objectSpread(_objectSpread({}, theme), {}, {
   defaultSeed: defaultSeed,

package/lib/card/index.js

@@ -53,6 +53,7 @@ var Card = ({
   className,
   ...restProps
 }) => {
+  var _a;
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("card", customizePrefixCls);
   const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
@@ -75,7 +76,7 @@ var Card = ({
     return item;
   });
   const [activeKey, setActiveKey] = (0, import_react.useState)(
-    activeTabKey || defaultActiveTabKey || (newTabList == null ? void 0 : newTabList[0].key)
+    activeTabKey || defaultActiveTabKey || ((_a = newTabList == null ? void 0 : newTabList[0]) == null ? void 0 : _a.key)
   );
   (0, import_useInkBar.default)({
     prefixCls: tabsPrefixCls,
@@ -86,9 +87,10 @@ var Card = ({
     containerRef: ref
   });
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { ref }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
       import_antd.Card,
       {
+        ref,
         tabList: newTabList,
         defaultActiveTabKey,
         activeTabKey,
@@ -102,7 +104,7 @@ var Card = ({
         ...restProps
       },
       children
-    ))
+    )
   );
 };
 Card.Grid = import_antd.Card.Grid;

package/lib/card/style/index.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(style_exports);
 var import_style = require("../../tabs/style");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genCardStyle = (token) => {
-  const { componentCls, tabsComponentCls, padding, paddingSM, paddingLG } = token;
+  const { componentCls, tabsComponentCls, tabsPrefixCls, padding, paddingSM, paddingLG } = token;
   return {
     [`${componentCls}${componentCls}-no-divider`]: {
       [`${componentCls}-head`]: {
@@ -45,14 +45,11 @@ var genCardStyle = (token) => {
       [`${componentCls}-head`]: {
         // 包含页签时，去掉 head 的底部分割线
         borderBottom: "none",
-        [tabsComponentCls]: {
-          [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
-            [`${tabsComponentCls}-nav::before`]: {
-              // 包含位置为 top 和 bottom 的页签时，去掉 Tabs 的分割线
-              border: "none"
-            }
-          }
-        }
+        ...(0, import_style.genTagStyle)({
+          ...token,
+          componentCls: tabsComponentCls,
+          prefixCls: tabsPrefixCls
+        })
       }
     }
   };
@@ -64,11 +61,6 @@ var style_default = (prefixCls, tabsPrefixCls) => {
         ...token,
         tabsComponentCls: `.${tabsPrefixCls}`,
         tabsPrefixCls
-      }),
-      (0, import_style.genTagStyle)({
-        ...token,
-        componentCls: `.${tabsPrefixCls}`,
-        prefixCls: tabsPrefixCls
       })
     ];
   });

package/lib/modal/index.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export * from 'antd/es/modal';
 export declare type ModalProps = AntModalProps;
 declare const Modal: {
-    ({ prefixCls: customizePrefixCls, className, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ prefixCls: customizePrefixCls, className, rootClassName, ...restProps }: ModalProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     info(props: any): {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;

package/lib/modal/index.js

@@ -40,12 +40,27 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_static_function = require("../static-function");
 var import_style = __toESM(require("./style"));
 __reExport(modal_exports, require("antd/es/modal"), module.exports);
-var Modal = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
+var Modal = ({
+  prefixCls: customizePrefixCls,
+  className,
+  rootClassName,
+  ...restProps
+}) => {
   const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
   const prefixCls = getPrefixCls("modal", customizePrefixCls);
   const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
   const modalCls = (0, import_classnames.default)(className, hashId);
-  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Modal, { prefixCls: customizePrefixCls, className: modalCls, ...restProps }));
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Modal,
+      {
+        prefixCls: customizePrefixCls,
+        className: modalCls,
+        rootClassName: (0, import_classnames.default)(rootClassName, hashId),
+        ...restProps
+      }
+    )
+  );
 };
 Modal.info = (props) => import_static_function.modal.info(props);
 Modal.success = (props) => import_static_function.modal.success(props);

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

@@ -0,0 +1,8 @@
+import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+export declare type ModalToken = FullToken<'Modal'>;
+export declare const genModalStyle: GenerateStyle<ModalToken>;
+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/lib/modal/style/index.js

@@ -27,12 +27,10 @@ var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genModalStyle = (token) => {
   const { componentCls, marginLG } = token;
   return {
-    [`${componentCls}:not(${componentCls}-confirm`]: {
+    [`${componentCls}:not(${componentCls}-confirm)`]: {
       [`${componentCls}-header`]: {
         marginBottom: marginLG
-      }
-    },
-    [`${componentCls}:not(${componentCls}-confirm`]: {
+      },
       [`${componentCls}-footer`]: {
         marginTop: marginLG
       }

package/lib/style/reset.css

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