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

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

import React, { useContext, useMemo } from 'react';
import { observer } from 'mobx-react-lite';
import { get } from 'mobx';
import { pxToRem } from '../../../es/_util/UnitConvertor';
import TableContext from './TableContext';
import { minColumnWidth } from './Column';
var TableCol = observer(function TableCol(props) {
  var column = props.column,
      last = props.last;

  var _useContext = useContext(TableContext),
      tableStore = _useContext.tableStore,
      prefixCls = _useContext.prefixCls;

  var width = last && !tableStore.hasEmptyWidthColumn ? undefined : get(column, 'width');
  var minWidth = minColumnWidth(column);
  var style = useMemo(function () {
    return {
      width: pxToRem(width),
      minWidth: pxToRem(minWidth)
    };
  }, [width, minWidth]);
  return React.createElement("col", {
    className: "".concat(prefixCls, "-col"),
    style: style
  });
});
TableCol.displayName = 'TableCol';
export default TableCol;
//# sourceMappingURL=TableCol.js.map