@ucloud-pccl/react-components/lib/components/Message/method.js

UCloud pccl react components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.warning = exports.success = exports.popup = exports.message = exports.loading = exports.info = exports.error = exports.config = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _react = _interopRequireDefault(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
var _emotionTheming = require("emotion-theming");
var _runtime = require("../../components/ThemeProvider/runtime");
var _Message = _interopRequireDefault(require("./Message"));
var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
var _this = void 0;
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var config = {
  duration: 4500,
  getContainer: function getContainer() {
    (0, _newArrowCheck2.default)(this, _this);
    return document.body;
  }.bind(void 0),
  top: 20
};
var messageContainerDom = document.createElement('div');
var mainContainerDom = config.getContainer();
var containerRef;
_reactDom.default.render(/*#__PURE__*/_react.default.createElement(_MessageContainer.default, {
  ref: function (ref) {
    (0, _newArrowCheck2.default)(this, _this);
    return containerRef = ref;
  }.bind(void 0),
  id: "uc-fe-message-content-wrap",
  top: config.top
}), messageContainerDom);
mainContainerDom.appendChild(messageContainerDom);
var popupMessage = function popupMessage(message) {
  var _this2 = this;
  var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : config.duration;
  var onClose = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
    (0, _newArrowCheck2.default)(this, _this2);
  }.bind(this);
  var messageUid = containerRef.appendMessage(/*#__PURE__*/_react.default.createElement(_emotionTheming.ThemeProvider, {
    theme: (0, _runtime.getRuntimeTheme)()
  }, message));
  var destroy = function destroy() {
    (0, _newArrowCheck2.default)(this, _this2);
    containerRef.removeMessage(messageUid) && onClose();
  }.bind(this);
  if (duration) {
    setTimeout(function () {
      (0, _newArrowCheck2.default)(this, _this2);
      destroy();
    }.bind(this), duration);
  }
  return {
    destory: function destory() {
      (0, _newArrowCheck2.default)(this, _this2);
      console.error("Warning: wrong name of destory, please use destroy to instead");
      destroy();
    }.bind(this),
    destroy: destroy
  };
};
var showMessage = function showMessage(styleType, content) {
  var _this3 = this;
  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : config.duration;
  var onClose = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
    (0, _newArrowCheck2.default)(this, _this3);
  }.bind(this);
  var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
  var zIndex = option.zIndex,
    style = option.style,
    className = option.className;
  var props = {
    children: content
  };
  var newStyle = _objectSpread({}, style);
  if ('zIndex' in option) {
    newStyle.zIndex = zIndex;
  }
  if (! /*#__PURE__*/_react.default.isValidElement(content) && Object.prototype.toString.call(content) === '[object Object]') {
    props = content;
  }
  var destroy = function destroy() {
    (0, _newArrowCheck2.default)(this, _this3);
  }.bind(this);
  var message = /*#__PURE__*/_react.default.createElement(_Message.default, (0, _extends2.default)({
    styleType: styleType,
    style: newStyle,
    className: className
  }, props, {
    onClose: function () {
      (0, _newArrowCheck2.default)(this, _this3);
      return destroy();
    }.bind(this)
  }));
  var instance = popupMessage(message, duration, onClose, option);
  destroy = instance.destroy;
  return instance;
};
var message = exports.message = function message() {
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }
  return showMessage.apply(void 0, ['default'].concat(args));
};
var info = exports.info = function info() {
  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
    args[_key2] = arguments[_key2];
  }
  return showMessage.apply(void 0, ['default'].concat(args));
};
var success = exports.success = function success() {
  for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
    args[_key3] = arguments[_key3];
  }
  return showMessage.apply(void 0, ['success'].concat(args));
};
var warning = exports.warning = function warning() {
  for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
    args[_key4] = arguments[_key4];
  }
  return showMessage.apply(void 0, ['warning'].concat(args));
};
var error = exports.error = function error() {
  for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
    args[_key5] = arguments[_key5];
  }
  return showMessage.apply(void 0, ['error'].concat(args));
};
var loading = exports.loading = function loading() {
  for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
    args[_key6] = arguments[_key6];
  }
  return showMessage.apply(void 0, ['loading'].concat(args));
};
var popup = exports.popup = function popup() {
  return popupMessage.apply(void 0, arguments);
};
var changeConfig = exports.config = function changeConfig() {
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  if ('duration' in options) {
    config.duration = options.duration;
  }
  if ('top' in options) {
    config.top = options.top;
    containerRef && containerRef.setTop(options.top);
  }
};