var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};

import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import classNames from 'classnames';
import RcTable from 'rc-table';
import { randomUuid } from "../_utils/stringUtil";
import { createScrollbar } from "../scrollbar";
import "./style/table.css";
export var prefixCls = 'dmc-table';

var Table = function Table(_a) {
  var _b;

  var type = _a.type,
      className = _a.className,
      withVerticalBorder = _a.withVerticalBorder,
      restProps = __rest(_a, ["type", "className", "withVerticalBorder"]);

  var psRef = React.useRef();
  var uuid = React.useMemo(function () {
    return randomUuid();
  }, []);
  React.useEffect(function () {
    var selector = "." + prefixCls + "[data-id=\"" + uuid + "\"] ." + prefixCls + "-body";
    var dom = document.querySelector(selector);

    if (dom) {
      var _a = createScrollbar(dom),
          ps = _a[0],
          destroy_1 = _a[1];

      psRef.current = ps;
      return function () {
        destroy_1();
        psRef.current = undefined;
      };
    }
  }, [uuid]);
  React.useEffect(function () {
    var _a;

    (_a = psRef.current) === null || _a === void 0 ? void 0 : _a.update();
  });
  var tableCls = classNames((_b = {}, _b[prefixCls + "-" + type] = type, _b[prefixCls + "-without-vertical-border"] = !withVerticalBorder, _b), className);
  return _jsx(RcTable, __assign({
    "data-id": uuid
  }, restProps, {
    prefixCls: prefixCls,
    className: tableCls
  }), void 0);
};

Table.defaultProps = {
  withVerticalBorder: true
};
Table.displayName = 'Table';
export default Table;
var TableMemo = /*#__PURE__*/React.memo(Table);
TableMemo.displayName = 'TableMemo';
export { TableMemo };

