@mdsfe/mds-ui 0.3.0-12 → 0.3.0-14

package/dist/message.js

@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 97);
+/******/ 	return __webpack_require__(__webpack_require__.s = 100);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -492,528 +492,651 @@ function getScrollBarWidth() {
 
 /***/ }),
 
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
-
-/***/ }),
-
-/***/ 15:
+/***/ 100:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var _popup_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _popup_manager__WEBPACK_IMPORTED_MODULE_2__["a"]; });
-
-
-
-
-
-var idSeed = 1;
-
-var scrollBarWidth = void 0;
-
-/* harmony default export */ __webpack_exports__["b"] = ({
-  props: {
-    visibility: {
-      type: Boolean,
-      default: false
-    },
-    openDelay: {},
-    closeDelay: {},
-    zIndex: {},
-    modal: {
-      type: Boolean,
-      default: false
-    },
-    modalFade: {
-      type: Boolean,
-      default: true
-    },
-    modalClass: {},
-    modalAppendToBody: {
-      type: Boolean,
-      default: false
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: false
-    },
-    closeOnClickModal: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  beforeMount: function beforeMount() {
-    this._popupId = 'popup-' + idSeed++;
-    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].register(this._popupId, this);
-  },
-  beforeDestroy: function beforeDestroy() {
-    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].deregister(this._popupId);
-    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
-
-    this.restoreBodyStyle();
-  },
-  data: function data() {
-    return {
-      opened: false,
-      bodyPaddingRight: null,
-      computedBodyPaddingRight: 0,
-      withoutHiddenClass: true,
-      rendered: false
-    };
-  },
-
-
-  watch: {
-    visibility: function visibility(val) {
-      var _this = this;
-
-      if (val) {
-        if (this._opening) return;
-        if (!this.rendered) {
-          this.rendered = true;
-          vue__WEBPACK_IMPORTED_MODULE_0___default.a.nextTick(function () {
-            _this.open();
-          });
-        } else {
-          this.open();
-        }
-      } else {
-        this.close();
-      }
-    }
-  },
-
-  methods: {
-    open: function open(options) {
-      var _this2 = this;
-
-      if (!this.rendered) {
-        this.rendered = true;
-      }
-      var props = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* merge */ "e"])({}, this.$props || this, options);
-
-      if (this._closeTimer) {
-        clearTimeout(this._closeTimer);
-        this._closeTimer = null;
-      }
-      clearTimeout(this._openTimer);
-
-      var openDelay = Number(props.openDelay);
-      if (openDelay > 0) {
-        this._openTimer = setTimeout(function () {
-          _this2._openTimer = null;
-          _this2.doOpen(props);
-        }, openDelay);
-      } else {
-        this.doOpen(props);
-      }
-    },
-    doOpen: function doOpen(props) {
-      if (this.$isServer) return;
-      if (this.willOpen && !this.willOpen()) return;
-      if (this.opened) return;
-
-      this._opening = true;
-
-      var dom = this.$el;
-
-      var modal = props.modal;
-
-      var zIndex = props.zIndex;
-      if (zIndex) {
-        _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].zIndex = zIndex;
-      }
-
-      if (modal) {
-        if (this._closing) {
-          _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
-          this._closing = false;
-        }
-        _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].openModal(this._popupId, _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
-        if (props.lockScroll) {
-          this.withoutHiddenClass = !Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* hasClass */ "d"])(document.body, 'mds-popup-parent--hidden');
-          if (this.withoutHiddenClass) {
-            this.bodyPaddingRight = document.body.style.paddingRight;
-            this.computedBodyPaddingRight = parseInt(Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'paddingRight'), 10);
-          }
-          scrollBarWidth = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getScrollBarWidth */ "b"])();
-          var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-          var bodyOverflowY = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'overflowY');
-          if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
-            document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
-          }
-          Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(document.body, 'mds-popup-parent--hidden');
-        }
-      }
-
-      if (getComputedStyle(dom).position === 'static') {
-        dom.style.position = 'absolute';
-      }
-
-      dom.style.zIndex = _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex();
-      this.opened = true;
-
-      this.onOpen && this.onOpen();
-
-      this.doAfterOpen();
-    },
-    doAfterOpen: function doAfterOpen() {
-      this._opening = false;
-    },
-    close: function close() {
-      var _this3 = this;
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-      if (this.willClose && !this.willClose()) return;
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(2);
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
 
-      if (this._openTimer !== null) {
-        clearTimeout(this._openTimer);
-        this._openTimer = null;
-      }
-      clearTimeout(this._closeTimer);
+// EXTERNAL MODULE: ./components/message/style/index.less
+var style = __webpack_require__(199);
 
-      var closeDelay = Number(this.closeDelay);
+// CONCATENATED MODULE: ./components/message/style/index.js
 
-      if (closeDelay > 0) {
-        this._closeTimer = setTimeout(function () {
-          _this3._closeTimer = null;
-          _this3.doClose();
-        }, closeDelay);
-      } else {
-        this.doClose();
-      }
-    },
-    doClose: function doClose() {
-      this._closing = true;
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=template&id=6bac7792&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { class: _vm.prefixCls, style: _vm.styles })
+}
+var staticRenderFns = []
+render._withStripped = true
 
-      this.onClose && this.onClose();
 
-      if (this.lockScroll) {
-        setTimeout(this.restoreBodyStyle, 200);
-      }
+// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=template&id=6bac7792&
 
-      this.opened = false;
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=script&lang=js&
+//
+//
+//
+//
 
