linkmore-design/es/lm-table/components/Container/Container.js

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["children", "columns", "handleProps", "horizontal", "hover", "onClick", "onRemove", "label", "placeholder", "style", "scrollable", "shadow", "unstyled", "ulClassName", "isNoneBorder"];
import React, { forwardRef } from 'react';
import classNames from 'classnames';

// import {Handle, Remove} from '../Item';

import "./Container.less";
export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
  var children = _ref.children,
    _ref$columns = _ref.columns,
    columns = _ref$columns === void 0 ? 1 : _ref$columns,
    handleProps = _ref.handleProps,
    horizontal = _ref.horizontal,
    hover = _ref.hover,
    onClick = _ref.onClick,
    onRemove = _ref.onRemove,
    label = _ref.label,
    placeholder = _ref.placeholder,
    style = _ref.style,
    scrollable = _ref.scrollable,
    shadow = _ref.shadow,
    unstyled = _ref.unstyled,
    ulClassName = _ref.ulClassName,
    isNoneBorder = _ref.isNoneBorder,
    props = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
    ref: ref,
    style: _objectSpread(_objectSpread({}, style), {}, {
      '--columns': columns
    }),
    className: classNames('dnd_container', unstyled && 'unstyled', horizontal && 'horizontal', hover && 'hover', placeholder && 'placeholder', scrollable && 'scrollable', shadow && 'shadow', isNoneBorder && 'isNoneBorder'),
    onClick: onClick,
    tabIndex: onClick ? 0 : undefined
  }), label ? /*#__PURE__*/React.createElement("div", {
    className: 'dnd_header'
  }, label, /*#__PURE__*/React.createElement("div", {
    className: 'dnd_actions'
  })) : null, placeholder ? children : /*#__PURE__*/React.createElement("ul", {
    className: ulClassName
  }, children));
});