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

ttk组件库

'use strict';

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

var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var React = require('react');
var antd = require('antd');
var ReactDOM = require('react-dom');
var classNames = require('classnames');
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 ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf._getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf._getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return getPrototypeOf._possibleConstructorReturn(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var LoadingMaskComponent = /*#__PURE__*/function (_PureComponent) {
  getPrototypeOf._inherits(LoadingMaskComponent, _PureComponent);

  var _super = _createSuper(LoadingMaskComponent);

  function LoadingMaskComponent(props) {
    var _this2;

    getPrototypeOf._classCallCheck(this, LoadingMaskComponent);

    _this2 = _super.call(this, props);
    _this2.state = {
      background: ''
    };
    _this2.state = {
      background: props.background
    };
    return _this2;
  }

  getPrototypeOf._createClass(LoadingMaskComponent, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var _this = this,
          delay = this.props.delay || 2000,
          showBackground = this.props.showBackground === false ? false : true;

      if (showBackground) {
        this.backTimeout = window.setTimeout(function () {
          return _this.setState({
            background: 'mk-loadingMask-3'
          });
        }, delay);
      }
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      if (this.backTimeout) {
        clearTimeout(this.backTimeout);
      }
    }
  }, {
    key: "render",
    value: function render() {
      var mask;

      if (this.props.background) {
        mask = {
          background: this.props.background
        };
      }

      var wrapperClassName = this.props.wrapperClassName || '';
      classNames__default["default"]({
        'mk-loadingMask': true
      });
      var tip = this.props.content || '正在处理中...',
          showBackground = this.props.showBackground === false ? false : true;
      var backGroundClassName = this.state.background;
      return showBackground ? /*#__PURE__*/React__default["default"].createElement("div", {
        className: 'mk-loadingMask-1 ' + wrapperClassName + ' ' + backGroundClassName,
        style: mask
      }, /*#__PURE__*/React__default["default"].createElement(antd.Spin, {
        size: "large",
        tip: tip,
        delay: this.props.delay || 2000
      })) : /*#__PURE__*/React__default["default"].createElement("div", {
        className: 'mk-loadingMask-2'
      });
    }
  }]);

  return LoadingMaskComponent;
}(React.PureComponent);

LoadingMaskComponent.newInstance = function newLoadingMaskInstance() {
  var div = document.createElement('div');
  return {
    show: function show(properties) {
      if (!div) {
        div = document.createElement('div');
      }

      var props = properties || {};
      document.body.appendChild(div);
      ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(LoadingMaskComponent, props), div);
    },
    hide: function hide() {
      ReactDOM__default["default"].unmountComponentAtNode(div);

      try {
        document.body.removeChild(div);
      } catch (e) {}

      div = null;
    }
  };
};

var loadingMask = window.LoadingMask;

if (!loadingMask) {
  loadingMask = LoadingMaskComponent.newInstance();
  window.LoadingMask = loadingMask;
}

var loadingMask$1 = loadingMask;

exports["default"] = loadingMask$1;