@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/table/HeaderTable.js

@@ -1,359 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactResizable = require("react-resizable");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _ColumnMenu = _interopRequireDefault(require("./ColumnMenu"));
-
-var _SettingMenu = _interopRequireDefault(require("./SettingMenu"));
-
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-
-var _AdvanceHeader = _interopRequireDefault(require("./AdvanceHeader"));
-
-var _util = require("./util");
-
-var HeaderTable = function HeaderTable(_ref) {
-  var rightFixedIndex = _ref.rightFixedIndex;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      checkboxColWidth = _useContext.checkboxColWidth,
-      rowSelection = _useContext.rowSelection,
-      propsData = _useContext.data,
-      columns = _useContext.columns,
-      expandedRender = _useContext.expandedRender,
-      stickyTop = _useContext.stickyTop,
-      highlightedColKeys = _useContext.highlightedColKeys,
-      highlightColumns = _useContext.highlightColumns,
-      showColHighlight = _useContext.showColHighlight,
-      hoverColIndex = _useContext.hoverColIndex,
-      showColMenu = _useContext.showColMenu,
-      maxHeight = _useContext.maxHeight,
-      headerTableRef = _useContext.headerTableRef,
-      bodyTableRef = _useContext.bodyTableRef,
-      syncScrollLeft = _useContext.syncScrollLeft,
-      bordered = _useContext.bordered,
-      alignRightColumns = _useContext.alignRightColumns,
-      prefix = _useContext.prefix,
-      realColumnsWidth = _useContext.realColumnsWidth,
-      setRealColumnsWidth = _useContext.setRealColumnsWidth,
-      resizable = _useContext.resizable,
-      setting = _useContext.setting,
-      onHeaderRow = _useContext.onHeaderRow,
-      sticky = _useContext.sticky,
-      disabledData = _useContext.disabledData;
-
-  var _useState = (0, _react.useState)((0, _util.cloneArray)(propsData)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      data = _useState2[0],
-      setDate = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setDate((0, _util.cloneArray)(propsData));
-  }, [propsData]);
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isAllChecked = _useState4[0],
-      setIsAllChecked = _useState4[1];
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      groupedColumns = _useState6[0],
-      setGroupedColumns = _useState6[1];
-
-  var _useState7 = (0, _react.useState)([]),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      columnsgroup = _useState8[0],
-      setColumnsGroup = _useState8[1];
-
-  var isStickyHeader = (0, _react.useRef)(false); // 隐藏滚动条
-
-  var headerInner = (0, _react.useRef)(null);
-  var theadRef = (0, _react.useRef)(); // 控制列最小可调整宽度
-
-  var _useState9 = (0, _react.useState)(Array(columns.length).fill(0)),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      minColWidth = _useState10[0],
-      setMinColWidth = _useState10[1];
-
-  (0, _react.useEffect)(function () {
-    var onwheel = function onwheel(e) {
-      e.stopPropagation();
-      var deltaX = e.deltaX;
-      headerTableRef.current.scrollLeft = headerTableRef.current.scrollLeft + deltaX;
-      syncScrollLeft(headerTableRef.current.scrollLeft, bodyTableRef.current);
-    };
-
-    theadRef.current && theadRef.current.addEventListener('wheel', onwheel);
-    return function () {
-      theadRef.current && theadRef.current.removeEventListener('wheel', onwheel);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    // 判断是否全选
-    if (rowSelection) {
-      var _rowSelection$selecte = rowSelection.selectedRowKeys,
-          selectedRowKeys = _rowSelection$selecte === void 0 ? [] : _rowSelection$selecte;
-      var flattedData = (0, _util.flatTreeData)((0, _util.cloneArray)(data));
-
-      var _isAllChecked = flattedData.filter(function (data) {
-        return !disabledData.current.includes(data.key);
-      }).every(function (d) {
-        return selectedRowKeys.includes(d.key);
-      }) && flattedData.length !== 0;
-
-      setIsAllChecked(_isAllChecked);
-    }
-  }, [data, rowSelection]); // 处理列的深度
-
-  (0, _react.useEffect)(function () {
-    var _columns = (0, _util.cloneArray)(columns);
-
-    var depthArray = [];
-    (0, _util.setDepth)(_columns, 0, depthArray);
-    var maxDepth = depthArray.length > 0 ? Math.max.apply(null, depthArray) : 0;
-    var flatTreeDateColumns = (0, _util.flatTreeData)(_columns);
-
-    var _columnsgroup = [rowSelection && 'checkbox', expandedRender && 'expandedButton'].concat(flatTreeDateColumns.filter(function (col) {
-      return col.isLast;
-    })).filter(function (column) {
-      return !!column;
-    });
-
-    flatTreeDateColumns.forEach(function (column) {
-      var leafChildren = [];
-      (0, _util.getLeafChildren)(column, leafChildren); // 在最后一层，colspan = 1, rowspan = maxDepth - depth + 1
-      // 不在最后一层，rowspan = 1, colspan = 叶子节点后代数量
-
-      column.rowSpan = column.isLast ? maxDepth - column.depth + 1 : 1;
-      column.colSpan = column.isLast ? 1 : leafChildren.length;
-    });
-    isStickyHeader.current = flatTreeDateColumns.some(function (item) {
-      return typeof item.leftStickyWidth !== 'undefined' || typeof item.rightStickyWidth !== 'undefined';
-    });
-
-    var _groupedColumns = (0, _util.groupDataByDepth)(_columns, maxDepth);
-
-    setColumnsGroup(_columnsgroup);
-    setGroupedColumns(_groupedColumns);
-  }, [columns]); // ********************
-
-  (0, _react.useEffect)(function () {
-    if (headerInner.current && headerInner.current.childNodes && headerInner.current.childNodes[1].childNodes[0]) {
-      var _minColWidth = Array.from(headerInner.current.childNodes[1].childNodes[0].childNodes).map(function (th) {
-        return th.childNodes[0].className === 'hi-table__header__title' ? th.childNodes[0].offsetWidth : 0;
-      });
-
-      setMinColWidth(_minColWidth);
-    }
-  }, [columns, headerInner]); // ******************** 同步行高度
-
-  (0, _react.useLayoutEffect)(function () {
-    if (headerInner.current) {
-      if (!data || data.length === 0) {
-        if (headerInner.current.childNodes && headerInner.current.childNodes[1].childNodes[0]) {
-          var _realColumnsWidth = Array.from(headerInner.current.childNodes[1].childNodes[0].childNodes).map(function (node) {
-            return node.clientWidth;
-          });
-
-          setRealColumnsWidth(_realColumnsWidth);
-        }
-      }
-    }
-  }, [headerInner, columns, data]); // ********************处理排序逻辑
-  // 可以排序的必须的是最后一级列
-
-  var hasSorterColumn = columnsgroup.filter(function (col) {
-    return col.sorter;
-  }).map(function (sorterCol) {
-    return sorterCol.dataKey;
-  }); // 自定义 checkboxAll 侧边 icon
-
-  var checkboxFilterIcon = rowSelection && rowSelection.checkAllOptions && rowSelection.checkAllOptions.filterIcon || null; // ******************** 行渲染 ***********************
-
-  var renderBaseRow = function renderBaseRow(cols, index, isSticky) {
-    var _colums = [rowSelection && index === 0 && 'checkbox', expandedRender && index === 0 && 'expandedButton'].concat(cols).filter(function (column) {
-      return !!column;
-    });
-
-    var isStickyCol = _colums.some(function (item) {
-      return typeof item.leftStickyWidth !== 'undefined';
-    });
-
-    return /*#__PURE__*/_react["default"].createElement("tr", {
-      key: index
-    }, _colums.map(function (c, idx) {
-      var cell;
-
-      if (c === 'checkbox') {
-        cell = /*#__PURE__*/_react["default"].createElement("th", {
-          rowSpan: groupedColumns.length,
-          key: "checkbox",
-          className: (0, _classnames["default"])({
-            'hi-table__col--sticky': isStickyCol
-          }),
-          style: {
-            boxSizing: 'border-box',
-            width: checkboxColWidth,
-            height: 'auto',
-            backgroundColor: '#fbfbfb'
-          }
-        }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-          checked: isAllChecked,
-          indeterminate: !isAllChecked && rowSelection.selectedRowKeys.length > 0,
-          onChange: function onChange(e) {
-            if (rowSelection.onChange) {
-              var targetItems = (0, _util.flatTreeData)((0, _util.cloneArray)(data)).filter(function (data) {
-                return !disabledData.current.includes(data.key);
-              });
-              var selectedIds = isAllChecked ? [] : targetItems.map(function (item) {
-                return item.key;
-              });
-              rowSelection.onChange(selectedIds, targetItems, !isAllChecked);
-            }
-          }
-        }), checkboxFilterIcon);
-      } else if (c === 'expandedButton') {
-        cell = /*#__PURE__*/_react["default"].createElement("th", {
-          key: "expandedButton",
-          rowSpan: groupedColumns.length,
-          className: (0, _classnames["default"])({
-            'hi-table__col--sticky': isStickyCol
-          }),
-          style: {
-            boxSizing: 'border-box',
-            width: 50,
-            height: 'auto',
-            backgroundColor: '#fbfbfb'
-          }
-        }, /*#__PURE__*/_react["default"].createElement("span", null));
-      } else {
-        var rightStickyWidth = c.rightStickyWidth,
-            leftStickyWidth = c.leftStickyWidth,
-            dataKey = c.dataKey,
-            align = c.align,
-            colSpan = c.colSpan,
-            rowSpan = c.rowSpan,
-            title = c.title,
-            isLast = c.isLast;
-
-        var _isSticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
-
-        var isRowActive = highlightedColKeys.includes(dataKey) || highlightColumns.includes(dataKey);
-        var isColActive = showColHighlight && hoverColIndex === dataKey;
-        var textAlign = alignRightColumns.includes(dataKey) ? 'right' : align || 'left';
-        cell = /*#__PURE__*/_react["default"].createElement("th", (0, _extends2["default"])({
-          key: idx,
-          colSpan: colSpan,
-          rowSpan: rowSpan // 标题事件处理
-
-        }, onHeaderRow(_colums, index), {
-          className: (0, _classnames["default"])({
-            'hi-table__col--sticky': _isSticky
-          }),
-          style: {
-            height: 'auto',
-            boxSizing: 'border-box',
-            textAlign: textAlign,
-            background: isRowActive || isColActive ? '#F4F4F4' : '#fbfbfb',
-            right: rightStickyWidth + 'px',
-            left: leftStickyWidth + 'px'
-          }
-        }), /*#__PURE__*/_react["default"].createElement("div", {
-          className: "hi-table__header__title"
-        }, typeof title === 'function' ? title() : title, showColMenu && isLast && /*#__PURE__*/_react["default"].createElement(_ColumnMenu["default"], {
-          columnKey: dataKey,
-          canSort: hasSorterColumn.includes(dataKey),
-          isSticky: _isSticky
-        }), /*#__PURE__*/_react["default"].createElement(_AdvanceHeader["default"], {
-          showColMenu: showColMenu,
-          columnData: c
-        })));
-      }
-
-      return resizable && idx !== cols.length - 1 ? /*#__PURE__*/_react["default"].createElement(_reactResizable.Resizable, {
-        key: idx,
-        width: realColumnsWidth[idx],
-        height: 0,
-        onResize: function onResize(e, _ref2) {
-          var size = _ref2.size;
-          var minWidth = minColWidth[idx] + 31;
-          var anotherMinWidth = minColWidth[idx + 1] + 31;
-          var nextWidth = size.width > minWidth ? size.width : minWidth;
-          var anotherWidth = realColumnsWidth[idx + 1] + realColumnsWidth[idx] - nextWidth;
-
-          if (anotherWidth <= anotherMinWidth) {
-            anotherWidth = anotherMinWidth;
-            nextWidth = realColumnsWidth[idx + 1] - anotherMinWidth + realColumnsWidth[idx];
-          }
-
-          var newRealColumnsWidth = (0, _toConsumableArray2["default"])(realColumnsWidth);
-          newRealColumnsWidth[idx] = nextWidth;
-          newRealColumnsWidth[idx + 1] = anotherWidth;
-          setRealColumnsWidth(newRealColumnsWidth);
-        },
-        draggableOpts: {
-          enableUserSelectHack: false
-        }
-      }, cell) : cell;
-    }));
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    key: "normal",
-    style: {
-      borderLeft: bordered && '1px solid #e7e7e7',
-      borderTop: bordered && '1px solid #e7e7e7',
-      boxShadow: maxHeight && '0px 2px 6px 0px rgba(0,0,0,0.12)',
-      position: sticky ? 'sticky' : 'relative',
-      top: sticky && stickyTop,
-      zIndex: 10
-    }
-  }, setting && /*#__PURE__*/_react["default"].createElement(_SettingMenu["default"], null), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__header"),
-    key: "normal",
-    ref: headerTableRef
-  }, /*#__PURE__*/_react["default"].createElement("table", {
-    style: {
-      width: '100%'
-    },
-    ref: headerInner
-  }, /*#__PURE__*/_react["default"].createElement("colgroup", null, columnsgroup.map(function (c, index) {
-    var width = resizable ? realColumnsWidth[index] : c.width;
-    return /*#__PURE__*/_react["default"].createElement("col", {
-      key: index,
-      style: {
-        width: c === 'checkbox' ? checkboxColWidth : width,
-        minWidth: width
-      }
-    });
-  })), /*#__PURE__*/_react["default"].createElement("thead", {
-    ref: theadRef
-  }, groupedColumns.map(function (group, index) {
-    return renderBaseRow(group, index, false);
-  })))));
-};
-
-var _default = HeaderTable;
-exports["default"] = _default;

