yootd 0.2.43 → 0.2.45

package/dist/table/index.d.ts

@@ -15,6 +15,8 @@ export interface TableProps<T = AnyObject> extends Omit<AntTableProps<T>, 'colum
     headerTextColor?: string;
     showSetting?: boolean;
     persistKeys?: string;
+    striped?: boolean;
+    stripedColor?: string[];
 }
 export interface ColumnType<T = AnyObject> extends Omit<AntColumnType<T>, 'key'> {
     key: React.Key;

package/dist/table/index.js

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "showSetting", "columns", "components", "persistKeys", "headerBgColor", "headerTextColor"];
+var _excluded = ["type", "showSetting", "columns", "components", "persistKeys", "headerBgColor", "headerTextColor", "striped", "stripedColor"];
 import { Table as AntTable } from 'antd';
 import React, { forwardRef, useEffect, useMemo, useState } from 'react';
 import { PrimaryHeaderRow } from "./components/primary-header-row";
@@ -13,8 +13,10 @@ import { PrimaryTBodyRow } from "./components/primary-tbody-row";
 // import { RefTable } from 'antd/es/table/interface';
 
 import "./index.scss";
+import { useBem } from "../hooks/useBem";
 export var TableRowContext = /*#__PURE__*/React.createContext({});
 var InternalTable = function InternalTable(_ref, ref) {
+  var _rest$style;
   var type = _ref.type,
     showSetting = _ref.showSetting,
     columns = _ref.columns,
@@ -22,6 +24,10 @@ var InternalTable = function InternalTable(_ref, ref) {
     persistKeys = _ref.persistKeys,
     headerBgColor = _ref.headerBgColor,
     headerTextColor = _ref.headerTextColor,
+    _ref$striped = _ref.striped,
+    striped = _ref$striped === void 0 ? false : _ref$striped,
+    _ref$stripedColor = _ref.stripedColor,
+    stripedColor = _ref$stripedColor === void 0 ? ['#F0F9FF', '#FFFFFF'] : _ref$stripedColor,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -139,6 +145,7 @@ var InternalTable = function InternalTable(_ref, ref) {
       console.error(error);
     }
   }, [persistKeys]);
+  var bem = useBem('table');
   return /*#__PURE__*/React.createElement(TableRowContext.Provider, {
     value: {
       columns: innerColumns,
@@ -154,7 +161,36 @@ var InternalTable = function InternalTable(_ref, ref) {
   }, /*#__PURE__*/React.createElement(AntTable, _extends({}, rest, {
     ref: ref,
     columns: filterColumns(innerColumns, keys),
-    components: _components
+    components: _components,
+    style: _objectSpread(_objectSpread({}, (_rest$style = rest.style) !== null && _rest$style !== void 0 ? _rest$style : {}), {}, {
+      // @ts-expect-error
+      '--even-striped-color': stripedColor === null || stripedColor === void 0 ? void 0 : stripedColor[1],
+      '--odd-striped-color': stripedColor === null || stripedColor === void 0 ? void 0 : stripedColor[0]
+    }),
+    rowClassName: striped ? function (_record, index) {
+      if (index == null || !striped) return '';
+      if (index % 2 === 0) {
+        return "".concat(bem.b('tbody').b('row').m('striped').m('even'));
+      } else {
+        return "".concat(bem.b('tbody').b('row').m('striped').m('odd'));
+      }
+    } : undefined
+    // onRow={(_, index?: number) => {
+    //   if (index == null || !striped) return {};
+    //   if (index % 2 === 0) {
+    //     return {
+    //       style: {
+    //         backgroundColor: stripedColor?.[0],
+    //       },
+    //     };
+    //   } else {
+    //     return {
+    //       style: {
+    //         backgroundColor: stripedColor?.[1],
+    //       },
+    //     };
+    //   }
+    // }}
   })));
 };
 var Table = /*#__PURE__*/forwardRef(InternalTable);

package/dist/table/index.scss

@@ -15,6 +15,7 @@
   //     }
   //   }
 
+
   &-header {
     &:hover {
       &__icon {
@@ -30,4 +31,28 @@
       }
     }
   }
+  &-tbody {
+    &-row {
+      &--striped {
+        &--even {
+          background-color: var(--even-striped-color);
+          .ant-table-cell-fix-right{
+            background-color: var(--even-striped-color) !important;
+          }
+          .ant-table-cell-fix-left{
+            background-color: var(--even-striped-color) !important;
+          }
+        }
+        &--odd {
+          background-color: var(--odd-striped-color);
+          .ant-table-cell-fix-right{
+            background-color: var(--odd-striped-color) !important;
+          }
+          .ant-table-cell-fix-left{
+            background-color: var(--odd-striped-color) !important;
+          }
+        }
+      }
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.2.43",
+  "version": "0.2.45",
   "description": "基于 Antd 二次开发的组件库",
   "license": "MIT",
   "sideEffects": [