@mdsfe/mds-ui 0.2.0 → 0.2.9-rc.1

package/dist/modal.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("./icon"), require("vue"), require("./button"));
+		module.exports = factory(require("vue"), require("./icon"), require("./transition"), require("./button"));
 	else if(typeof define === 'function' && define.amd)
-		define(["./icon", "vue", "./button"], factory);
+		define(["vue", "./icon", "./transition", "./button"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("./icon"), require("vue"), require("./button")) : factory(root["./icon"], root["Vue"], root["./button"]);
+		var a = typeof exports === 'object' ? factory(require("vue"), require("./icon"), require("./transition"), require("./button")) : factory(root["Vue"], root["./icon"], root["./transition"], root["./button"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(window, function(__WEBPACK_EXTERNAL_MODULE__4__, __WEBPACK_EXTERNAL_MODULE__5__, __WEBPACK_EXTERNAL_MODULE__7__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__11__, __WEBPACK_EXTERNAL_MODULE__13__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 118);
+/******/ 	return __webpack_require__(__webpack_require__.s = 126);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -203,185 +203,303 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 11:
+/***/ 1:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* unused harmony export noop */
-/* unused harmony export getOffsetLeft */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getValueByPath; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return valueEquals; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return arrayFindIndex; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return arrayFind; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return coerceTruthyValueToArray; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isIE; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isEdge; });
-/* unused harmony export isFirefox */
-/* unused harmony export assert */
-/* unused harmony export escapeRegexpString */
-/* unused harmony export getOffsetWidth */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return isFunction; });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return on; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return off; });
+/* unused harmony export once */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return hasClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return removeClass; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyle; });
+/* unused harmony export setStyle */
+/* unused harmony export isScroll */
+/* unused harmony export getScrollContainer */
+/* unused harmony export isInContainer */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return merge; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollBarWidth; });
+/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+/* eslint-disable */
+var isServer = vue__WEBPACK_IMPORTED_MODULE_1___default.a.prototype.$isServer;
+var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+var MOZ_HACK_REGEXP = /^moz([A-Z])/;
+var ieVersion = isServer ? 0 : Number(document.documentMode);
 
-var noop = function noop() {};
+/* istanbul ignore next */
+var trim = function trim(string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+};
+/* istanbul ignore next */
+var camelCase = function camelCase(name) {
+  return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+    return offset ? letter.toUpperCase() : letter;
+  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
+};
 
-var getScroll = function getScroll(w, top) {
-  var ret = top ? w.pageYOffset : w.pageXOffset;
-  var method = top ? 'scrollTop' : 'scrollLeft';
-  if (typeof ret !== 'number') {
-    var d = w.document;
-    // ie6,7,8 standard mode
-    ret = d.documentElement[method];
-    if (typeof ret !== 'number') {
-      // quirks mode
-      ret = d.body[method];
-    }
+/* istanbul ignore next */
+var on = function () {
+  if (!isServer && document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler);
+      }
+    };
   }
-  return ret;
-};
+}();
 
-var getClientPosition = function getClientPosition(elem) {
-  var box = void 0;
-  var x = void 0;
-  var y = void 0;
-  var doc = elem.ownerDocument;
-  var body = doc.body;
-  var docElem = doc && doc.documentElement;
-  box = elem.getBoundingClientRect();
-  x = box.left;
-  y = box.top;
-  x -= docElem.clientLeft || body.clientLeft || 0;
-  y -= docElem.clientTop || body.clientTop || 0;
-  return {
-    left: x,
-    top: y
+/* istanbul ignore next */
+var off = function () {
+  if (!isServer && document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler);
+      }
+    };
+  }
+}();
+
+/* istanbul ignore next */
+var once = function once(el, event, fn) {
+  var listener = function listener() {
+    if (fn) {
+      fn.apply(this, arguments);
+    }
+    off(el, event, listener);
   };
+  on(el, event, listener);
 };
 
