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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _mobxReactLite = require("mobx-react-lite");

var _UnitConvertor = require("../../../lib/_util/UnitConvertor");

var _TableContext = _interopRequireDefault(require("./TableContext"));

var VirtualWrapper = (0, _mobxReactLite.observer)(function (props) {
  var children = props.children;

  var _useContext = (0, _react.useContext)(_TableContext["default"]),
      _useContext$tableStor = _useContext.tableStore,
      virtualTop = _useContext$tableStor.virtualTop,
      virtualHeight = _useContext$tableStor.virtualHeight,
      prefixCls = _useContext$tableStor.prefixCls;

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