choerodon-ui/pro/es/performance-table/customization-settings/tree/Tree.js

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

import _extends from "@babel/runtime/helpers/extends";
import React, { useContext } from 'react';
import { observer } from 'mobx-react-lite';
import { Droppable } from 'react-beautiful-dnd';
import TableContext from '../../TableContext';

var Tree = function Tree(props) {
  var children = props.children,
      value = props.value;

  var _useContext = useContext(TableContext),
      _useContext$tableStor = _useContext.tableStore,
      columnDraggable = _useContext$tableStor.columnDraggable,
      _useContext$tableStor2 = _useContext$tableStor.node.props.columnsDragRender,
      columnsDragRender = _useContext$tableStor2 === void 0 ? {} : _useContext$tableStor2,
      prefixCls = _useContext$tableStor.proPrefixCls;

  var droppableProps = columnsDragRender.droppableProps,
      renderClone = columnsDragRender.renderClone;
  return columnDraggable ? /*#__PURE__*/React.createElement(Droppable, _extends({
    droppableId: "tree__--__".concat(value),
    key: "tree",
    renderClone: renderClone
  }, droppableProps), function (droppableProvided) {
    return /*#__PURE__*/React.createElement("div", _extends({
      ref: droppableProvided.innerRef,
      className: "".concat(prefixCls, "-customization-tree")
    }, droppableProvided && droppableProvided.droppableProps), children, droppableProvided && droppableProvided.placeholder);
  }) : /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-customization-tree")
  }, children);
};

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