package/es/table/Indent.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var Indent = function Indent(_ref) {
-  var times = _ref.times;
-  var indents = [];
-
-  for (var i = 0; i <= times; i++) {
-    indents.push( /*#__PURE__*/_react["default"].createElement("span", {
-      className: "hi-table__indent",
-      key: Math.random()
-    }));
-  }
-
-  return indents;
-};
-
-var _default = Indent;
-exports["default"] = _default;

package/es/table/LoadingIcon.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var IconLoading = function IconLoading(props) {
-  var size = '0.8em';
-  var themeColor = {
-    orange: '#f63',
-    cyan: '#46bc99',
-    magenta: '#ff5975',
-    lavender: '#b450de',
-    blue: '#3da8f5',
-    purple: '#8a8acb'
-  };
-  return /*#__PURE__*/_react["default"].createElement("i", {
-    className: "hi-icon hi-btn--loading--icon"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    viewBox: "0 0 18 18",
-    width: size,
-    height: size,
-    fill: themeColor[props.theme] ? themeColor[props.theme] : '#4284F5'
-  }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "m9 18c-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9zm0-2c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7z",
-    opacity: ".15"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "m15.547 2.8242c0.37904 0.40168 0.36068 1.0346-0.040996 1.4136-0.40168 0.37904-1.0346 0.36068-1.4136-0.040996-1.315-1.3935-3.1381-2.1969-5.0922-2.1969-3.866 0-7 3.134-7 7 0 0.55228-0.44772 1-1 1s-1-0.44772-1-1c0-4.9706 4.0294-9 9-9 2.5103 0 4.8578 1.0343 6.5468 2.8242z"
-  }))));
-};
-
-var _default = IconLoading;
-exports["default"] = _default;

