fix(bee-table): TableCell去掉Frament

build/TableCell.js

@@ -428,23 +428,20 @@ var TableCell = function (_Component) {
     if (colMenu) {
       className += ' u-table-inline-icon';
     }
+    if (colSpan == 0) return null;
     return _react2["default"].createElement(
-      _react.Fragment,
+      'td',
-      null,
+      {
-      colSpan == 0 ? null : _react2["default"].createElement(
+        colSpan: colSpan,
-        'td',
+        rowSpan: rowSpan,
-        {
+        className: className,
-          colSpan: colSpan,
+        onClick: this.handleClick,
-          rowSpan: rowSpan,
+        title: title,
-          className: className,
+        style: _extends({ maxWidth: column.width, color: fontColor, backgroundColor: bgColor }, column.style) },
-          onClick: this.handleClick,
+      indentText,
-          title: title,
+      expandIcon,
-          style: _extends({ maxWidth: column.width, color: fontColor, backgroundColor: bgColor }, column.style) },
+      text,
-        indentText,
+      colMenu
-        expandIcon,
-        text,
-        colMenu
-      )
     );
   };
 

package.json

@@ -1,6 +1,6 @@
 {
  "name": "bee-table",
- "version": "2.2.42",
+ "version": "2.2.43",
  "description": "Table ui component for react",
  "keywords": [
   "react",

src/TableCell.js

@@ -1,4 +1,4 @@
-import React, { Component,Fragment } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import objectPath from 'object-path';
 import i18n from './lib/i18n';
@@ -280,24 +280,19 @@ class TableCell extends Component{
     if(colMenu){
       className += ' u-table-inline-icon'
     }
-    return (
+    if(colSpan==0)return null;
-      <Fragment>
+    return <td
-        {
+            colSpan={colSpan}
-          colSpan==0?null:<td
+            rowSpan={rowSpan}
-                            colSpan={colSpan}
+            className={className}
-                            rowSpan={rowSpan}
+            onClick={this.handleClick}
-                            className={className}
+            title={title}
-                            onClick={this.handleClick}
+            style={{maxWidth:column.width, color:fontColor, backgroundColor:bgColor, ...column.style}}>
-                            title={title}
+            {indentText}
-                            style={{maxWidth:column.width, color:fontColor, backgroundColor:bgColor, ...column.style}}>
+            {expandIcon}
-                            {indentText}
+            {text}
-                            {expandIcon}
+            {colMenu}
-                            {text}
+        </td>
-                            {colMenu}
-                          </td>
-        }
-      </Fragment>
-    );
   }
 };