-      this.doAfterClose();
-    },
-    doAfterClose: function doAfterClose() {
-      _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
-      this._closing = false;
+/* harmony default export */ var message_boxvue_type_script_lang_js_ = ({
+  name: 'MdsMessageBox',
+  props: {
+    prefixCls: {
+      type: String,
+      default: 'mds-message-box'
     },
-    restoreBodyStyle: function restoreBodyStyle() {
-      if (this.modal && this.withoutHiddenClass) {
-        document.body.style.paddingRight = this.bodyPaddingRight;
-        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(document.body, 'mds-popup-parent--hidden');
+    styles: {
+      type: Object,
+      default: function _default() {
+        return {};
       }
-      this.withoutHiddenClass = true;
     }
   }
 });
+// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=script&lang=js&
+ /* harmony default export */ var message_message_boxvue_type_script_lang_js_ = (message_boxvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
+// CONCATENATED MODULE: ./components/message/message-box.vue
 
 
-/***/ }),
-
-/***/ 196:
-/***/ (function(module, exports) {
 
-// removed by extract-text-webpack-plugin
 
-/***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
+/* normalize component */
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+var component = Object(componentNormalizer["a" /* default */])(
+  message_message_boxvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "components/message/message-box.vue"
+/* harmony default export */ var message_box = (component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=template&id=dc37dbd8&
+var messagevue_type_template_id_dc37dbd8_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.visible,
+          expression: "visible",
+        },
+      ],
+      class: _vm.prefixCls + "-notice",
+    },
+    [
+      _c(
+        "div",
+        {
+          class: [{ link: _vm.showLink }, _vm.prefixCls + "-notice-content"],
+          style: _vm.defaultStyle,
+        },
+        [
+          _c(
+            "div",
+            {
+              class: _vm.prefixCls + "-" + _vm.type,
+              on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
+            },
+            [
+              _vm.type === "loading"
+                ? [
+                    _c("mds-icon", {
+                      staticStyle: { fontsize: "16px", "margin-right": "5px" },
+                      attrs: { type: _vm.iconType, spin: "" },
+                    }),
+                  ]
+                : [
+                    _c("mds-icon", {
+                      staticStyle: { fontsize: "16px", "margin-right": "5px" },
+                      attrs: { type: _vm.iconType },
+                    }),
+                  ],
+              _c("span", [_vm._v(_vm._s(_vm.content))]),
+            ],
+            2
+          ),
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.showClose && !_vm.showLink,
+                  expression: "showClose && !showLink",
+                },
+              ],
+              class: _vm.prefixCls + "-close",
+              on: { click: _vm.handleClose },
+            },
+            [_c("mds-icon", { attrs: { type: "line-close" } })],
+            1
+          ),
+          _c(
+            "a",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: _vm.showLink,
+                  expression: "showLink",
+                },
+              ],
+              class: [
+                _vm.prefixCls + "-" + _vm.type + "-link",
+                _vm.prefixCls + "-link",
+              ],
+              attrs: { href: _vm.showLink },
+            },
+            [_vm._v("查看信息")]
+          ),
+        ]
+      ),
+    ]
+  )
+}
+var messagevue_type_template_id_dc37dbd8_staticRenderFns = []
+messagevue_type_template_id_dc37dbd8_render._withStripped = true
 
 
-var hasModal = false;
-var hasInitZIndex = false;
-var zIndex = void 0;
+// CONCATENATED MODULE: ./components/message/message.vue?vue&type=template&id=dc37dbd8&
 