-var getOffsetLeft = function getOffsetLeft(el) {
-  var pos = getClientPosition(el);
-  var doc = el.ownerDocument;
-  var w = doc.defaultView || doc.parentWindow;
-  pos.left += getScroll(w);
-  return pos.left;
-};
-/**
- *  获取对象深层级的对象，避免循环
- * @export
- * @param {*} sourceObj 源对象 {a:{b:{d:1}}}
- * @param {*} pathName  path组成的数组 例如：'a.b.c'
- * @param {*} defaultValue 如果没有值默认的值 []
- */
-function getValueByPath(sourceObj, pathName, defaultValue) {
-  var getValue = function getValue(sourceObj, pathNameArray) {
-    var key = pathNameArray.shift();
-    var value = sourceObj[key];
-    if (value === undefined || value === null) {
-      return defaultValue;
-    } else if (pathNameArray.length === 0) {
-      return value;
-    } else if (pathNameArray.length > 0) {
-      return getValue(value, pathNameArray);
+/* istanbul ignore next */
+function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) {
+    throw new Error('className should not contain space.');
+  }
+  if (el.classList) {
+    return el.classList.contains(cls);
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
+  }
+}
+
+/* istanbul ignore next */
+function addClass(el, cls) {
+  if (!el) return;
+  var curClass = el.className;
+  var classes = (cls || '').split(' ');
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ' ' + clsName;
     }
-  };
-  var pathNameArray = pathName.split('.');
-  return getValue(sourceObj, pathNameArray);
+  }
+  if (!el.classList) {
+    el.setAttribute('class', curClass);
+  }
 }
-/**
- *
- * 判断两个数是否相等
- * @param {*} a
- * @param {*} b
- * @returns
- */
-var valueEquals = function valueEquals(a, b) {
-  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
-  if (a === b) return true;
-  if (!(a instanceof Array)) return false;
-  if (!(b instanceof Array)) return false;
-  if (a.length !== b.length) return false;
-  for (var i = 0; i !== a.length; ++i) {
-    if (a[i] !== b[i]) return false;
+
+/* istanbul ignore next */
+function removeClass(el, cls) {
+  if (!el || !cls) return;
+  var classes = cls.split(' ');
+  var curClass = ' ' + el.className + ' ';
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(' ' + clsName + ' ', ' ');
+    }
   }
-  return true;
-};
-// TODO: use native Array.find, Array.findIndex when IE support is dropped
-var arrayFindIndex = function arrayFindIndex(arr, pred) {
-  for (var i = 0; i !== arr.length; ++i) {
-    if (pred(arr[i])) {
-      return i;
+  if (!el.classList) {
+    el.setAttribute('class', trim(curClass));
+  }
+}
+
+/* istanbul ignore next */
+var getStyle = ieVersion < 9 ? function (element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'styleFloat';
+  }
+  try {
+    switch (styleName) {
+      case 'opacity':
+        try {
+          return element.filters.item('alpha').opacity / 100;
+        } catch (e) {
+          return 1.0;
+        }
+      default:
+        return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
     }
+  } catch (e) {
+    return element.style[styleName];
+  }
+} : function (element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'cssFloat';
+  }
+  try {
+    var computed = document.defaultView.getComputedStyle(element, '');
+    return element.style[styleName] || computed ? computed[styleName] : null;
+  } catch (e) {
+    return element.style[styleName];
   }
-  return -1;
 };
 
-var arrayFind = function arrayFind(arr, pred) {
-  var idx = arrayFindIndex(arr, pred);
-  return idx !== -1 ? arr[idx] : undefined;
-};
+/* istanbul ignore next */
+function setStyle(element, styleName, value) {
+  if (!element || !styleName) return;
 
-// coerce truthy value to array
-var coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
-  if (Array.isArray(val)) {
-    return val;
-  } else if (val) {
-    return [val];
+  if ((typeof styleName === 'undefined' ? 'undefined' : babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(styleName)) === 'object') {
+    for (var prop in styleName) {
+      if (styleName.hasOwnProperty(prop)) {
+        setStyle(element, prop, styleName[prop]);
+      }
+    }
   } else {
-    return [];
+    styleName = camelCase(styleName);
+    if (styleName === 'opacity' && ieVersion < 9) {
+      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
+    } else {
+      element.style[styleName] = value;
+    }
   }
-};
+}
 
