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

ttk组件库

import { _ as _inherits, a as _getPrototypeOf, b as _possibleConstructorReturn, c as _classCallCheck, d as _createClass } from '../getPrototypeOf-b95655c5.js';
import React__default, { PureComponent } from 'react';
import { Spin } from 'antd';
import ReactDOM from 'react-dom';
import classNames from 'classnames';
import '../_commonjsHelpers-471920d6.js';

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _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) {
  _inherits(LoadingMaskComponent, _PureComponent);

  var _super = _createSuper(LoadingMaskComponent);

  function LoadingMaskComponent(props) {
    var _this2;

    _classCallCheck(this, LoadingMaskComponent);

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

  _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({
        '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.createElement("div", {
        className: 'mk-loadingMask-1 ' + wrapperClassName + ' ' + backGroundClassName,
        style: mask
      }, /*#__PURE__*/React__default.createElement(Spin, {
        size: "large",
        tip: tip,
        delay: this.props.delay || 2000
      })) : /*#__PURE__*/React__default.createElement("div", {
        className: 'mk-loadingMask-2'
      });
    }
  }]);

  return LoadingMaskComponent;
}(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.render( /*#__PURE__*/React__default.createElement(LoadingMaskComponent, props), div);
    },
    hide: function hide() {
      ReactDOM.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;

export { loadingMask$1 as default };