@ttk/component/lib/noData/index.js

ttk组件库

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var defineProperty = require('../defineProperty-ad97b418.js');
var objectWithoutProperties = require('../objectWithoutProperties-2d29a867.js');
var React = require('react');
var classNames = require('classnames');
var noSearch = require('./style/img/noSearch.png');
var noCustomers = require('./style/img/noCustomers.png');
var noContent = require('./style/img/noContent.png');
var noNetwork = require('./style/img/noNetwork.png');
var noDocoments = require('./style/img/noDocoments.png');
var noMessage = require('./style/img/noMessage.png');
var noAccountWarp = require('./style/img/noAccountWarp.png');
var systemMaintenance = require('./style/img/systemMaintenance.png');
require('../_commonjsHelpers-badc9712.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
var noSearch__default = /*#__PURE__*/_interopDefaultLegacy(noSearch);
var noCustomers__default = /*#__PURE__*/_interopDefaultLegacy(noCustomers);
var noContent__default = /*#__PURE__*/_interopDefaultLegacy(noContent);
var noNetwork__default = /*#__PURE__*/_interopDefaultLegacy(noNetwork);
var noDocoments__default = /*#__PURE__*/_interopDefaultLegacy(noDocoments);
var noMessage__default = /*#__PURE__*/_interopDefaultLegacy(noMessage);
var noAccountWarp__default = /*#__PURE__*/_interopDefaultLegacy(noAccountWarp);
var systemMaintenance__default = /*#__PURE__*/_interopDefaultLegacy(systemMaintenance);

var _excluded = ["className", "style", "width", "height", "type", "children", "small", "size", "imgStyle", "spanStyle"];
//无客户 noCustomers
//无内容 noContent 默认值
//无网络 //无网络
//无文件 noDocoments
//无消息 noMessage
//无账套 noAccountWarp
//系统维护中 systemMaintenance

var pngs = {
  noSearch: noSearch__default["default"],
  noCustomers: noCustomers__default["default"],
  noContent: noContent__default["default"],
  noNetwork: noNetwork__default["default"],
  noDocoments: noDocoments__default["default"],
  noMessage: noMessage__default["default"],
  noAccountWarp: noAccountWarp__default["default"],
  systemMaintenance: systemMaintenance__default["default"]
};
function NoDataComponent(props) {
  var _classNames;

  var className = props.className,
      style = props.style,
      width = props.width,
      height = props.height,
      type = props.type,
      children = props.children,
      small = props.small,
      size = props.size,
      imgStyle = props.imgStyle,
      spanStyle = props.spanStyle;
      objectWithoutProperties._objectWithoutProperties(props, _excluded);
      var img = 'noContent'; // size: 可选值为 mini small large 或者不设


  className = classNames__default["default"]((_classNames = {
    'mk-nodata': true
  }, defineProperty._defineProperty(_classNames, className, !!className), defineProperty._defineProperty(_classNames, 'small', !!small), defineProperty._defineProperty(_classNames, size, !!size), _classNames));
  style = style || {};

  if (width) {
    //style.flex = `0 0 ${width}px`
    style.width = "".concat(width, "px");
  }

  if (height) {
    //style.flex = `0 0 ${height}px`
    style.height = "".concat(height, "px");
  }

  if (type) {
    img = type;
  }

  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: className,
    style: style
  }, /*#__PURE__*/React__default["default"].createElement("img", {
    className: "mk-nodata-img",
    style: imgStyle,
    src: pngs[img]
  }), /*#__PURE__*/React__default["default"].createElement("span", {
    className: "mk-nodata-message",
    style: spanStyle
  }, children));
}

exports["default"] = NoDataComponent;