嵌套子表格的图标改为css，向下兼容

build/ExpandIcon.js

@@ -16,10 +16,6 @@ var _shallowequal = require('shallowequal');
 
 var _shallowequal2 = _interopRequireDefault(_shallowequal);
 
-var _beeIcon = require('bee-icon');
-
-var _beeIcon2 = _interopRequireDefault(_beeIcon);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@@ -66,10 +62,8 @@ var ExpandIcon = function (_Component) {
 
     if (expandable && !isHiddenExpandIcon) {
       var expandClassName = expanded ? 'expanded' : 'collapsed';
-      var currentIcon = _react2["default"].createElement(_beeIcon2["default"], {
-        className: clsPrefix + '-expand-icon ' + clsPrefix + '-' + expandClassName,
-        type: expanded ? 'uf-triangle-down' : 'uf-triangle-right'
-
+      var currentIcon = _react2["default"].createElement('span', {
+        className: clsPrefix + '-expand-icon ' + clsPrefix + '-' + expandClassName
       });
       if (expanded && expandedIcon) {
         currentIcon = expandedIcon;

build/Table.css

@@ -328,6 +328,12 @@
     visibility: hidden; }
   .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {
     content: "."; }
+  .u-table-row-expanded:after:after, .u-table-expanded-row-expanded:after:after {
+    content: "\e639";
+    font-family: "uf" !important; }
+  .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
+    content: "\e61c";
+    font-family: "uf" !important; }
   .u-table-row.selected {
     background: #FFF7E7; }
   .u-table tr.u-table-expanded-row {

build/Table.js

@@ -452,13 +452,14 @@ var Table = function (_Component) {
       this.bodyTable.style.overflowY = overflowy;
 
       this.refs.headTable.style.overflowY = overflowy;
-      // 没有纵向滚动条时，表头横向滚动条根据内容动态显示
-      if (overflowy == 'auto') {
-        this.refs.fixedHeadTable && (this.refs.fixedHeadTable.style.overflowX = 'auto');
-        rightBodyTable && (rightBodyTable.style.overflowX = 'auto');
-        leftBodyTable && (leftBodyTable.style.overflowX = 'auto');
-      }
       rightBodyTable && (rightBodyTable.style.overflowY = overflowy);
+      // 没有纵向滚动条时，表头横向滚动条根据内容动态显示 待验证
+      // if(overflowy == 'auto'){
+      //   this.refs.fixedHeadTable && (this.refs.fixedHeadTable.style.overflowX = 'auto');
+      //   rightBodyTable && (rightBodyTable.style.overflowX = 'auto');
+      //   leftBodyTable && (leftBodyTable.style.overflowX = 'auto');
+      // }
+
     }
   };
 

build/lib/util.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 
 var _extends = Object.assign || 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; };
@@ -20,29 +20,29 @@ exports.ObjectAssign = ObjectAssign;
 */
 
 function sortBy(arr, prop, desc) {
-    var props = [],
-        ret = [],
-        i = 0,
-        len = arr.length;
-    if (typeof prop == 'string') {
-        for (; i < len; i++) {
-            var oI = arr[i];
-            (props[i] = new String(oI && oI[prop] || ''))._obj = oI;
-        }
-    } else if (typeof prop == 'function') {
-        for (; i < len; i++) {
-            var _oI = arr[i];
-            (props[i] = new String(_oI && prop(_oI) || ''))._obj = _oI;
-        }
-    } else {
-        throw '参数类型错误';
+  var props = [],
+      ret = [],
+      i = 0,
+      len = arr.length;
+  if (typeof prop == 'string') {
+    for (; i < len; i++) {
+      var oI = arr[i];
+      (props[i] = new String(oI && oI[prop] || ''))._obj = oI;
     }
-    props.sort();
-    for (i = 0; i < len; i++) {
-        ret[i] = props[i]._obj;
+  } else if (typeof prop == 'function') {
+    for (; i < len; i++) {
+      var _oI = arr[i];
+      (props[i] = new String(_oI && prop(_oI) || ''))._obj = _oI;
     }
-    if (desc) ret.reverse();
-    return ret;
+  } else {
+    throw '参数类型错误';
+  }
+  props.sort();
+  for (i = 0; i < len; i++) {
+    ret[i] = props[i]._obj;
+  }
+  if (desc) ret.reverse();
+  return ret;
 };
 
 /**
@@ -51,11 +51,11 @@ function sortBy(arr, prop, desc) {
  * @param {} property 
  */
 function compare(property) {
-    return function (a, b) {
-        var value1 = a[property];
-        var value2 = b[property];
-        return value1 - value2;
-    };
+  return function (a, b) {
+    var value1 = a[property];
+    var value2 = b[property];
+    return value1 - value2;
+  };
 }
 
 /**
@@ -63,17 +63,17 @@ function compare(property) {
  * @param {*} obj 要拷贝的对象 
  */
 function ObjectAssign(obj) {
-    var b = obj instanceof Array;
-    var tagObj = b ? [] : {};
-    if (b) {
-        //数组
-        obj.forEach(function (da) {
-            var _da = {};
-            _extends(_da, da);
-            tagObj.push(_da);
-        });
-    } else {
-        _extends(tagObj, obj);
-    }
-    return tagObj;
+  var b = obj instanceof Array;
+  var tagObj = b ? [] : {};
+  if (b) {
+    //数组
+    obj.forEach(function (da) {
+      var _da = {};
+      _extends(_da, da);
+      tagObj.push(_da);
+    });
+  } else {
+    _extends(tagObj, obj);
+  }
+  return tagObj;
 }

dist/demo.css

@@ -317,6 +317,12 @@
     visibility: hidden; }
   .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {
     content: "."; }
+  .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {
+    content: "\e639";
+    font-family: "uf" !important; }
+  .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
+    content: "\e61c";
+    font-family: "uf" !important; }
   .u-table-row.selected {
     background: #FFF7E7; }
   .u-table tr.u-table-expanded-row {

src/ExpandIcon.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import shallowequal from 'shallowequal';
-import Icon from 'bee-icon';
 
 const propTypes = {
     record: PropTypes.object,
@@ -23,10 +22,8 @@ class ExpandIcon extends Component{
     const { expandable, clsPrefix, onExpand, needIndentSpaced, expanded, record, isHiddenExpandIcon,expandedIcon,collapsedIcon } = this.props;
     if (expandable && !isHiddenExpandIcon) {
       const expandClassName = expanded ? 'expanded' : 'collapsed';
-      let currentIcon =  <Icon
+      let currentIcon =  <span
                           className={`${clsPrefix}-expand-icon ${clsPrefix}-${expandClassName}`}
-                          type={expanded ? 'uf-triangle-down' : 'uf-triangle-right'}
-                        
                         />;
       if(expanded && expandedIcon){
         currentIcon = expandedIcon;

src/Table.scss

@@ -295,6 +295,18 @@ $icon-color:#505F79;
     &-spaced:after {
       content: ".";
     }
+    &-expanded:after {
+      &:after {
+        content: "\e639";
+        font-family: "uf" !important;
+      }
+    }
+    &-collapsed {
+      &:after {
+        content: "\e61c";
+        font-family: "uf" !important;
+      }
+    }
   }
   &-row{
     &.selected{