-var isIE = function isIE() {
-  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !isNaN(Number(document.documentMode));
-};
+var isScroll = function isScroll(el, vertical) {
+  if (isServer) return;
 
-var isEdge = function isEdge() {
-  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
-};
+  var determinedDirection = vertical !== null && vertical !== undefined;
+  var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
 
-var isFirefox = function isFirefox() {
-  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+  return overflow.match(/(scroll|auto|overlay)/);
 };
 
-var assert = function assert(condition, msg) {
-  if (!condition) throw new Error('[mds-ui] ' + msg);
-};
-/**
- *
- * 特殊字符转译
- * @param {string} [value='']
- */
-var escapeRegexpString = function escapeRegexpString() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
-};
-/**
- * Get element offset width
- * @param {*} node HTMLDOMElemment
- * @return {Number} width
- */
-/**
- * Get element offset width
- * @param {*} node HTMLDOMElemment
- * @return {Number} width
- */
-var getOffsetWidth = function getOffsetWidth(node) {
-  return node ? node.offsetWidth : 0;
+var getScrollContainer = function getScrollContainer(el, vertical) {
+  if (isServer) return;
+
+  var parent = el;
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent)) {
+      return window;
+    }
+    if (isScroll(parent, vertical)) {
+      return parent;
+    }
+    parent = parent.parentNode;
+  }
+
+  return parent;
 };
 
-/** 判断是否为函数
- * @param {*} functionToCheck
- * @returns
- */
-var isFunction = function isFunction(functionToCheck) {
-  var getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+var isInContainer = function isInContainer(el, container) {
+  if (isServer || !el || !container) return false;
+
+  var elRect = el.getBoundingClientRect();
+  var containerRect = void 0;
+
+  if ([window, document, document.documentElement, null, undefined].includes(container)) {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0
+    };
+  } else {
+    containerRect = container.getBoundingClientRect();
+  }
+
+  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
 };
 
+function merge(target) {
+  for (var i = 1, j = arguments.length; i < j; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+}
+
+var scrollBarWidth = void 0;
+function getScrollBarWidth() {
+  if (vue__WEBPACK_IMPORTED_MODULE_1___default.a.prototype.$isServer) return 0;
+  if (scrollBarWidth !== undefined) return scrollBarWidth;
+
+  var outer = document.createElement('div');
+  outer.className = 'el-scrollbar__wrap';
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  outer.style.position = 'absolute';
+  outer.style.top = '-9999px';
+  document.body.appendChild(outer);
+
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+
+  var widthWithScroll = inner.offsetWidth;
+  outer.parentNode.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+
+  return scrollBarWidth;
+}
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__11__;
+
 /***/ }),
 
