linkmore-design/lib/lm-table/components/HeaderRow.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = HeaderCellContent;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _sortable = require("@dnd-kit/sortable");
var _utilities = require("@dnd-kit/utilities");
var _react = _interopRequireDefault(require("react"));
var _Handle = _interopRequireDefault(require("./Item/components/Handle"));
function HeaderCellContent(props) {
  const {
    column,
    children,
    openRowGroup,
    openColGroup,
    rowSort
  } = props;
  const {
    rowGroup = false,
    colGroup = false,
    title = '',
    key
  } = column || {};
  const {
    attributes,
    listeners,
    setNodeRef,
    transform,
    transition,
    isDragging
  } = (0, _sortable.useSortable)({
    id: rowSort ? key : title
  });
  const style = {
    ...props.style,
    transform: _utilities.CSS.Transform.toString(transform && {
      ...transform,
      scaleY: 1
    }),
    transition,
    ...(isDragging ? {
      position: 'relative',
      zIndex: 9999
    } : {})
  };
  const isShow = openRowGroup && rowGroup || openColGroup && colGroup || rowSort;
  return key ? /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({
    style: style,
    ref: setNodeRef
  }, attributes), /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center'
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    style: {
      flex: 1
    }
  }, children), isShow && /*#__PURE__*/_react.default.createElement(_Handle.default, listeners))) : /*#__PURE__*/_react.default.createElement("th", props, children);
}