@uiw/react-table/cjs/ThComponent.js

Table component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _util = require("./util");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["title", "key", "render", "children", "ellipsis", "fixed"];
var ThComponent = exports["default"] = /*#__PURE__*/function (_Component) {
  (0, _inherits2["default"])(ThComponent, _Component);
  var _super = (0, _createSuper2["default"])(ThComponent);
  function ThComponent() {
    var _this;
    (0, _classCallCheck2["default"])(this, ThComponent);
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _super.call.apply(_super, [this].concat(args));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "wrapper", /*#__PURE__*/_react["default"].createRef());
    return _this;
  }
  (0, _createClass2["default"])(ThComponent, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      this.props.updateLocation({
        width: this.wrapper.current.getBoundingClientRect().width
      }, "".concat(this.props.rowNum).concat(this.props.colNum), this.props.item.key, this.props.item.colSpan);
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props = this.props,
        colNum = _this$props.colNum,
        rightNum = _this$props.rightNum,
        prefixCls = _this$props.prefixCls,
        item = _this$props.item,
        titleNode = _this$props.titleNode,
        onCellHead = _this$props.onCellHead,
        rowNum = _this$props.rowNum,
        locationWidth = _this$props.locationWidth;
      var title = item.title,
        key = item.key,
        render = item.render,
        children = item.children,
        ellipsis = item.ellipsis,
        _item$fixed = item.fixed,
        fixed = _item$fixed === void 0 ? false : _item$fixed,
        thProps = (0, _objectWithoutProperties2["default"])(item, _excluded);
      var cls = '';
      if (fixed) {
        if (fixed === 'right') {
          var rightCls = rightNum === 1 ? "".concat(prefixCls, "-fixed-right-first") : '';
          cls = prefixCls + '-fixed-right ' + rightCls;
        } else {
          cls = prefixCls + '-fixed-true';
        }
      }
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
        ref: this.wrapper
      }, thProps), {}, {
        style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, thProps.style), (0, _util.locationFixed)(fixed, locationWidth, "".concat(rowNum).concat(colNum))),
        className: "".concat(prefixCls, "-tr-children-").concat((item === null || item === void 0 ? void 0 : item.align) || 'left', " ").concat(item.className || '', " ").concat(cls),
        onClick: function onClick(evn) {
          return onCellHead === null || onCellHead === void 0 ? void 0 : onCellHead(item, colNum, rowNum, evn);
        },
        children: titleNode
      }), colNum);
    }
  }]);
  return ThComponent;
}(_react.Component);
module.exports = exports.default;