var _excluded = ["children", "url", "method", "params", "formatResult", "onSuccess", "onError", "formatParams", "beforeRequest", "extendParams", "className", "compacted", "divider", "style", "backgroundColor", "context"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React, { isValidElement, useRef } from 'react';
import { ProInfoGroupContext } from '../../utils';
import { useSize } from '@teamix/hooks';
import './index.scss';
import cls from 'classnames';
import ProInfo from '../..';

var ProInfoGroup = function ProInfoGroup(props) {
  var children = props.children,
      url = props.url,
      method = props.method,
      params = props.params,
      formatResult = props.formatResult,
      onSuccess = props.onSuccess,
      onError = props.onError,
      formatParams = props.formatParams,
      beforeRequest = props.beforeRequest,
      extendParams = props.extendParams,
      _props$className = props.className,
      className = _props$className === void 0 ? '' : _props$className,
      _props$compacted = props.compacted,
      compacted = _props$compacted === void 0 ? true : _props$compacted,
      _props$divider = props.divider,
      divider = _props$divider === void 0 ? true : _props$divider,
      style = props.style,
      _props$backgroundColo = props.backgroundColor,
      backgroundColor = _props$backgroundColo === void 0 ? '' : _props$backgroundColo,
      _props$context = props.context,
      context = _props$context === void 0 ? {} : _props$context,
      others = _objectWithoutProperties(props, _excluded);

  var ref = useRef();
  var size = useSize(ref);
  var infoType = 'infoDom';

  if (Array.isArray(children)) {
    if ( /*#__PURE__*/isValidElement(children === null || children === void 0 ? void 0 : children[0])) {
      infoType = 'infoDomGroup';
    } else {
      infoType = 'infoPropsGroup';
    }
  }

  var providerValue = {
    visible: true,
    size: size,
    url: url,
    method: method,
    params: params,
    formatResult: formatResult,
    onSuccess: onSuccess,
    onError: onError,
    formatParams: formatParams,
    beforeRequest: beforeRequest,
    extendParams: extendParams,
    context: context
  };
  var proInfoClassName = cls({
    'teamix-pro-info-group-item': true,
    'teamix-pro-info-group-item-divider': divider
  });
  return /*#__PURE__*/React.createElement(ProInfoGroupContext.Provider, {
    value: providerValue
  }, /*#__PURE__*/React.createElement("div", {
    className: "teamix-pro-info-group ".concat(backgroundColor, " ").concat(className),
    style: style,
    ref: ref
  }, infoType === 'infoDomGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      className: proInfoClassName,
      key: index
    }, item);
  })), infoType === 'infoPropsGroup' && (children === null || children === void 0 ? void 0 : children.map(function (item, index) {
    return /*#__PURE__*/React.createElement("div", {
      className: proInfoClassName,
      key: index
    }, /*#__PURE__*/React.createElement(ProInfo, _objectSpread({
      compacted: compacted
    }, item)));
  })), infoType === 'infoDom' && /*#__PURE__*/React.createElement("div", {
    className: proInfoClassName
  }, children)));
};

export default ProInfoGroup;