@oceanbase/design 0.2.22 → 0.2.23

package/es/alert/style/index.js

@@ -58,7 +58,7 @@ export var genAlertStyle = function genAlertStyle(token) {
   var height = token.fontSize * token.lineHeight;
   return _ref2 = {}, _defineProperty(_ref2, "".concat(componentCls), (_$concat2 = {
     // vertical align to flex-start
-    alignItems: 'flex-start'
+    alignItems: 'flex-start !important'
   }, _defineProperty(_$concat2, "".concat(componentCls, "-icon"), {
     height: height
   }), _defineProperty(_$concat2, "".concat(componentCls, "-close-icon"), {

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, _trNthChild2nNot, _$concat$concat4, _$concat14, _ref;
+  var _$concat, _trTd$concat$co, _$concat4, _$concat$concat, _$concat5, _$concat8, _trNthChild2nNot, _$concat$concat4, _$concat15, _ref;
   var antCls = token.antCls,
     componentCls = token.componentCls,
     colorTextBase = token.colorTextBase,
@@ -65,11 +65,15 @@ export var genTableStyle = function genTableStyle(token) {
     backgroundColor: "".concat(colorFillQuaternary, " !important")
   }), _defineProperty(_trTd$concat$co, "".concat(componentCls, "-tbody > tr:last-child"), _defineProperty({}, 'td:first-child, td:last-child', {
     borderRadius: borderRadiusLG
-  })), _trTd$concat$co)), _$concat4)), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), (_$concat7 = {}, _defineProperty(_$concat7, "".concat(componentCls, ":not(").concat(componentCls, "-middle):not(").concat(componentCls, "-small)"), _defineProperty({}, "".concat(componentCls, "-thead > tr"), _defineProperty({}, 'td, th', {
+  })), _trTd$concat$co)), _$concat4)), _$concat$concat)), _defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-scroll-horizontal, ").concat(componentCls, "-wrapper ").concat(componentCls).concat(componentCls, "-fixed-header"), _defineProperty({}, "".concat(componentCls, "-tbody"), (_$concat5 = {}, _defineProperty(_$concat5, "tr:nth-child(2n + 1):not(".concat(componentCls, "-placeholder):not(").concat(componentCls, "-row-selected):not(").concat(antCls, "-descriptions-row) > td"), {
+    backgroundColor: colorFillQuaternary
+  }), _defineProperty(_$concat5, "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
+  }), _$concat5))), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), (_$concat8 = {}, _defineProperty(_$concat8, "".concat(componentCls, ":not(").concat(componentCls, "-middle):not(").concat(componentCls, "-small)"), _defineProperty({}, "".concat(componentCls, "-thead > tr"), _defineProperty({}, 'td, th', {
     padding: largeCellPadding
-  }))), _defineProperty(_$concat7, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
+  }))), _defineProperty(_$concat8, "".concat(componentCls, "-tbody"), _defineProperty({}, "tr:not(".concat(componentCls, "-measure-row) > td"), {
     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"), {
+  })), _$concat8)), _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)"), (_trNthChild2nNot = {}, _defineProperty(_trNthChild2nNot, '& > td', {
     backgroundColor: colorBgBase
@@ -79,11 +83,11 @@ export var genTableStyle = function genTableStyle(token) {
     }
   }), _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"), {
+  })), _$concat$concat4)), _defineProperty(_ref, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-pagination"), (_$concat15 = {}, _defineProperty(_$concat15, "&".concat(antCls, "-pagination"), {
     padding: "".concat(padding, "px 0"),
     margin: '0 !important',
     borderTop: "1px solid ".concat(colorBorderSecondary)
-  }), _defineProperty(_$concat14, "".concat(componentCls, "-batch-operation-bar"), _defineProperty({
+  }), _defineProperty(_$concat15, "".concat(componentCls, "-batch-operation-bar"), _defineProperty({
     position: 'absolute',
     left: 0,
     display: 'inline-block',
@@ -94,7 +98,7 @@ export var genTableStyle = function genTableStyle(token) {
   }, "".concat(componentCls, "-batch-operation-selection-count"), {
     margin: "0 ".concat(marginXS, "px"),
     color: colorLink
-  }))), _$concat14))), _defineProperty(_ref, "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
+  }))), _$concat15))), _defineProperty(_ref, "".concat(antCls, "-popover").concat(componentCls, "-batch-operation-selection-popover"), _defineProperty({}, "".concat(antCls, "-popover-inner"), {
     padding: 0
   })), _ref;
 };

package/lib/alert/style/index.js

@@ -84,7 +84,7 @@ var genAlertStyle = (token) => {
   return {
     [`${componentCls}`]: {
       // vertical align to flex-start
-      alignItems: "flex-start",
+      alignItems: "flex-start !important",
       [`${componentCls}-icon`]: {
         height
       },

package/lib/table/style/index.js

@@ -121,6 +121,21 @@ var genTableStyle = (token) => {
         }
       }
     },
+    // 滚动表格样式
+    // 由于滚动表格会在 tbody 下最前面多一个 tr 元素，因此需要设置相反的斑马条样式
+    // .ant-table-scroll-horizontal: 水平滚动
+    // .ant-table-fixed-header: 垂直滚动
+    [`${componentCls}-wrapper ${componentCls}${componentCls}-scroll-horizontal, ${componentCls}-wrapper ${componentCls}${componentCls}-fixed-header`]: {
+      [`${componentCls}-tbody`]: {
+        // 斑马纹样式
+        [`tr:nth-child(2n + 1):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${antCls}-descriptions-row) > td`]: {
+          backgroundColor: colorFillQuaternary
+        },
+        [`tr:nth-child(2n):not(${componentCls}-placeholder):not(${componentCls}-row-selected):not(${componentCls}-expanded-row):not(${antCls}-descriptions-row) > td`]: {
+          backgroundColor: colorBgBase
+        }
+      }
+    },
     // large 表格样式
     [`${componentCls}-wrapper`]: {
       [`${componentCls}:not(${componentCls}-middle):not(${componentCls}-small)`]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -56,5 +56,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "265c33e6cc878f7b00c14518850c93c91749353b"
+  "gitHead": "1138341df7a35d3d4939ccea79225ddf220de2cc"
 }