ming-demo3/lib/components/common/UretailNotice.js

mdf metaui web

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UretailConfirm = exports.UretailAlert = void 0;

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

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

var _isNull2 = _interopRequireDefault(require("lodash/isNull"));

var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));

var _extendWith2 = _interopRequireDefault(require("lodash/extendWith"));

var _extend2 = _interopRequireDefault(require("lodash/extend"));

var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));

var _get2 = _interopRequireDefault(require("lodash/get"));

var _baseui = require("@mdf/baseui");

var _rcNotification = _interopRequireDefault(require("rc-notification"));

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

var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));

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

var _Confirm = _interopRequireDefault(require("./Confirm"));

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function noop() {}

var UretailAlert = function UretailAlert(paramObj) {
  var timerObj = {};
  var wrapClassName = (0, _get2["default"])(paramObj, 'wrapClassName');
  var currentMode = (0, _get2["default"])(paramObj, 'currentMode');

  var notification = _rcNotification["default"].newInstance({
    prefixCls: currentMode === 'self' ? 'uretail-notification-self' : 'uretail-notification'
  });

  function enterActive(key) {
    if (!timerObj["time".concat(key)]) {
      return;
    }

    if (timerObj["time".concat(key)]['flag'] == undefined) {
      var hook = timerObj["time".concat(key)].hook;
      clearTimeout(hook);
    } else {
      timerObj["time".concat(key)]['flag'] = undefined;

      var _dom = document.querySelector("#expand_count_".concat(key));

      var _tipWrap = _dom.parentNode.parentNode.parentNode.parentNode;

      _tipWrap.classList.remove('fade-leave-active', 'fade-hide-active');

      setTimeout(function () {
        _tipWrap.classList.add('fade-enter-active');

        _tipWrap.style.right = "50%";
      }, 200);
    }
  }

  function leaveActive(key) {
    if (!timerObj["time".concat(key)]) {
      return;
    }

    if (timerObj["time".concat(key)]['flag'] == undefined) {
      var hook = timerObj["time".concat(key)].timer();
      timerObj["time".concat(key)]['hook'] = hook;
    }
  }

  return function () {
    var isExpand = false;
    var option = {
      title: '',
      type: 'info',
      content: null
    };

    if ((0, _isPlainObject2["default"])(arguments.length <= 0 ? undefined : arguments[0]) && !_react["default"].isValidElement(arguments.length <= 0 ? undefined : arguments[0])) {
      option = (0, _extend2["default"])(option, arguments.length <= 0 ? undefined : arguments[0]);
    } else {
      option = (0, _extendWith2["default"])(option, {
        title: arguments.length <= 0 ? undefined : arguments[0],
        type: arguments.length <= 1 ? undefined : arguments[1],
        content: arguments.length <= 2 ? undefined : arguments[2]
      }, function (objValue, srcValue) {
        return (0, _isUndefined2["default"])(srcValue) ? objValue : srcValue;
      });
    }

    var _option = option,
        title = _option.title,
        type = _option.type,
        content = _option.content,
        size = _option.size,
        expand = _option.expand,
        others = (0, _objectWithoutProperties2["default"])(_option, ["title", "type", "content", "size", "expand"]);
    var duration;

    switch (process.env.__THEMETYPE__) {
      case 'ncc':
        duration = 1;
        break;

      case 'ys':
        duration = type === 'error' ? 5 : 2;
        break;
    }

    var key = Date.now();
    var iconType = '';
    var NoticeIcon;

    switch (type) {
      case 'success':
        iconType = 'yishenhe';
        break;

      case 'info':
        iconType = 'tongzhixinxi';
        break;

      case 'error':
        iconType = 'qingkong';

        if (size == 'sm') {
          duration = null;
        }

        break;

      case 'warning':
        iconType = 'yibohui';
        break;

      default:
        iconType = 'tongzhixinxi';
    }

    NoticeIcon = currentMode === 'self' ? _react["default"].createElement(_baseui.Icon, {
      type: iconType
    }) : _react["default"].createElement("i", {
      className: "icon iconfont icon-".concat(iconType)
    });

    if (type === 'loading') {
      NoticeIcon = _react["default"].createElement("img", {
        className: "uretail-notification-loadingSvg",
        src: require('@mdf/theme/theme-ncc/common-theme/svgs/localLoading.svg')
      });
    }

    var _size = size == 'sm' ? 'sm' : 'lg';

    if (size == 'lg' && type == 'error') {
      timerObj["time".concat(key)] = {
        timer: function timer() {
          return setTimeout(function () {
            var _dom = document.querySelector("#expand_count_".concat(key));

            var _tipWrap = _dom && _dom.parentNode.parentNode.parentNode.parentNode;

            _tipWrap.classList.add("fade-enter-active", "fade-leave-active");

            setTimeout(function () {
              _tipWrap.classList.add("fade-hide-active");

              _tipWrap.style.right = "-".concat(document.body.clientWidth / 2 - 70, "px");
              timerObj["time".concat(key)]['flag'] = true;
            }, 200);
          }, 5000);
        }
      };
      timerObj["time".concat(key)]['hook'] = timerObj["time".concat(key)].timer();
    }

    notification.notice(_objectSpread({
      content: (0, _isNull2["default"])(content) ? _react["default"].createElement("div", {
        className: (0, _classnames["default"])('uretail-message-custom-content uretail-message-' + type + ' ' + _size, wrapClassName)
      }, _react["default"].createElement("div", {
        className: "anticon"
      }, NoticeIcon), _react["default"].createElement("div", {
        className: "anticon-circle"
      }, title)) : _react["default"].createElement("div", {
        onMouseEnter: function onMouseEnter() {
          return enterActive(key);
        },
        onMouseLeave: function onMouseLeave() {
          return leaveActive(key);
        },
        className: (0, _classnames["default"])("uretail-notification-".concat(type), 'clearfix', wrapClassName, _size)
      }, _react["default"].createElement("div", {
        style: {
          "float": 'left'
        },
        className: "icon-count"
      }, NoticeIcon), _react["default"].createElement("div", {
        style: {
          "float": 'left'
        },
        className: "uretail-notice-count"
      }, _react["default"].createElement("div", {
        className: "long-title"
      }, title), _react["default"].createElement("div", {
        id: 'expand_count_' + key,
        style: {
          maxHeight: "32px"
        },
        className: "long-count"
      }, content)), type == 'error' && _react["default"].createElement("div", {
        className: "icon-count",
        style: {
          "textAlign": "right",
          "width": "54px",
          "paddingTop": "4px"
        }
      }, _react["default"].createElement("span", {
        className: "icon-text-close",
        onClick: function onClick() {
          notification.removeNotice(key);
        }
      }, "\u5173\u95ED"), expand && _react["default"].createElement("span", {
        id: 'expand_a_' + key,
        className: "icon-text-close",
        onClick: function onClick() {
          var _a = document.querySelector('#expand_a_' + key);

          var _b = document.querySelector('#expand_b_' + key);

          var _c = document.querySelector('#expand_count_' + key);

          if (_b.style.display == "none") {
            _a.style.display = "none";
            _b.style.display = "";
            _c.style.maxHeight = "";
          }
        }
      }, "\u5C55\u5F00"), expand && _react["default"].createElement("span", {
        id: 'expand_b_' + key,
        style: {
          display: "none"
        },
        className: "icon-text-close",
        onClick: function onClick() {
          var _a = document.querySelector('#expand_a_' + key);

          var _b = document.querySelector('#expand_b_' + key);

          var _c = document.querySelector('#expand_count_' + key);

          if (_b.style.display == "") {
            _a.style.display = "";
            _b.style.display = "none";
            _c.style.maxHeight = "32px";
          }
        }
      }, "\u6536\u8D77"))),
      key: key,
      duration: duration
    }, others));
  };
};