-var getModal = function getModal() {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-  var modalDom = PopupManager.modalDom;
-  if (modalDom) {
-    hasModal = true;
-  } else {
-    hasModal = false;
-    modalDom = document.createElement('div');
-    PopupManager.modalDom = modalDom;
+// EXTERNAL MODULE: external "./button"
+var external_button_ = __webpack_require__(14);
+var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
-    modalDom.addEventListener('touchmove', function (event) {
-      event.preventDefault();
-      event.stopPropagation();
-    });
+// EXTERNAL MODULE: external "./icon"
+var external_icon_ = __webpack_require__(7);
+var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
-    modalDom.addEventListener('click', function () {
-      PopupManager.doOnModalClick && PopupManager.doOnModalClick();
-    });
+// CONCATENATED MODULE: ./components/message/props.js
+/* harmony default export */ var props = ({
+  props: {
+    content: {
+      default: ''
+    },
+    duration: {
+      type: Number,
+      default: 3
+    },
+    onClose: {
+      type: Function,
+      default: function _default() {}
+    },
+    prefixCls: {
+      type: String,
+      default: 'mds-message'
+    },
+    type: {
+      type: String,
+      validator: function validator(value) {
+        // 这个值必须匹配下列字符串中的一个
+        return ['info', 'success', 'error', 'warning', 'loading'].indexOf(value) !== -1;
+      },
+      default: 'info'
+    },
+    showClose: {
+      type: Boolean,
+      default: false
+    },
+    showLink: {
+      type: String,
+      default: ''
+    }
   }
+});
+// EXTERNAL MODULE: ./components/_util/_popper/popup/popup-main.js
+var popup_main = __webpack_require__(15);
 
-  return modalDom;
-};
-
-var instances = {};
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-var PopupManager = {
-  modalFade: true,
 
-  getInstance: function getInstance(id) {
-    return instances[id];
-  },
 
-  register: function register(id, instance) {
-    if (id && instance) {
-      instances[id] = instance;
-    }
-  },
 
-  deregister: function deregister(id) {
-    if (id) {
-      instances[id] = null;
-      delete instances[id];
-    }
-  },
 
-  nextZIndex: function nextZIndex() {
-    return PopupManager.zIndex++;
+var ICONTYPES = {
+  info: 'line-info-circle',
+  success: 'fill-solid-right-circle',
+  error: 'fill-solid-wrong-circle',
+  warning: 'fill-solid-exclamation-circle',
+  loading: 'line-spinner'
+};
+/* harmony default export */ var messagevue_type_script_lang_js_ = ({
+  name: 'MdsMessage',
+  mixins: [props],
+  data: function data() {
+    return {
+      visible: false,
+      closed: false,
+      timer: null,
+      test: false
+    };
   },
 
-  modalStack: [],
-
-  doOnModalClick: function doOnModalClick() {
-    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topItem) return;
-
-    var instance = PopupManager.getInstance(topItem.id);
-    if (instance && instance.closeOnClickModal) {
-      instance.close();
+  computed: {
+    durationMS: function durationMS() {
+      return this.duration * 1000;
+    },
+    iconType: function iconType() {
+      return ICONTYPES[this.type];
+    },
+    defaultStyle: function defaultStyle() {
+      return this.style;
     }
   },
-
-  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
-    if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-    if (!id || zIndex === undefined) return;
-    this.modalFade = modalFade;
-
-    var modalStack = this.modalStack;
-
-    for (var i = 0, j = modalStack.length; i < j; i++) {
-      var item = modalStack[i];
-      if (item.id === id) {
-        return;
+  components: { MdsIcon: external_icon_default.a, MdsButton: external_button_default.a },
+  watch: {
+    closed: function closed(newVal) {
+      if (newVal) {
+        this.visible = false;
       }
     }
-
-    var modalDom = getModal();
-
-    Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal');
-    if (this.modalFade && !hasModal) {
-      Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-enter');
-    }
-    if (modalClass) {
-      var classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach(function (item) {
-        return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, item);
-      });
-    }
-    setTimeout(function () {
-      Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-enter');
-    }, 200);
-
-    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-      dom.parentNode.appendChild(modalDom);
-    } else {
-      document.body.appendChild(modalDom);
-    }
-
-    if (zIndex) {
-      modalDom.style.zIndex = zIndex;
-    }
-    modalDom.tabIndex = 0;
-    modalDom.style.display = '';
-
-    this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
   },
+  methods: {
+    /**
+     * @description: 销毁
+     * @param {type}
+     * @return:
+     */
 
-  closeModal: function closeModal(id) {
-    var modalStack = this.modalStack;
-    var modalDom = getModal();
+    destroyElement: function destroyElement() {
+      this.$destroy(true);
+      this.closed = true;
+      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    },
 
-    if (modalStack.length > 0) {
-      var topItem = modalStack[modalStack.length - 1];
-      if (topItem.id === id) {
-        if (topItem.modalClass) {
-          var classArr = topItem.modalClass.trim().split(/\s+/);
-          classArr.forEach(function (item) {
-            return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, item);
-          });
-        }
+    /**
+     * @description: 关闭
+     * @param {type}
+     * @return:
+     */
 
-        modalStack.pop();
-        if (modalStack.length > 0) {
-          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
-        }
-      } else {
-        for (var i = modalStack.length - 1; i >= 0; i--) {
-          if (modalStack[i].id === id) {
-            modalStack.splice(i, 1);
-            break;
-          }
-        }
-      }
-    }
+    handleClose: function handleClose() {
+      this.closed = true;
+      this.onClose();
+      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    },
+
+    /**
+     * @description: 清除setTimeout计时
+     * @param {type}
+     * @return:
+     */
+    clearTimer: function clearTimer() {
+      clearTimeout(this.timer);
+      this.test = true;
+    },
 
-    if (modalStack.length === 0) {
-      if (this.modalFade) {
-        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-leave');
-      }
-      setTimeout(function () {
-        if (modalStack.length === 0) {
-          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-          modalDom.style.display = 'none';
-          PopupManager.modalDom = undefined;
-        }
-        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-leave');
-      }, 200);
-    }
-  }
-};
+    /**
+     * @description:
+     * @param {type} 开始计时删除
+     * @return:
+     */
+    startTimer: function startTimer() {
+      var _this = this;
 
-Object.defineProperty(PopupManager, 'zIndex', {
-  configurable: true,
-  get: function get() {
-    if (!hasInitZIndex) {
-      zIndex = zIndex || (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$ELEMENT || {}).zIndex || 2000;
-      hasInitZIndex = true;
+      this.test = false;
+      if (this.duration > 0) {
+        this.timer = setTimeout(function () {
+          if (!_this.closed) {
+            _this.handleClose();
+          }
+        }, this.durationMS);
+      }
     }
-    return zIndex;
   },
-  set: function set(value) {
-    zIndex = value;
-  }
-});
-
-var getTopPopup = function getTopPopup() {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-  if (PopupManager.modalStack.length > 0) {
-    var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topPopup) return;
-    var instance = PopupManager.getInstance(topPopup.id);
+  mounted: function mounted() {
+    var _this2 = this;
 
-    return instance;
+    this.startTimer();
+    this.$nextTick(function () {
+      var dom = _this2.$el.parentElement;
+      dom.style.zIndex = popup_main["a" /* PopupMain */].nextZIndex();
+    });
   }
-};
+});
+// CONCATENATED MODULE: ./components/message/message.vue?vue&type=script&lang=js&
+ /* harmony default export */ var message_messagevue_type_script_lang_js_ = (messagevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/message/message.vue
 
-if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
-  // handle `esc` key when the popup is shown
-  window.addEventListener('keydown', function (event) {
-    if (event.keyCode === 27) {
-      var topPopup = getTopPopup();
 
-      if (topPopup && topPopup.closeOnPressEscape) {
-        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
-      }
-    }
-  });
-}
 
-/* harmony default export */ __webpack_exports__["a"] = (PopupManager);
 
-/***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
+/* normalize component */
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
+var message_component = Object(componentNormalizer["a" /* default */])(
+  message_messagevue_type_script_lang_js_,
+  messagevue_type_template_id_dc37dbd8_render,
+  messagevue_type_template_id_dc37dbd8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-/***/ }),
+/* hot reload */
+if (false) { var message_api; }
+message_component.options.__file = "components/message/message.vue"
+/* harmony default export */ var message = (message_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
+var message_sizevue_type_template_id_8e7dc96c_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.visible,
+          expression: "visible",
+        },
+      ],
+      class: _vm.prefixCls + "-notice",
+    },
+    [
+      _c("div", { class: _vm.prefixCls + "-notice-content" }, [
+        _c(
+          "div",
+          {
+            class:
+              _vm.prefixCls +
+              "-" +
+              _vm.type +
+              " " +
+              _vm.prefixCls +
+              "-" +
+              _vm.type +
+              "-size",
+            on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
+          },
+          [
+            _c(
+              "div",
+              { class: _vm.prefixCls + "-" + _vm.type + "-size-title" },
+              [
+                _c("mds-icon", {
+                  class: _vm.prefixCls + "-" + _vm.type + "-size-icon",
+                  attrs: { type: _vm.iconType },
+                }),
+                _c("span", [_vm._v(_vm._s(_vm.title || _vm.defaultTitle))]),
+              ],
+              1
+            ),
+            _c(
+              "div",
+              { class: _vm.prefixCls + "-" + _vm.type + "-size-content" },
+              [_vm._v(_vm._s(_vm.content))]
+            ),
+          ]
+        ),
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.showClose && !_vm.showLink,
+                expression: "showClose && !showLink",
+              },
+            ],
+            class: _vm.prefixCls + "-close",
+            on: { click: _vm.handleClose },
+          },
+          [_c("mds-icon", { attrs: { type: "line-close" } })],
+          1
+        ),
+        _c(
+          "a",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.showLink,
+                expression: "showLink",
+              },
+            ],
+            class: _vm.prefixCls + "-link",
+            attrs: { href: _vm.showLink },
+          },
+          [_vm._v("查看信息")]
+        ),
+      ]),
+    ]
+  )
+}
+var message_sizevue_type_template_id_8e7dc96c_staticRenderFns = []
+message_sizevue_type_template_id_8e7dc96c_render._withStripped = true
 
-/***/ 9:
-/***/ (function(module, exports) {
 
-module.exports = require("babel-runtime/helpers/typeof");
+// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
 
-/***/ }),
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-/***/ 97:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
 
-// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(2);
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
+var message_sizevue_type_script_lang_js_ICONTYPES = {
+  info: 'line-info-circle',
+  success: 'fill-solid-right-circle',
+  error: 'fill-solid-wrong-circle',
+  warning: 'fill-solid-exclamation-circle',
+  loading: 'line-sync',
+  help: 'line-info-circle'
+};
+var TITLETYPES = {
+  info: '信息',
+  success: '已成功',
+  error: '出错啦',
+  warning: '请注意',
+  help: '帮助信息'
+};
+/* harmony default export */ var message_sizevue_type_script_lang_js_ = ({
+  name: 'MdsMessageSize',
+  mixins: [props],
+  props: {
+    title: {
+      type: String,
+      default: '请注意'
+    }
+  },
+  data: function data() {
+    return {
+      visible: false,
+      closed: false,
+      timer: null,
+      test: false
+    };
+  },
 
-// EXTERNAL MODULE: ./components/message/style/index.less
-var style = __webpack_require__(196);
+  computed: {
+    durationMS: function durationMS() {
+      return this.duration * 1000;
+    },
+    iconType: function iconType() {
+      return this.type && message_sizevue_type_script_lang_js_ICONTYPES[this.type] ? message_sizevue_type_script_lang_js_ICONTYPES[this.type] : 'line-info-circle';
+    },
+    defaultTitle: function defaultTitle() {
+      return this.type && TITLETYPES[this.type] ? TITLETYPES[this.type] : '请注意';
+    }
+  },
+  components: {
+    MdsIcon: external_icon_default.a
+  },
+  watch: {
+    closed: function closed(newVal) {
+      if (newVal) {
+        this.visible = false;
+        this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+      }
+    }
+  },
+  methods: {
+    /**
+     * @description: 销毁
+     * @param {type}
+     * @return:
+     */
 
-// CONCATENATED MODULE: ./components/message/style/index.js
+    destroyElement: function destroyElement() {
+      this.closed = true;
+      this.$destroy(true);
+      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    },
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=template&id=6bac7792&
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { class: _vm.prefixCls, style: _vm.styles })
-}
-var staticRenderFns = []
-render._withStripped = true
+    /**
+     * @description: 关闭
+     * @param {type}
+     * @return:
+     */
 
+    handleClose: function handleClose() {
+      this.closed = true;
+      this.onClose();
+    },
 
-// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=template&id=6bac7792&
+    /**
+     * @description: 清除setTimeout计时
+     * @param {type}
+     * @return:
+     */
+    clearTimer: function clearTimer() {
+      this.test = true;
+      clearTimeout(this.timer);
+    },
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-box.vue?vue&type=script&lang=js&
-//
-//
-//
-//
+    /**
+     * @description:
+     * @param {type} 开始计时删除
+     * @return:
+     */
+    startTimer: function startTimer() {
+      var _this = this;
 
-/* harmony default export */ var message_boxvue_type_script_lang_js_ = ({
-  name: 'MdsMessageBox',
-  props: {
-    prefixCls: {
-      type: String,
-      default: 'mds-message-box'
-    },
-    styles: {
-      type: Object,
-      default: function _default() {
-        return {};
+      this.test = false;
+      if (this.duration > 0) {
+        this.timer = setTimeout(function () {
+          if (!_this.closed) {
+            _this.handleClose();
+          }
+        }, this.durationMS);
       }
     }
+  },
+  mounted: function mounted() {
+    this.startTimer();
   }
 });
-// CONCATENATED MODULE: ./components/message/message-box.vue?vue&type=script&lang=js&
- /* harmony default export */ var message_message_boxvue_type_script_lang_js_ = (message_boxvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./components/message/message-box.vue
+// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=script&lang=js&
+ /* harmony default export */ var message_message_sizevue_type_script_lang_js_ = (message_sizevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/message/message-size.vue
 
 
 
@@ -1021,10 +1144,10 @@ var componentNormalizer = __webpack_require__(0);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
-  message_message_boxvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
+var message_size_component = Object(componentNormalizer["a" /* default */])(
+  message_message_sizevue_type_script_lang_js_,
+  message_sizevue_type_template_id_8e7dc96c_render,
+  message_sizevue_type_template_id_8e7dc96c_staticRenderFns,
   false,
   null,
   null,
@@ -1033,731 +1156,608 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* hot reload */
-if (false) { var api; }
-component.options.__file = "components/message/message-box.vue"
-/* harmony default export */ var message_box = (component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=template&id=dc37dbd8&
-var messagevue_type_template_id_dc37dbd8_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      directives: [
-        {
-          name: "show",
-          rawName: "v-show",
-          value: _vm.visible,
-          expression: "visible",
-        },
-      ],
-      class: _vm.prefixCls + "-notice",
-    },
-    [
-      _c(
-        "div",
-        {
-          class: [{ link: _vm.showLink }, _vm.prefixCls + "-notice-content"],
-          style: _vm.defaultStyle,
-        },
-        [
-          _c(
-            "div",
-            {
-              class: _vm.prefixCls + "-" + _vm.type,
-              on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
-            },
-            [
-              _vm.type === "loading"
-                ? [
-                    _c("mds-icon", {
-                      staticStyle: { fontsize: "16px", "margin-right": "5px" },
-                      attrs: { type: _vm.iconType, spin: "" },
-                    }),
-                  ]
-                : [
-                    _c("mds-icon", {
-                      staticStyle: { fontsize: "16px", "margin-right": "5px" },
-                      attrs: { type: _vm.iconType },
-                    }),
-                  ],
-              _c("span", [_vm._v(_vm._s(_vm.content))]),
-            ],
-            2
-          ),
-          _c(
-            "div",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.showClose && !_vm.showLink,
-                  expression: "showClose && !showLink",
-                },
-              ],
-              class: _vm.prefixCls + "-close",
-              on: { click: _vm.handleClose },
-            },
-            [_c("mds-icon", { attrs: { type: "line-close" } })],
-            1
-          ),
-          _c(
-            "a",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.showLink,
-                  expression: "showLink",
-                },
-              ],
-              class: [
-                _vm.prefixCls + "-" + _vm.type + "-link",
-                _vm.prefixCls + "-link",
-              ],
-              attrs: { href: _vm.showLink },
-            },
-            [_vm._v("查看信息")]
-          ),
-        ]
-      ),
-    ]
-  )
-}
-var messagevue_type_template_id_dc37dbd8_staticRenderFns = []
-messagevue_type_template_id_dc37dbd8_render._withStripped = true
+if (false) { var message_size_api; }
+message_size_component.options.__file = "components/message/message-size.vue"
+/* harmony default export */ var message_size = (message_size_component.exports);
+// CONCATENATED MODULE: ./components/message/index.js
+
+/*
+ * @Descripttion:
+ * @version:
+ * @Author: liangshuang
+ */
 
 
-// CONCATENATED MODULE: ./components/message/message.vue?vue&type=template&id=dc37dbd8&
 