-/***/ 118:
+/***/ 126:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -389,10 +507,10 @@ var isFunction = function isFunction(functionToCheck) {
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./components/style/index.less
-var style = __webpack_require__(131);
+var style = __webpack_require__(139);
 
 // EXTERNAL MODULE: ./components/modal/style/index.less
-var modal_style = __webpack_require__(183);
+var modal_style = __webpack_require__(193);
 
 // CONCATENATED MODULE: ./components/modal/style/index.js
 
@@ -403,164 +521,170 @@ var 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.visibility,
-          expression: "visibility",
-        },
-      ],
-      ref: "root",
-      staticClass: "mds-modal-container",
-    },
-    [
-      _c("div", {
+  return _c("mds-transition", { attrs: { type: "fade" } }, [
+    _c(
+      "div",
+      {
         directives: [
           {
             name: "show",
             rawName: "v-show",
-            value: _vm.mask,
-            expression: "mask",
+            value: _vm.visibility,
+            expression: "visibility",
           },
         ],
-        class: _vm.prefixClsMask,
-        on: { click: _vm.handleCancel },
-      }),
-      _c(
-        "div",
-        {
-          class: _vm.prefixClsWrap,
-          on: {
-            click: function (e) {
-              return _vm.onMaskClick(e)
+        ref: "root",
+        class: ["mds-modal-container", _vm.customClass],
+      },
+      [
+        _c("div", {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.mask,
+              expression: "mask",
+            },
+          ],
+          class: _vm.prefixClsMask,
+          on: { click: _vm.handleCancel },
+        }),
+        _c(
+          "div",
+          {
+            class: _vm.prefixClsWrap,
+            on: {
+              click: function (e) {
+                return _vm.onMaskClick(e)
+              },
             },
           },
-        },
-        [
-          _c("div", { class: _vm.prefixCls, style: _vm.styles }, [
-            _c("div", { class: _vm.prefixClsContent }, [
+          [
+            _c("div", { class: _vm.prefixCls, style: _vm.styles }, [
               _c(
                 "div",
-                {
-                  directives: [
+                { class: [_vm.prefixClsContent, _vm.customContentClass] },
+                [
+                  _c(
+                    "div",
+                    {
+                      directives: [
+                        {
+                          name: "show",
+                          rawName: "v-show",
+                          value: _vm.showClose,
+                          expression: "showClose",
+                        },
+                      ],
+                      class: _vm.prefixClsClose,
+                      on: { click: _vm.handleCancel },
+                    },
+                    [
+                      _vm.modalType === "base"
+                        ? _c("mds-icon", { attrs: { type: "line-close" } })
+                        : _vm._e(),
+                    ],
+                    1
+                  ),
+                  _c(
+                    "div",
                     {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.showClose,
-                      expression: "showClose",
+                      class: [
+                        _vm.prefixClsHeader,
+                        _vm.modalType === "base" ? _vm.prefixClsBottom : "",
+                      ],
                     },
-                  ],
-                  class: _vm.prefixClsClose,
-                  on: { click: _vm.handleCancel },
-                },
-                [
-                  _vm.modalType === "base"
-                    ? _c("mds-icon", { attrs: { type: "line-close" } })
-                    : _vm._e(),
-                ],
-                1
-              ),
-              _c(
-                "div",
-                {
-                  class: [
-                    _vm.prefixClsHeader,
-                    _vm.modalType === "base" ? _vm.prefixClsBottom : "",
-                  ],
-                },
-                [
-                  _vm.modalType !== "base"
-                    ? _c(
-                        "div",
-                        { class: _vm.prefixClsIcon },
-                        [
-                          _c("mds-icon", {
-                            style: _vm.iconStyle,
-                            attrs: { type: _vm.iconType },
-                          }),
-                        ],
-                        1
-                      )
-                    : _vm._e(),
+                    [
+                      _vm.modalType !== "base"
+                        ? _c(
+                            "div",
+                            { class: _vm.prefixClsIcon },
+                            [
+                              _c("mds-icon", {
+                                style: _vm.iconStyle,
+                                attrs: { type: _vm.iconType },
+                              }),
+                            ],
+                            1
+                          )
+                        : _vm._e(),
+                      _vm.renderSlot
+                        ? _c(
+                            "div",
+                            {
+                              class:
+                                ((_obj = {}),
+                                (_obj["" + _vm.prefixClsTitle] = true),
+                                (_obj.center = _vm.modalType !== "base"),
+                                _obj),
+                            },
+                            [
+                              _vm._t("title", [
+                                _vm._v(
+                                  "\n                " +
+                                    _vm._s(_vm.title) +
+                                    "\n              "
+                                ),
+                              ]),
+                            ],
+                            2
+                          )
+                        : _vm._e(),
+                    ]
+                  ),
                   _vm.renderSlot
                     ? _c(
                         "div",
                         {
-                          class:
-                            ((_obj = {}),
-                            (_obj["" + _vm.prefixClsTitle] = true),
-                            (_obj.center = _vm.modalType !== "base"),
-                            _obj),
+                          class: [
+                            _vm.prefixClsBody,
+                            _vm.modalType === "base" ? _vm.prefixClsBottom : "",
+                          ],
                         },
-                        [
-                          _vm._t("title", [
-                            _vm._v(
-                              "\n              " +
-                                _vm._s(_vm.title) +
-                                "\n            "
-                            ),
-                          ]),
-                        ],
+                        [_vm._t("default")],
                         2
                       )
                     : _vm._e(),
-                ]
-              ),
-              _vm.renderSlot
-                ? _c(
-                    "div",
-                    {
-                      class: [
-                        _vm.prefixClsBody,
-                        _vm.modalType === "base" ? _vm.prefixClsBottom : "",
-                      ],
-                    },
-                    [_vm._t("default")],
-                    2
-                  )
-                : _vm._e(),
-              _vm.footer && _vm.renderSlot
-                ? _c("div", { class: _vm.prefixClsFooter }, [
-                    _vm.$slots.footer
-                      ? _c("div", [_vm._t("footer")], 2)
-                      : _c(
-                          "div",
-                          { class: _vm.prefixClsFooterDefault },
-                          [
-                            _vm.modalType !== "success"
-                              ? _c(
+                  _vm.footer && _vm.renderSlot
+                    ? _c("div", { class: _vm.prefixClsFooter }, [
+                        _vm.$slots.footer
+                          ? _c("div", [_vm._t("footer")], 2)
+                          : _c(
+                              "div",
+                              { class: _vm.prefixClsFooterDefault },
+                              [
+                                _vm.modalType !== "success"
+                                  ? _c(
+                                      "mds-button",
+                                      {
+                                        class: _vm.prefixClsButton,
+                                        on: { click: _vm.handleCancel },
+                                      },
+                                      [_vm._v(_vm._s(_vm.cancelText))]
+                                    )
+                                  : _vm._e(),
+                                _c(
                                   "mds-button",
                                   {
-                                    class: _vm.prefixClsButton,
-                                    on: { click: _vm.handleCancel },
+                                    style: _vm.okButtonStyle,
+                                    attrs: { type: "primary" },
+                                    on: { click: _vm.handleOk },
                                   },
-                                  [_vm._v(_vm._s(_vm.cancelText))]
-                                )
-                              : _vm._e(),
-                            _c(
-                              "mds-button",
-                              {
-                                style: _vm.okButtonStyle,
-                                attrs: { type: "primary" },
-                                on: { click: _vm.handleOk },
-                              },
-                              [_vm._v(_vm._s(_vm.okText))]
+                                  [_vm._v(_vm._s(_vm.okText))]
+                                ),
+                              ],
+                              1
                             ),
-                          ],
-                          1
-                        ),
-                  ])
-                : _vm._e(),
+                      ])
+                    : _vm._e(),
+                ]
+              ),
             ]),
-          ]),
-        ]
-      ),
-    ]
-  )
+          ]
+        ),
+      ]
+    ),
+  ])
 }
 var staticRenderFns = []
 render._withStripped = true