exports.UretailAlert = UretailAlert;

var UretailConfirm = function UretailConfirm(self, footerReversal) {
  return function () {
    var option = {
      title: '',
      content: '',
      onOk: noop,
      onCancel: noop,
      iconType: null,
      okText: '确定',
      cancelText: '取消',
      className: "uretail_confirm"
    };

    if ((0, _isPlainObject2["default"])(arguments.length <= 0 ? undefined : arguments[0]) && !_react["default"].isValidElement(arguments.length <= 0 ? undefined : arguments[0])) {
      option = (0, _extend2["default"])(option, arguments.length <= 0 ? undefined : arguments[0]);
    } else {
      option = (0, _extendWith2["default"])(option, {
        title: arguments.length <= 0 ? undefined : arguments[0],
        onOk: arguments.length <= 1 ? undefined : arguments[1],
        onCancel: arguments.length <= 2 ? undefined : arguments[2],
        content: arguments.length <= 3 ? undefined : arguments[3],
        okText: arguments.length <= 4 ? undefined : arguments[4],
        cancelText: arguments.length <= 5 ? undefined : arguments[5]
      }, function (objValue, srcValue) {
        return (0, _isUndefined2["default"])(srcValue) ? objValue : srcValue;
      });
    }

    var _option2 = option,
        title = _option2.title,
        others = (0, _objectWithoutProperties2["default"])(_option2, ["title"]);
    title = _react["default"].createElement("div", {
      className: "model-title"
    }, _react["default"].createElement("svg", {
      className: "icon",
      "aria-hidden": "true"
    }, _react["default"].createElement("use", {
      href: "#icon-tishi"
    })), title);

    if (self || cb.electron.getSharedObject()) {
      return (0, _Confirm["default"])(_objectSpread({
        title: title
      }, others, {
        footerReversal: footerReversal
      }));
    } else {
      return _baseui.Modal.confirm(_objectSpread({
        title: title
      }, others));
    }
  };
};

exports.UretailConfirm = UretailConfirm;
//# sourceMappingURL=UretailNotice.js.map