-// EXTERNAL MODULE: external "./button"
-var external_button_ = __webpack_require__(14);
-var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
-// EXTERNAL MODULE: external "./icon"
-var external_icon_ = __webpack_require__(7);
-var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
-// CONCATENATED MODULE: ./components/message/props.js
-/* harmony default export */ var props = ({
-  props: {
-    content: {
-      default: ''
-    },
-    duration: {
-      type: Number,
-      default: 3
-    },
-    onClose: {
-      type: Function,
-      default: function _default() {}
-    },
-    prefixCls: {
-      type: String,
-      default: 'mds-message'
-    },
-    type: {
-      type: String,
-      validator: function validator(value) {
-        // 这个值必须匹配下列字符串中的一个
-        return ['info', 'success', 'error', 'warning', 'loading'].indexOf(value) !== -1;
-      },
-      default: 'info'
-    },
-    showClose: {
-      type: Boolean,
-      default: false
-    },
-    showLink: {
-      type: String,
-      default: ''
+
+
+var MessageBoxConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_box);
+var MessageConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message);
+var MessageSizeConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_size);
+var boxInstance = void 0;
+var boxEl = void 0;
+var messageInstances = []; // 存放当前未close的message
+var seed = 1;
+var prefixCls = 'mds-message'; // class前缀
+var defaultTop = 24; //  距离头部高度
+var defaultDuration = 3; // 默认延时
+var getContainer = void 0;
+var defaultShowClose = false;
+
+var getBoxEl = function getBoxEl() {
+  boxInstance = boxInstance || new MessageBoxConstructor({
+    propsData: {
+      prefixCls: prefixCls,
+      styles: { top: defaultTop + 'px' }
+    }
+  });
+  boxInstance.vm = boxInstance.$mount();
+  boxEl = boxInstance.vm.$el;
+  if (getContainer) {
+    getContainer().appendChild(boxInstance.vm.$el);
+  } else {
+    document.body.appendChild(boxInstance.vm.$el);
+  }
+  return boxEl;
+};
+
+var notice = function notice(options) {
+  var boxEl = getBoxEl();
+  var id = '' + prefixCls + seed++;
+  var userOnClose = options.onClose || ''; // 用来存放用户设置关闭时的回调函数, 参数为被关闭的 message 实例
+  options.onClose = function () {
+    message_close(id, userOnClose);
+  };
+  options.showClose = options.showClose !== undefined ? options.showClose : defaultShowClose;
+  options.duration = options.duration !== undefined ? options.duration : defaultDuration;
+  options.type = ['info', 'success', 'error', 'warning', 'loading', 'help'].includes(options.type) ? options.type : 'info';
+  var messageInstance = void 0;
+  if (options.size) {
+    messageInstance = new MessageSizeConstructor({
+      propsData: options
+    });
+  } else {
+    messageInstance = new MessageConstructor({
+      propsData: options
+    });
+  }
+
+  messageInstance.id = id;
+  messageInstance.vm = messageInstance.$mount();
+  boxEl.appendChild(messageInstance.vm.$el);
+  messageInstance.vm.visible = true;
+  messageInstances.push(messageInstance);
+
+  return function () {
+    messageInstance.vm.visible = false;
+  };
+};
+
+var message_close = function close(id, userOnClose) {
+  for (var i = 0, len = messageInstances.length; i < len; i++) {
+    if (id === messageInstances[i].id) {
+      if (typeof userOnClose === 'function') {
+        userOnClose(messageInstances[i]);
+      }
+      messageInstances.splice(i, 1);
+      break;
     }
   }
+};
+var MdsMessage = function MdsMessage(options) {
+  options = options || {};
+  if (typeof options === 'string') {
+    options = {
+      content: options
+    };
+  }
+  return notice(options);
+};
+['success', 'error', 'info', 'warn', 'warning', 'loading'].forEach(function (type) {
+  MdsMessage[type] = function (options) {
+    if (typeof options === 'string') {
+      options = {
+        content: options
+      };
+    }
+    options.type = type;
+    return notice(options);
+  };
 });
-// EXTERNAL MODULE: ./components/_util/_popper/popup/popup-main.js
-var popup_main = __webpack_require__(15);
+MdsMessage.config = function (options) {
+  if (options.top !== undefined) {
+    defaultTop = options.top;
+    boxInstance = null;
+  }
+  if (options.duration !== undefined) {
+    defaultDuration = options.duration;
+  }
+  if (options.prefixCls !== undefined) {
+    prefixCls = options.prefixCls;
+  }
+  if (options.getContainer !== undefined) {
+    getContainer = options.getContainer;
+  }
+  if (options.showClose !== undefined) {
+    defaultShowClose = options.showClose;
+  }
+};
+MdsMessage.destroy = function () {
+  if (boxInstance) {
+    boxInstance.vm.$destroy(true);
+    boxEl.parentNode.removeChild(boxEl);
+  }
+  boxInstance = null;
+};
+/* harmony default export */ var components_message = __webpack_exports__["default"] = (MdsMessage);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+/***/ }),
 
+/***/ 14:
+/***/ (function(module, exports) {
 
+module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
 
+/***/ }),
 
+/***/ 15:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-var ICONTYPES = {
-  info: 'line-info-circle',
-  success: 'fill-solid-right-circle',
-  error: 'fill-solid-wrong-circle',
-  warning: 'fill-solid-exclamation-circle',
-  loading: 'line-spinner'
-};
-/* harmony default export */ var messagevue_type_script_lang_js_ = ({
-  name: 'MdsMessage',
-  mixins: [props],
-  data: function data() {
-    return {
-      visible: false,
-      closed: false,
-      timer: null,
-      test: false
-    };
-  },
+"use strict";
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var _popup_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _popup_manager__WEBPACK_IMPORTED_MODULE_2__["a"]; });
 
