feat(Table): add zebraCrossing

close #159

Author: ZxBing0066

src/components/LocaleProvider/__tests__/__snapshots__/demo.test.js.snap

@@ -2143,11 +2143,18 @@ exports[`LocaleProvider demo -- list 1`] = `
   display: none;
 }
 
-.c53 .uc-fe-table table > tbody > .uc-fe-table-row-hover,
-.c53 .uc-fe-table table > tbody > .uc-fe-table-row:hover {
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row-hover > td,
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row:hover > td {
   background-color: #eaf3fd;
 }
 
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row-hover > td.uc-fe-table-row-expand-icon-cell,
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row:hover > td.uc-fe-table-row-expand-icon-cell,
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row-hover > td.uc-fe-table-row-select-icon-cell,
+.c53 .uc-fe-table table > tbody > .uc-fe-table-row:hover > td.uc-fe-table-row-select-icon-cell {
+  background-color: unset;
+}
+
 .c53 .uc-fe-table-scroll-position-left .uc-fe-table-fixed-left {
   box-shadow: none;
 }

src/components/LocaleProvider/__tests__/__snapshots__/index.test.js.snap

@@ -1996,7 +1996,7 @@ exports[`LocaleProvider switch locale 1`] = `
         class="demo-wrap"
       >
         <div
-          class="test-table style__TableWrap-djz4q7-0 dNdLKG"
+          class="test-table style__TableWrap-djz4q7-0 bTrSkG"
         >
           <div
             class="style__PopupContainer-djz4q7-1 ftgDqG"
@@ -3977,7 +3977,7 @@ exports[`LocaleProvider switch locale 2`] = `
         class="demo-wrap"
       >
         <div
-          class="test-table style__TableWrap-djz4q7-0 dNdLKG"
+          class="test-table style__TableWrap-djz4q7-0 bTrSkG"
         >
           <div
             class="style__PopupContainer-djz4q7-1 ftgDqG"

src/components/Table/Table.jsx

@@ -176,7 +176,9 @@ class Table extends Component {
         }),
         /** 定义如何获取每行的键值 */
         rowKey: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-        // 自定义表格组件
+        /** 是否有斑马线，存在子表格时，斑马线样式可能会错乱 */
+        zebraCrossing: PropTypes.bool,
+        /** 自定义表格组件，慎用 */
         components: PropTypes.shape({
             header: PropTypes.shape({
                 cell: PropTypes.any
@@ -733,6 +735,7 @@ class Table extends Component {
             onRow = () => {},
             components,
             onExpand,
+            zebraCrossing,
             ...rest
         } = this.props;
         if (emptyContent === undefined) {
@@ -765,7 +768,12 @@ class Table extends Component {
                     locale
                 }}
             >
-                <TableWrap className={className} style={style} hideExpandIcon={hideExpandIcon}>
+                <TableWrap
+                    className={className}
+                    style={style}
+                    hideExpandIcon={hideExpandIcon}
+                    zebraCrossing={zebraCrossing}
+                >
                     <PopupContainer innerRef={_ref => (this.popupContainer = _ref)} />
                     <RcTable
                         {...defaultExpandAllRowsProps}

src/components/Table/__demo__/table.jsx

@@ -19,6 +19,7 @@ class Demo extends React.Component {
             removeLastButOneColumnWidth: false,
             showHeader: true,
             showPagination: true,
+            zebraCrossing: false,
             scroll: {
                 x: false,
                 y: false
@@ -38,7 +39,8 @@ class Demo extends React.Component {
             removeLastButOneColumnWidth,
             showHeader,
             showPagination,
-            scroll
+            scroll,
+            zebraCrossing
         } = this.state;
         let dataSource = [];
         dataSource.length = dataLength;
@@ -80,7 +82,7 @@ class Demo extends React.Component {
             delete columns[columnLength - 2].width;
         }
 
-        const tableProps = { columns, dataSource, showHeader, scroll };
+        const tableProps = { columns, dataSource, showHeader, scroll, zebraCrossing };
         if (rowSelection) {
             tableProps.rowSelection = {
                 fixed: fixedFirstColumn
@@ -207,6 +209,16 @@ class Demo extends React.Component {
                             }
                         />
                     </Form.Item>
+                    <Form.Item label="zebraCrossing" {...itemLayout}>
+                        <Switch
+                            checked={zebraCrossing}
+                            onChange={zebraCrossing =>
+                                this.setState({
+                                    zebraCrossing
+                                })
+                            }
+                        />
+                    </Form.Item>
                 </Form>
 
                 <div className="demo-wrap">