@@ -569,19 +693,26 @@ render._withStripped = true
 // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=64c3d160&
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/number/is-finite"
-var is_finite_ = __webpack_require__(64);
+var is_finite_ = __webpack_require__(70);
 var is_finite_default = /*#__PURE__*/__webpack_require__.n(is_finite_);
 
 // EXTERNAL MODULE: external "./icon"
-var external_icon_ = __webpack_require__(4);
+var external_icon_ = __webpack_require__(8);
 var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
 // EXTERNAL MODULE: external "./button"
-var external_button_ = __webpack_require__(7);
+var external_button_ = __webpack_require__(13);
 var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
 // EXTERNAL MODULE: ./components/_util/util.js
-var util = __webpack_require__(11);
+var util = __webpack_require__(15);
+
+// EXTERNAL MODULE: ./components/_util/_popper/popup/popup-main.js
+var popup_main = __webpack_require__(14);
+
+// EXTERNAL MODULE: external "./transition"
+var external_transition_ = __webpack_require__(11);
+var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_transition_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=script&lang=js&
 
@@ -627,6 +758,43 @@ var util = __webpack_require__(11);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 
 
 
@@ -637,8 +805,10 @@ var PREFIXCLS = 'mds-modal';
   name: 'MdsModal',
   components: {
     MdsIcon: external_icon_default.a,
-    MdsButton: external_button_default.a
+    MdsButton: external_button_default.a,
+    mdsTransition: external_transition_default.a
   },