package/es/table/Row.js

@@ -1,261 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Cell = _interopRequireDefault(require("./Cell"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _util = require("./util");
-
-var _LoadingIcon = _interopRequireDefault(require("./LoadingIcon"));
-
-var _Expandcol = _interopRequireDefault(require("./Expandcol"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var Row = function Row(_ref) {
-  var _classNames;
-
-  var rowData = _ref.rowData,
-      allRowData = _ref.allRowData,
-      level = _ref.level,
-      showColHighlight = _ref.showColHighlight,
-      hoverColIndex = _ref.hoverColIndex,
-      setHoverColIndex = _ref.setHoverColIndex,
-      expandedTree = _ref.expandedTree,
-      expandedTreeRows = _ref.expandedTreeRows,
-      setExpandedTreeRows = _ref.setExpandedTreeRows,
-      isFixed = _ref.isFixed,
-      isSumRow = _ref.isSumRow,
-      isAvgRow = _ref.isAvgRow,
-      index = _ref.index,
-      innerRef = _ref.innerRef,
-      rowHeight = _ref.rowHeight,
-      isTree = _ref.isTree,
-      dragStatus = _ref.dragStatus,
-      setDragStatus = _ref.setDragStatus,
-      dragRowKey = _ref.dragRowKey,
-      setDragRowKey = _ref.setDragRowKey,
-      propsExpanded = _ref.expanded;
-
-  var _useState = (0, _react.useState)(propsExpanded || false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setExpanded(propsExpanded);
-  }, [propsExpanded]);
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      checkboxColWidth = _useContext.checkboxColWidth,
-      errorRowKeys = _useContext.errorRowKeys,
-      rowSelection = _useContext.rowSelection,
-      highlightedRowKeys = _useContext.highlightedRowKeys,
-      setHighlightRows = _useContext.setHighlightRows,
-      columns = _useContext.columns,
-      expandedRender = _useContext.expandedRender,
-      hoverRow = _useContext.hoverRow,
-      prefix = _useContext.prefix,
-      rowExpandable = _useContext.rowExpandable,
-      onExpand = _useContext.onExpand,
-      disabledData = _useContext.disabledData,
-      draggable = _useContext.draggable,
-      onDragStart = _useContext.onDragStart,
-      dargInfo = _useContext.dargInfo;
-
-  var _columns = (0, _util.cloneArray)(columns);
-
-  var depthArray = [];
-  (0, _util.setDepth)(_columns, 0, depthArray);
-  var rowColumns = (0, _util.flatTreeData)(_columns).filter(function (col) {
-    return col.isLast;
-  });
-  var isSticky = rowColumns.some(function (item) {
-    return typeof item.leftStickyWidth !== 'undefined';
-  });
-  var checkboxConfig = rowSelection && rowSelection.getCheckboxConfig && rowSelection.getCheckboxConfig(allRowData);
-  var checkboxDisabled = checkboxConfig && checkboxConfig.disabled || false;
-  checkboxDisabled && disabledData.current.push(allRowData.key);
-  var rowExpand = rowExpandable && rowExpandable(rowData);
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      dropHightLineStatus = _useState4[0],
-      setDropHightLineStatus = _useState4[1];
-
-  var rowKey = allRowData.key;
-  var onDragStartCallback = (0, _react.useCallback)(function (e) {
-    if (!draggable) return;
-    var clientY = e.clientY;
-    dargInfo.current = {
-      startClientY: clientY,
-      dragKey: rowKey,
-      level: level,
-      rowData: allRowData
-    };
-    onDragStart && onDragStart(allRowData);
-    setDragStatus(true);
-    setDragRowKey(rowKey);
-  }, [allRowData, dragStatus, dragRowKey, onDragStart, draggable]);
-  var onDragEnter = (0, _react.useCallback)(function (e) {
-    if (!draggable) return;
-    var _dargInfo$current = dargInfo.current,
-        startClientY = _dargInfo$current.startClientY,
-        dragKey = _dargInfo$current.dragKey;
-    var clienY = e.clientY;
-    dargInfo.current = _objectSpread(_objectSpread({}, dargInfo.current), {}, {
-      dropKey: rowKey,
-      dropClientY: clienY,
-      dropRowData: allRowData
-    });
-    dragKey !== rowKey && setDropHightLineStatus(clienY < startClientY ? 'top' : 'bottom');
-  }, [rowKey, dropHightLineStatus, draggable]);
-  return [/*#__PURE__*/_react["default"].createElement("tr", {
-    style: isFixed && rowHeight ? {
-      height: rowHeight
-    } : {},
-    ref: innerRef,
-    id: rowKey,
-    draggable: draggable,
-    onMouseMove: function onMouseMove() {
-      setDragRowKey(null);
-      setDragStatus(false);
-    },
-    onDragStart: onDragStartCallback,
-    onDragEnd: function onDragEnd() {
-      if (!draggable) return;
-      dargInfo.current = {};
-      setDropHightLineStatus(null);
-    },
-    onDragEnter: onDragEnter,
-    onDragOver: function onDragOver(e) {
-      if (!draggable) return;
-      e.preventDefault();
-    },
-    onDragLeave: function onDragLeave() {
-      if (!draggable) return;
-      setDropHightLineStatus(null);
-    },
-    className: (0, _classnames["default"])("".concat(prefix, "__row"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--error"), errorRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--highlight"), hoverRow === rowData.key || highlightedRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--total"), isSumRow), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable"), draggable), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draging"), draggable && dragRowKey === rowKey), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--top"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'top'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--bottom"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'bottom'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--avg"), isAvgRow), _classNames)),
-    key: "row",
-    onDoubleClick: function onDoubleClick(e) {
-      if (highlightedRowKeys.includes(rowData.key)) {
-        setHighlightRows(highlightedRowKeys.filter(function (r) {
-          return r !== rowData.key;
-        }));
-      } else {
-        setHighlightRows(highlightedRowKeys.concat(rowData.key));
-      }
-    }
-  }, rowSelection && isFixed !== 'right' && !isSumRow && !isAvgRow && /*#__PURE__*/_react["default"].createElement("td", {
-    style: {
-      width: checkboxColWidth
-    },
-    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefix, "__col--sticky"), isSticky))
-  }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
-    checked: rowSelection.selectedRowKeys.includes(rowData.key),
-    disabled: checkboxDisabled,
-    onChange: function onChange(e) {
-      var _rowSelection$selecte = rowSelection.selectedRowKeys,
-          selectedRowKeys = _rowSelection$selecte === void 0 ? [] : _rowSelection$selecte,
-          onChange = rowSelection.onChange;
-
-      var _selectedRowKeys = (0, _toConsumableArray2["default"])(selectedRowKeys);
-
-      if (_selectedRowKeys.includes(rowData.key)) {
-        onChange(_selectedRowKeys.filter(function (key) {
-          return key !== rowData.key;
-        }), rowData, false);
-      } else {
-        _selectedRowKeys.push(rowData.key);
-
-        onChange(_selectedRowKeys, rowData, true);
-      }
-    }
-  })), expandedRender && /*#__PURE__*/_react["default"].createElement("td", {
-    style: {
-      width: 50
-    },
-    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefix, "__col--sticky"), isSticky))
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].isValidElement(rowExpand) ? rowExpand : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, expanded !== 'loading' && rowExpand ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    style: {
-      cursor: 'pointer'
-    },
-    name: expanded ? 'down' : 'right',
-    onClick: function onClick() {
-      if (propsExpanded === undefined) {
-        setExpanded(!expanded);
-      }
-
-      if (onExpand) {
-        onExpand(!expanded, rowData);
-      }
-    }
-  }) : rowExpand && /*#__PURE__*/_react["default"].createElement(_LoadingIcon["default"], null)))), rowColumns.map(function (column, idx) {
-    return /*#__PURE__*/_react["default"].createElement(_Cell["default"], {
-      key: idx,
-      column: column,
-      rowData: rowData,
-      allRowData: allRowData,
-      showColHighlight: showColHighlight,
-      hoverColIndex: hoverColIndex,
-      setHoverColIndex: setHoverColIndex,
-      level: level,
-      columnIndex: idx,
-      rowIndex: index,
-      isTree: isTree,
-      expandedTree: expandedTree,
-      expandedTreeRows: expandedTreeRows,
-      setExpandedTreeRows: setExpandedTreeRows
-    });
-  })), // 可展开的内嵌部分
-  expandedRender && expanded && /*#__PURE__*/_react["default"].createElement("tr", {
-    key: "expanded-row",
-    className: "".concat(prefix, "--expanded"),
-    style: {
-      background: 'rgba(251, 251, 251, 1)'
-    }
-  }, rowSelection && /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", {
-    colSpan: columns.length + 1,
-    style: {
-      color: '#666'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Expandcol["default"], {
-    rowData: rowData,
-    index: index,
-    expandedRender: expandedRender,
-    setExpanded: setExpanded
-  }), expanded === 'loading' && /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    size: "small"
-  })))];
-};
-
-var _default = Row;
-exports["default"] = _default;