qt-public-ui/es/Tips/index.js

新设计规范下业务组件库

/* eslint-disable react/no-array-index-key */
import React from 'react';
import { IconSlim as Icon } from '..';
import { Popover } from 'antd';
import classnames from 'classnames';
import './style';
var renderString = function renderString(string) {
  return /*#__PURE__*/React.createElement("span", {
    className: "umui-pop-tip-text"
  }, string);
};
var renderObject = function renderObject(_ref) {
  var title = _ref.title,
    text = _ref.text;
  return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement("span", {
    className: "umui-pop-tip-title"
  }, title, ": "), text && /*#__PURE__*/React.createElement("span", {
    className: "umui-pop-tip-text"
  }, text));
};
var renderItem = function renderItem(item) {
  if (typeof item === 'string') {
    return renderString(item);
  } else if (typeof item === 'object') {
    return renderObject(item);
  }
};
var Tips = function Tips(props) {
  var config = props.config,
    className = props.className;
  var content = Array.isArray(config) ? config.map(function (cfg, index) {
    return /*#__PURE__*/React.createElement("div", {
      key: index
    }, renderItem(cfg));
  }) : renderItem(config);
  return /*#__PURE__*/React.createElement(Popover, {
    content: content,
    placement: props.placement,
    overlayClassName: "umui-tip-tooltip"
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "umicon-info",
    className: classnames('umui-tip-icon', className, {}),
    style: props.style
  }));
};
Tips.displayName = 'Tips';
export default Tips;