@teamix/user-info/lib/index.js

用户详情

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var React = _interopRequireWildcard(require("react"));
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
var _components = require("@alicloudfe/components");
var _icon = _interopRequireDefault(require("@teamix/icon"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var isTeamixIcon = function isTeamixIcon(type) {
  if (type === void 0) {
    type = '';
  }
  return type.endsWith('-line') || type.endsWith('-fill');
};
var InfoBlock = function InfoBlock(_ref) {
  var _ref$title = _ref.title,
    title = _ref$title === void 0 ? '' : _ref$title,
    _ref$infoList = _ref.infoList,
    infoList = _ref$infoList === void 0 ? [] : _ref$infoList,
    children = _ref.children;
  return /*#__PURE__*/React.createElement("div", {
    className: _indexModule["default"].infoContainer
  }, /*#__PURE__*/React.createElement("header", {
    className: _indexModule["default"].infoTitle
  }, title), /*#__PURE__*/React.createElement("div", {
    className: _indexModule["default"].infoContent
  }, infoList.map(function (_ref2, i) {
    var icon = _ref2.icon,
      text = _ref2.text;
    return /*#__PURE__*/React.createElement("div", {
      className: _indexModule["default"].info,
      key: i
    }, isTeamixIcon(icon) ? /*#__PURE__*/React.createElement(_icon["default"], {
      type: icon,
      className: _indexModule["default"].infoIcon,
      size: "small"
    }) : /*#__PURE__*/React.createElement(_components.Icon, {
      type: icon,
      className: _indexModule["default"].infoIcon,
      size: "small"
    }), /*#__PURE__*/React.createElement("div", {
      className: _indexModule["default"].infoText
    }, text));
  })));
};
var UserInfo = function UserInfo(props) {
  var title = props.title,
    subtitle = props.subtitle,
    _props$avatar = props.avatar,
    avatar = _props$avatar === void 0 ? {
      src: ''
    } : _props$avatar,
    _props$infoTitle = props.infoTitle,
    infoTitle = _props$infoTitle === void 0 ? '基本信息' : _props$infoTitle,
    _props$infoList = props.infoList,
    infoList = _props$infoList === void 0 ? [] : _props$infoList,
    style = props.style,
    _props$className = props.className,
    className = _props$className === void 0 ? '' : _props$className;
  var avatarProps = Object.assign({
    size: 100
  }, avatar);
  return /*#__PURE__*/React.createElement("section", {
    className: _indexModule["default"].UserInfo + " " + className,
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: _indexModule["default"].top
  }, /*#__PURE__*/React.createElement(_components.Avatar, avatarProps), /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("p", null, subtitle)), infoList.length > 0 ? /*#__PURE__*/React.createElement(InfoBlock, {
    title: infoTitle,
    infoList: infoList
  }) : null);
};
UserInfo.defaultProps = {};
var _default = UserInfo;
exports["default"] = _default;