-  computed: {
-    durationMS: function durationMS() {
-      return this.duration * 1000;
+
+
+
+
+var idSeed = 1;
+
+var scrollBarWidth = void 0;
+
+/* harmony default export */ __webpack_exports__["b"] = ({
+  props: {
+    visibility: {
+      type: Boolean,
+      default: false
     },
-    iconType: function iconType() {
-      return ICONTYPES[this.type];
+    openDelay: {},
+    closeDelay: {},
+    zIndex: {},
+    modal: {
+      type: Boolean,
+      default: false
     },
-    defaultStyle: function defaultStyle() {
-      return this.style;
-    }
-  },
-  components: { MdsIcon: external_icon_default.a, MdsButton: external_button_default.a },
-  watch: {
-    closed: function closed(newVal) {
-      if (newVal) {
-        this.visible = false;
-      }
+    modalFade: {
+      type: Boolean,
+      default: true
+    },
+    modalClass: {},
+    modalAppendToBody: {
+      type: Boolean,
+      default: false
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: false
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
     }
   },
-  methods: {
-    /**
-     * @description: 销毁
-     * @param {type}
-     * @return:
-     */
-
-    destroyElement: function destroyElement() {
-      this.$destroy(true);
-      this.closed = true;
-      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
-    },
 
-    /**
-     * @description: 关闭
-     * @param {type}
-     * @return:
-     */
+  beforeMount: function beforeMount() {
+    this._popupId = 'popup-' + idSeed++;
+    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].register(this._popupId, this);
+  },
+  beforeDestroy: function beforeDestroy() {
+    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].deregister(this._popupId);
+    _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
 
-    handleClose: function handleClose() {
-      this.closed = true;
-      this.onClose();
-      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
-    },
+    this.restoreBodyStyle();
+  },
+  data: function data() {
+    return {
+      opened: false,
+      bodyPaddingRight: null,
+      computedBodyPaddingRight: 0,
+      withoutHiddenClass: true,
+      rendered: false
+    };
+  },
 
-    /**
-     * @description: 清除setTimeout计时
-     * @param {type}
-     * @return:
-     */
-    clearTimer: function clearTimer() {
-      clearTimeout(this.timer);
-      this.test = true;
-    },
 
-    /**
-     * @description:
-     * @param {type} 开始计时删除
-     * @return:
-     */
-    startTimer: function startTimer() {
+  watch: {
+    visibility: function visibility(val) {
       var _this = this;
 
-      this.test = false;
-      if (this.duration > 0) {
-        this.timer = setTimeout(function () {
-          if (!_this.closed) {
-            _this.handleClose();
-          }
-        }, this.durationMS);
+      if (val) {
+        if (this._opening) return;
+        if (!this.rendered) {
+          this.rendered = true;
+          vue__WEBPACK_IMPORTED_MODULE_0___default.a.nextTick(function () {
+            _this.open();
+          });
+        } else {
+          this.open();
+        }
+      } else {
+        this.close();
       }
     }
   },
-  mounted: function mounted() {
-    var _this2 = this;
 
-    this.startTimer();
-    this.$nextTick(function () {
-      var dom = _this2.$el.parentElement;
-      dom.style.zIndex = popup_main["a" /* PopupMain */].nextZIndex();
-    });
-  }
-});
-// CONCATENATED MODULE: ./components/message/message.vue?vue&type=script&lang=js&
- /* harmony default export */ var message_messagevue_type_script_lang_js_ = (messagevue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/message/message.vue
+  methods: {
+    open: function open(options) {
+      var _this2 = this;
 
+      if (!this.rendered) {
+        this.rendered = true;
+      }
+      var props = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* merge */ "e"])({}, this.$props || this, options);
 
+      if (this._closeTimer) {
+        clearTimeout(this._closeTimer);
+        this._closeTimer = null;
+      }
+      clearTimeout(this._openTimer);
 
+      var openDelay = Number(props.openDelay);
+      if (openDelay > 0) {
+        this._openTimer = setTimeout(function () {
+          _this2._openTimer = null;
+          _this2.doOpen(props);
+        }, openDelay);
+      } else {
+        this.doOpen(props);
+      }
+    },
+    doOpen: function doOpen(props) {
+      if (this.$isServer) return;
+      if (this.willOpen && !this.willOpen()) return;
+      if (this.opened) return;
 
+      this._opening = true;
 
-/* normalize component */
+      var dom = this.$el;
 
-var message_component = Object(componentNormalizer["a" /* default */])(
-  message_messagevue_type_script_lang_js_,
-  messagevue_type_template_id_dc37dbd8_render,
-  messagevue_type_template_id_dc37dbd8_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+      var modal = props.modal;
 
-/* hot reload */
-if (false) { var message_api; }
-message_component.options.__file = "components/message/message.vue"
-/* harmony default export */ var message = (message_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
-var message_sizevue_type_template_id_8e7dc96c_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "div",
-    {
-      directives: [
-        {
-          name: "show",
-          rawName: "v-show",
-          value: _vm.visible,
-          expression: "visible",
-        },
-      ],
-      class: _vm.prefixCls + "-notice",
-    },
-    [
-      _c("div", { class: _vm.prefixCls + "-notice-content" }, [
-        _c(
-          "div",
-          {
-            class:
-              _vm.prefixCls +
-              "-" +
-              _vm.type +
-              " " +
-              _vm.prefixCls +
-              "-" +
-              _vm.type +
-              "-size",
-            on: { mouseenter: _vm.clearTimer, mouseleave: _vm.startTimer },
-          },
-          [
-            _c(
-              "div",
-              { class: _vm.prefixCls + "-" + _vm.type + "-size-title" },
-              [
-                _c("mds-icon", {
-                  class: _vm.prefixCls + "-" + _vm.type + "-size-icon",
-                  attrs: { type: _vm.iconType },
-                }),
-                _c("span", [_vm._v(_vm._s(_vm.title || _vm.defaultTitle))]),
-              ],
-              1
-            ),
-            _c(
-              "div",
-              { class: _vm.prefixCls + "-" + _vm.type + "-size-content" },
-              [_vm._v(_vm._s(_vm.content))]
-            ),
-          ]
-        ),
-        _c(
-          "div",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: _vm.showClose && !_vm.showLink,
-                expression: "showClose && !showLink",
-              },
-            ],
-            class: _vm.prefixCls + "-close",
-            on: { click: _vm.handleClose },
-          },
-          [_c("mds-icon", { attrs: { type: "line-close" } })],
-          1
-        ),
-        _c(
-          "a",
-          {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: _vm.showLink,
-                expression: "showLink",
-              },
-            ],
-            class: _vm.prefixCls + "-link",
-            attrs: { href: _vm.showLink },
-          },
-          [_vm._v("查看信息")]
-        ),
-      ]),
-    ]
-  )
-}
-var message_sizevue_type_template_id_8e7dc96c_staticRenderFns = []
-message_sizevue_type_template_id_8e7dc96c_render._withStripped = true
+      var zIndex = props.zIndex;
+      if (zIndex) {
+        _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].zIndex = zIndex;
+      }
+
+      if (modal) {
+        if (this._closing) {
+          _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
+          this._closing = false;
+        }
+        _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].openModal(this._popupId, _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
+        if (props.lockScroll) {
+          this.withoutHiddenClass = !Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* hasClass */ "d"])(document.body, 'mds-popup-parent--hidden');
+          if (this.withoutHiddenClass) {
+            this.bodyPaddingRight = document.body.style.paddingRight;
+            this.computedBodyPaddingRight = parseInt(Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'paddingRight'), 10);
+          }
+          scrollBarWidth = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getScrollBarWidth */ "b"])();
+          var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
+          var bodyOverflowY = Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* getStyle */ "c"])(document.body, 'overflowY');
+          if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
+            document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
+          }
+          Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(document.body, 'mds-popup-parent--hidden');
+        }
+      }
 
+      if (getComputedStyle(dom).position === 'static') {
+        dom.style.position = 'absolute';
+      }
 
-// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=template&id=8e7dc96c&
+      dom.style.zIndex = _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].nextZIndex();
+      this.opened = true;
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/message/message-size.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+      this.onOpen && this.onOpen();
 
