ps-frame-father/lib/components/Empty/index.js

An enterprise-class UI design language and React components implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Empty;

var _react = _interopRequireDefault(require("react"));

var _Icon = _interopRequireDefault(require("../Icon"));

var _classnames = _interopRequireDefault(require("classnames"));

require("./index.css");

/**
 * 空状态组件
 * @param {className} string 自定义类名
 * @param {src} string 空状态的图片地址
 * @param {text} string 空状态文本
 */
function Empty(props) {
  var text = props.text,
      className = props.className,
      src = props.src;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)('emptyWrap', className)
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "emptyInner"
  }, src ? /*#__PURE__*/_react.default.createElement("img", {
    src: src,
    alt: "\u7A7A\uFF08empty\uFF09"
  }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
    type: "FaDropbox"
  })), /*#__PURE__*/_react.default.createElement("p", null, text ? text : '空空如也'));
}