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 { columnWidth, minColumnWidth } from './Column';

var TableCol = 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 : tableStore.overflowX ? columnWidth(column, tableStore) : get(column, 'width');
  var minWidth = minColumnWidth(column, tableStore);
  var style = useMemo(function () {
    return {
      width: pxToRem(width, true),
      minWidth: pxToRem(minWidth, true)
    };
  }, [width, minWidth]);
  return /*#__PURE__*/React.createElement("col", {
    className: "".concat(prefixCls, "-col"),
    style: style
  });
};

TableCol.displayName = 'TableCol';
export default observer(TableCol);
//# sourceMappingURL=TableCol.js.map