+      this.doAfterOpen();
+    },
+    doAfterOpen: function doAfterOpen() {
+      this._opening = false;
+    },
+    close: function close() {
+      var _this3 = this;
 
+      if (this.willClose && !this.willClose()) return;
 
-var message_sizevue_type_script_lang_js_ICONTYPES = {
-  info: 'line-info-circle',
-  success: 'fill-solid-right-circle',
-  error: 'fill-solid-wrong-circle',
-  warning: 'fill-solid-exclamation-circle',
-  loading: 'line-sync',
-  help: 'line-info-circle'
-};
-var TITLETYPES = {
-  info: '信息',
-  success: '已成功',
-  error: '出错啦',
-  warning: '请注意',
-  help: '帮助信息'
-};
-/* harmony default export */ var message_sizevue_type_script_lang_js_ = ({
-  name: 'MdsMessageSize',
-  mixins: [props],
-  props: {
-    title: {
-      type: String,
-      default: '请注意'
-    }
-  },
-  data: function data() {
-    return {
-      visible: false,
-      closed: false,
-      timer: null,
-      test: false
-    };
-  },
+      if (this._openTimer !== null) {
+        clearTimeout(this._openTimer);
+        this._openTimer = null;
+      }
+      clearTimeout(this._closeTimer);
 
-  computed: {
-    durationMS: function durationMS() {
-      return this.duration * 1000;
+      var closeDelay = Number(this.closeDelay);
+
+      if (closeDelay > 0) {
+        this._closeTimer = setTimeout(function () {
+          _this3._closeTimer = null;
+          _this3.doClose();
+        }, closeDelay);
+      } else {
+        this.doClose();
+      }
     },
-    iconType: function iconType() {
-      return this.type && message_sizevue_type_script_lang_js_ICONTYPES[this.type] ? message_sizevue_type_script_lang_js_ICONTYPES[this.type] : 'line-info-circle';
+    doClose: function doClose() {
+      this._closing = true;
+
+      this.onClose && this.onClose();
+
+      if (this.lockScroll) {
+        setTimeout(this.restoreBodyStyle, 200);
+      }
+
+      this.opened = false;
+
+      this.doAfterClose();
     },
-    defaultTitle: function defaultTitle() {
-      return this.type && TITLETYPES[this.type] ? TITLETYPES[this.type] : '请注意';
-    }
-  },
-  components: {
-    MdsIcon: external_icon_default.a
-  },
-  watch: {
-    closed: function closed(newVal) {
-      if (newVal) {
-        this.visible = false;
-        this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    doAfterClose: function doAfterClose() {
+      _popup_manager__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].closeModal(this._popupId);
+      this._closing = false;
+    },
+    restoreBodyStyle: function restoreBodyStyle() {
+      if (this.modal && this.withoutHiddenClass) {
+        document.body.style.paddingRight = this.bodyPaddingRight;
+        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(document.body, 'mds-popup-parent--hidden');
       }
+      this.withoutHiddenClass = true;
     }
-  },
-  methods: {
-    /**
-     * @description: 销毁
-     * @param {type}
-     * @return:
-     */
+  }
+});
 
-    destroyElement: function destroyElement() {
-      this.closed = true;
-      this.$destroy(true);
-      this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
-    },
 
-    /**
-     * @description: 关闭
-     * @param {type}
-     * @return:
-     */
 
-    handleClose: function handleClose() {
-      this.closed = true;
-      this.onClose();
-    },
+/***/ }),
 
-    /**
-     * @description: 清除setTimeout计时
-     * @param {type}
-     * @return:
-     */
-    clearTimer: function clearTimer() {
-      this.test = true;
-      clearTimeout(this.timer);
-    },
+/***/ 199:
+/***/ (function(module, exports) {
 
-    /**
-     * @description:
-     * @param {type} 开始计时删除
-     * @return:
-     */
-    startTimer: function startTimer() {
-      var _this = this;
+// removed by extract-text-webpack-plugin
 
-      this.test = false;
-      if (this.duration > 0) {
-        this.timer = setTimeout(function () {
-          if (!_this.closed) {
-            _this.handleClose();
-          }
-        }, this.durationMS);
-      }
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _dom_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+
+
+
+var hasModal = false;
+var hasInitZIndex = false;
+var zIndex = void 0;
+
+var getModal = function getModal() {
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+  var modalDom = PopupManager.modalDom;
+  if (modalDom) {
+    hasModal = true;
+  } else {
+    hasModal = false;
+    modalDom = document.createElement('div');
+    PopupManager.modalDom = modalDom;
+
+    modalDom.addEventListener('touchmove', function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+
+    modalDom.addEventListener('click', function () {
+      PopupManager.doOnModalClick && PopupManager.doOnModalClick();
+    });
+  }
+
+  return modalDom;
+};
+
+var instances = {};
+
+var PopupManager = {
+  modalFade: true,
+
+  getInstance: function getInstance(id) {
+    return instances[id];
+  },
+
+  register: function register(id, instance) {
+    if (id && instance) {
+      instances[id] = instance;
+    }
+  },
+
+  deregister: function deregister(id) {
+    if (id) {
+      instances[id] = null;
+      delete instances[id];
     }
   },
-  mounted: function mounted() {
-    this.startTimer();
-  }
-});
-// CONCATENATED MODULE: ./components/message/message-size.vue?vue&type=script&lang=js&
- /* harmony default export */ var message_message_sizevue_type_script_lang_js_ = (message_sizevue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/message/message-size.vue
 
+  nextZIndex: function nextZIndex() {
+    return PopupManager.zIndex++;
+  },
 
+  modalStack: [],
 
+  doOnModalClick: function doOnModalClick() {
+    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topItem) return;
 
+    var instance = PopupManager.getInstance(topItem.id);
+    if (instance && instance.closeOnClickModal) {
+      instance.close();
+    }
+  },
 
-/* normalize component */
+  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
+    if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+    if (!id || zIndex === undefined) return;
+    this.modalFade = modalFade;
 
-var message_size_component = Object(componentNormalizer["a" /* default */])(
-  message_message_sizevue_type_script_lang_js_,
-  message_sizevue_type_template_id_8e7dc96c_render,
-  message_sizevue_type_template_id_8e7dc96c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+    var modalStack = this.modalStack;
 
-/* hot reload */
-if (false) { var message_size_api; }
-message_size_component.options.__file = "components/message/message-size.vue"
-/* harmony default export */ var message_size = (message_size_component.exports);
-// CONCATENATED MODULE: ./components/message/index.js
+    for (var i = 0, j = modalStack.length; i < j; i++) {
+      var item = modalStack[i];
+      if (item.id === id) {
+        return;
+      }
+    }
 
-/*
- * @Descripttion:
- * @version:
- * @Author: liangshuang
- */
+    var modalDom = getModal();
 
+    Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal');
+    if (this.modalFade && !hasModal) {
+      Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-enter');
+    }
+    if (modalClass) {
+      var classArr = modalClass.trim().split(/\s+/);
+      classArr.forEach(function (item) {
+        return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, item);
+      });
+    }
+    setTimeout(function () {
+      Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-enter');
+    }, 200);
 
+    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
+      dom.parentNode.appendChild(modalDom);
+    } else {
+      document.body.appendChild(modalDom);
+    }
 
+    if (zIndex) {
+      modalDom.style.zIndex = zIndex;
+    }
+    modalDom.tabIndex = 0;
+    modalDom.style.display = '';
 
+    this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
+  },
 
+  closeModal: function closeModal(id) {
+    var modalStack = this.modalStack;
+    var modalDom = getModal();
 
+    if (modalStack.length > 0) {
+      var topItem = modalStack[modalStack.length - 1];
+      if (topItem.id === id) {
+        if (topItem.modalClass) {
+          var classArr = topItem.modalClass.trim().split(/\s+/);
+          classArr.forEach(function (item) {
+            return Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, item);
+          });
+        }
 
-var MessageBoxConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_box);
-var MessageConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message);
-var MessageSizeConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default.a.extend(message_size);
-var boxInstance = void 0;
-var boxEl = void 0;
-var messageInstances = []; // 存放当前未close的message
-var seed = 1;
-var prefixCls = 'mds-message'; // class前缀
-var defaultTop = 24; //  距离头部高度
-var defaultDuration = 3; // 默认延时
-var getContainer = void 0;
-var defaultShowClose = false;
+        modalStack.pop();
+        if (modalStack.length > 0) {
+          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+        }
+      } else {
+        for (var i = modalStack.length - 1; i >= 0; i--) {
+          if (modalStack[i].id === id) {
+            modalStack.splice(i, 1);
+            break;
+          }
+        }
+      }
+    }
 
