choerodon-ui/pro/es/table/VirtualWrapper.js

An enterprise-class UI design language and React-based implementation

import React, { useContext, useMemo } from 'react';
import { observer } from 'mobx-react-lite';
import { pxToRem } from '../../../es/_util/UnitConvertor';
import TableContext from './TableContext';
var VirtualWrapper = observer(function (props) {
  var children = props.children;

  var _useContext = useContext(TableContext),
      _useContext$tableStor = _useContext.tableStore,
      virtualTop = _useContext$tableStor.virtualTop,
      virtualHeight = _useContext$tableStor.virtualHeight,
      prefixCls = _useContext$tableStor.prefixCls;

  var style = useMemo(function () {
    return {
      transform: "translate(0, ".concat(pxToRem(virtualTop), ")")
    };
  }, [virtualTop]);
  return React.createElement("div", {
    className: "".concat(prefixCls, "-tbody-wrapper"),
    style: {
      height: pxToRem(virtualHeight)
    }
  }, React.createElement("div", {
    style: style
  }, children));
});
export default VirtualWrapper;
//# sourceMappingURL=VirtualWrapper.js.map