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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Container = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
require("./Container.less");
// import {Handle, Remove} from '../Item';

const Container = /*#__PURE__*/(0, _react.forwardRef)(({
  children,
  columns = 1,
  handleProps,
  horizontal,
  hover,
  onClick,
  onRemove,
  label,
  placeholder,
  style,
  scrollable,
  shadow,
  unstyled,
  ulClassName,
  isNoneBorder,
  ...props
}, ref) => {
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
    ref: ref,
    style: {
      ...style,
      '--columns': columns
    },
    className: (0, _classnames.default)('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.default.createElement("div", {
    className: 'dnd_header'
  }, label, /*#__PURE__*/_react.default.createElement("div", {
    className: 'dnd_actions'
  })) : null, placeholder ? children : /*#__PURE__*/_react.default.createElement("ul", {
    className: ulClassName
  }, children));
});
exports.Container = Container;