-var getBoxEl = function getBoxEl() {
-  boxInstance = boxInstance || new MessageBoxConstructor({
-    propsData: {
-      prefixCls: prefixCls,
-      styles: { top: defaultTop + 'px' }
+    if (modalStack.length === 0) {
+      if (this.modalFade) {
+        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-leave');
+      }
+      setTimeout(function () {
+        if (modalStack.length === 0) {
+          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+          modalDom.style.display = 'none';
+          PopupManager.modalDom = undefined;
+        }
+        Object(_dom_helper__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "h"])(modalDom, 'v-modal-leave');
+      }, 200);
     }
-  });
-  boxInstance.vm = boxInstance.$mount();
-  boxEl = boxInstance.vm.$el;
-  if (getContainer) {
-    getContainer().appendChild(boxInstance.vm.$el);
-  } else {
-    document.body.appendChild(boxInstance.vm.$el);
   }
-  return boxEl;
 };
 
-var notice = function notice(options) {
-  var boxEl = getBoxEl();
-  var id = '' + prefixCls + seed++;
-  var userOnClose = options.onClose || ''; // 用来存放用户设置关闭时的回调函数, 参数为被关闭的 message 实例
-  options.onClose = function () {
-    message_close(id, userOnClose);
-  };
-  options.showClose = options.showClose !== undefined ? options.showClose : defaultShowClose;
-  options.duration = options.duration !== undefined ? options.duration : defaultDuration;
-  options.type = ['info', 'success', 'error', 'warning', 'loading', 'help'].includes(options.type) ? options.type : 'info';
-  var messageInstance = void 0;
-  if (options.size) {
-    messageInstance = new MessageSizeConstructor({
-      propsData: options
-    });
-  } else {
-    messageInstance = new MessageConstructor({
-      propsData: options
-    });
+Object.defineProperty(PopupManager, 'zIndex', {
+  configurable: true,
+  get: function get() {
+    if (!hasInitZIndex) {
+      zIndex = zIndex || (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$ELEMENT || {}).zIndex || 2000;
+      hasInitZIndex = true;
+    }
+    return zIndex;
+  },
+  set: function set(value) {
+    zIndex = value;
   }
+});
 
-  messageInstance.id = id;
-  messageInstance.vm = messageInstance.$mount();
-  boxEl.appendChild(messageInstance.vm.$el);
-  messageInstance.vm.visible = true;
-  messageInstances.push(messageInstance);
+var getTopPopup = function getTopPopup() {
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+  if (PopupManager.modalStack.length > 0) {
+    var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topPopup) return;
+    var instance = PopupManager.getInstance(topPopup.id);
 
-  return function () {
-    messageInstance.vm.visible = false;
-  };
+    return instance;
+  }
 };
 
-var message_close = function close(id, userOnClose) {
-  for (var i = 0, len = messageInstances.length; i < len; i++) {
-    if (id === messageInstances[i].id) {
-      if (typeof userOnClose === 'function') {
-        userOnClose(messageInstances[i]);
+if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
+  // handle `esc` key when the popup is shown
+  window.addEventListener('keydown', function (event) {
+    if (event.keyCode === 27) {
+      var topPopup = getTopPopup();
+
+      if (topPopup && topPopup.closeOnPressEscape) {
+        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
       }
-      messageInstances.splice(i, 1);
-      break;
-    }
-  }
-};
-var MdsMessage = function MdsMessage(options) {
-  options = options || {};
-  if (typeof options === 'string') {
-    options = {
-      content: options
-    };
-  }
-  return notice(options);
-};
-['success', 'error', 'info', 'warn', 'warning', 'loading'].forEach(function (type) {
-  MdsMessage[type] = function (options) {
-    if (typeof options === 'string') {
-      options = {
-        content: options
-      };
     }
-    options.type = type;
-    return notice(options);
-  };
-});
-MdsMessage.config = function (options) {
-  if (options.top !== undefined) {
-    defaultTop = options.top;
-    boxInstance = null;
-  }
-  if (options.duration !== undefined) {
-    defaultDuration = options.duration;
-  }
-  if (options.prefixCls !== undefined) {
-    prefixCls = options.prefixCls;
-  }
-  if (options.getContainer !== undefined) {
-    getContainer = options.getContainer;
-  }
-  if (options.showClose !== undefined) {
-    defaultShowClose = options.showClose;
-  }
-};
-MdsMessage.destroy = function () {
-  if (boxInstance) {
-    boxInstance.vm.$destroy(true);
-    boxEl.parentNode.removeChild(boxEl);
-  }
-  boxInstance = null;
-};
-/* harmony default export */ var components_message = __webpack_exports__["default"] = (MdsMessage);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (PopupManager);
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/typeof");
 
 /***/ })