+  mixins: [popup_main["b" /* default */]],
   props: {
     width: {
       type: [String, Number],
@@ -692,8 +862,14 @@ var PREFIXCLS = 'mds-modal';
       type: Boolean,
       default: true
     },
+    customClass: String,
+    customContentClass: String,
     destroyOnClose: Boolean,
-    beforeClose: Function
+    beforeClose: Function,
+    disabledScroll: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -767,6 +943,12 @@ var PREFIXCLS = 'mds-modal';
 
   watch: {
     visibility: function visibility(newVal, oldVal) {
+      if (newVal === oldVal) {
+        return;
+      }
+      if (this.disabledScroll) {
+        Object(util["d" /* fixBodyScroll */])(newVal);
+      }
       if (newVal) {
         this.renderSlot = newVal;
       } else {
@@ -785,7 +967,7 @@ var PREFIXCLS = 'mds-modal';
         _this.$emit('close');
         _this.$emit('update:visibility', false);
       };
-      if (Object(util["f" /* isFunction */])(this.beforeClose)) {
+      if (Object(util["g" /* isFunction */])(this.beforeClose)) {
         this.beforeClose(done);
       } else {
         done();
@@ -798,14 +980,26 @@ var PREFIXCLS = 'mds-modal';
       if (e.target === e.currentTarget && this.maskClosable) {
         this.handleCancel();
       }
+    },
+    initZindex: function initZindex() {
+      var _this2 = this;
+
+      if (this._opening) return;
+      if (!this.rendered) {
+        this.rendered = true;
+        this.$nextTick(function () {
+          _this2.open();
+        });
+      } else {
+        this.open();
+      }
     }
   },
-  beforeDestroy: function beforeDestroy() {
-    document.body.removeChild(this.$refs.root);
-  },
+
   mounted: function mounted() {
     if (this.visibility) {
       this.renderSlot = true;
+      this.initZindex();
     }
     document.body.appendChild(this.$refs.root);
   }
@@ -849,45 +1043,690 @@ modal.install = function (Vue) {
 
 /***/ }),
 
-/***/ 131:
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__13__;
+
+/***/ }),
+
+/***/ 139:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 183:
+/***/ 14:
+/***/ (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;
+
+      if (this.willClose && !this.willClose()) return;
+
+      if (this._openTimer !== null) {
+        clearTimeout(this._openTimer);
+        this._openTimer = null;
+      }
+      clearTimeout(this._closeTimer);
+
+      var closeDelay = Number(this.closeDelay);
+
+      if (closeDelay > 0) {
+        this._closeTimer = setTimeout(function () {
+          _this3._closeTimer = null;
+          _this3.doClose();
+        }, closeDelay);
+      } else {
+        this.doClose();
+      }
+    },
+    doClose: function doClose() {
+      this._closing = true;
+
+      this.onClose && this.onClose();
+
+      if (this.lockScroll) {
+        setTimeout(this.restoreBodyStyle, 200);
+      }
+
+      this.opened = false;
+
+      this.doAfterClose();
+    },
+    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;
+    }
+  }
+});
+
+
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export noop */
+/* unused harmony export getOffsetLeft */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getValueByPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return valueEquals; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return arrayFindIndex; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return arrayFind; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return coerceTruthyValueToArray; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isIE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return isEdge; });
+/* unused harmony export isFirefox */
+/* unused harmony export assert */
+/* unused harmony export escapeRegexpString */
+/* unused harmony export getOffsetWidth */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isFunction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return fixBodyScroll; });
+/* 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__);
+
+
+// import { getScrollBarWidth } from './_popper/dom-helper'
+var currentBodyOverflow = '';
+// let currentBodyPaddingRight = ''
+var noop = function noop() {};
+
+var getScroll = function getScroll(w, top) {
+  var ret = top ? w.pageYOffset : w.pageXOffset;
+  var method = top ? 'scrollTop' : 'scrollLeft';
+  if (typeof ret !== 'number') {
+    var d = w.document;
+    // ie6,7,8 standard mode
+    ret = d.documentElement[method];
+    if (typeof ret !== 'number') {
+      // quirks mode
+      ret = d.body[method];
+    }
+  }
+  return ret;
+};
+
+var getClientPosition = function getClientPosition(elem) {
+  var box = void 0;
+  var x = void 0;
+  var y = void 0;
+  var doc = elem.ownerDocument;
+  var body = doc.body;
+  var docElem = doc && doc.documentElement;
+  box = elem.getBoundingClientRect();
+  x = box.left;
+  y = box.top;
+  x -= docElem.clientLeft || body.clientLeft || 0;
+  y -= docElem.clientTop || body.clientTop || 0;
+  return {
+    left: x,
+    top: y
+  };
+};
+
+var getOffsetLeft = function getOffsetLeft(el) {
+  var pos = getClientPosition(el);
+  var doc = el.ownerDocument;
+  var w = doc.defaultView || doc.parentWindow;
+  pos.left += getScroll(w);
+  return pos.left;
+};
+/**
+ *  获取对象深层级的对象，避免循环
+ * @export
+ * @param {*} sourceObj 源对象 {a:{b:{d:1}}}
+ * @param {*} pathName  path组成的数组 例如：'a.b.c'
+ * @param {*} defaultValue 如果没有值默认的值 []
+ */
+function getValueByPath(sourceObj, pathName, defaultValue) {
+  var getValue = function getValue(sourceObj, pathNameArray) {
+    var key = pathNameArray.shift();
+    var value = sourceObj[key];
+    if (value === undefined || value === null) {
+      return defaultValue;
+    } else if (pathNameArray.length === 0) {
+      return value;
+    } else if (pathNameArray.length > 0) {
+      return getValue(value, pathNameArray);
+    }
+  };
+  var pathNameArray = pathName.split('.');
+  return getValue(sourceObj, pathNameArray);
+}
+/**
+ *
+ * 判断两个数是否相等
+ * @param {*} a
+ * @param {*} b
+ * @returns
+ */
+var valueEquals = function valueEquals(a, b) {
+  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
+  if (a === b) return true;
+  if (!(a instanceof Array)) return false;
+  if (!(b instanceof Array)) return false;
+  if (a.length !== b.length) return false;
+  for (var i = 0; i !== a.length; ++i) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+};
+// TODO: use native Array.find, Array.findIndex when IE support is dropped
+var arrayFindIndex = function arrayFindIndex(arr, pred) {
+  for (var i = 0; i !== arr.length; ++i) {
+    if (pred(arr[i])) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+var arrayFind = function arrayFind(arr, pred) {
+  var idx = arrayFindIndex(arr, pred);
+  return idx !== -1 ? arr[idx] : undefined;
+};
+
+// coerce truthy value to array
+var coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
+  if (Array.isArray(val)) {
+    return val;
+  } else if (val) {
+    return [val];
+  } else {
+    return [];
+  }
+};
+
+var isIE = function isIE() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !isNaN(Number(document.documentMode));
+};
+
+var isEdge = function isEdge() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
+};
+
+var isFirefox = function isFirefox() {
+  return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+};
+
+var assert = function assert(condition, msg) {
+  if (!condition) throw new Error('[mds-ui] ' + msg);
+};
+/**
+ *
+ * 特殊字符转译
+ * @param {string} [value='']
+ */
+var escapeRegexpString = function escapeRegexpString() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+};
+/**
+ * Get element offset width
+ * @param {*} node HTMLDOMElemment
+ * @return {Number} width
+ */
+/**
+ * Get element offset width
+ * @param {*} node HTMLDOMElemment
+ * @return {Number} width
+ */
+var getOffsetWidth = function getOffsetWidth(node) {
+  return node ? node.offsetWidth : 0;
+};
+
+/** 判断是否为函数
+ * @param {*} functionToCheck
+ * @returns
+ */
+var isFunction = function isFunction(functionToCheck) {
+  var getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+
+/**
+ * 弹窗类组件显现时修正body滚动
+ * @param {Boolean} visible 弹窗显现状态
+ */
+function fixBodyScroll(visible) {
+  var bodyStyle = document.body.style;
+  if (visible) {
+    currentBodyOverflow = bodyStyle.overflow;
+    // currentBodyPaddingRight = bodyStyle.paddingRight
+    bodyStyle.overflow = 'hidden';
+    // const basePaddingRight = parseInt(currentBodyPaddingRight || 0)
+    // const baseScrollWidth = parseInt(getScrollBarWidth())
+    // 防止页面抖动，后续需要自定义滚动条解决
+    // bodyStyle.paddingRight = basePaddingRight + baseScrollWidth + 'px'
+  } else {
+    var timer = setTimeout(function () {
+      clearTimeout(timer);
+      bodyStyle.overflow = currentBodyOverflow;
+      // bodyStyle.paddingRight = currentBodyPaddingRight
+      // currentBodyPaddingRight = ''
+    }, 180);
+  }
+}
+
+/***/ }),
+
+/***/ 193:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 4:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__4__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
 /***/ }),
 
 /***/ 5:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__5__;
+"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];
+    }
+  },
+
+  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();
+    }
+  },
+
+  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;
+      }
+    }
+
+    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);
+          });
+        }
+
+        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;
+          }
+        }
+      }
+    }
+
+    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);
+    }
+  }
+};
+
+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;
+  }
+});
+
+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 instance;
+  }
+};
+
+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);
 
 /***/ }),
 
-/***/ 64:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("babel-runtime/core-js/number/is-finite");
 
 /***/ }),
 
-/***/ 7:
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8__;
+
+/***/ }),
+
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
+module.exports = require("babel-runtime/helpers/typeof");
 
 /***/ })