cy-element-ui 1.0.26 → 1.0.28

package/lib/loading.js

@@ -82,305 +82,160 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 73);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("vue");
-
-/***/ }),
-
-/***/ 1:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return on; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return off; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return 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__, "i", function() { return removeClass; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getStyle; });
-/* unused harmony export setStyle */
-/* unused harmony export isScroll */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollContainer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isInContainer; });
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
-/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7);
-/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16);
-/* harmony import */ var core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_match_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12);
-/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(0);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-/* istanbul ignore next */
-
-
-var isServer = vue__WEBPACK_IMPORTED_MODULE_7___default.a.prototype.$isServer;
-var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
-var MOZ_HACK_REGEXP = /^moz([A-Z])/;
-var ieVersion = isServer ? 0 : Number(document.documentMode);
-
-/* 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');
-};
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
 
-/* 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);
-      }
-    };
-  }
-}();
-
-/* 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);
-      }
-    };
-  }
-}();
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
 
-/* 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);
-};
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
-/* 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;
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
   }
-}
-;
-
-/* 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;
-    }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
   }
-  if (!el.classList) {
-    el.setAttribute('class', curClass);
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
   }
-}
-;
-
-/* 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 + ' ', ' ');
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
     }
-  }
-  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;
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
         }
-      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];
+      : injectStyles
   }
-};
 
-/* istanbul ignore next */
-function setStyle(element, styleName, value) {
-  if (!element || !styleName) return;
-  if (typeof styleName === 'object') {
-    for (var prop in styleName) {
-      if (styleName.hasOwnProperty(prop)) {
-        setStyle(element, prop, styleName[prop]);
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
       }
-    }
-  } else {
-    styleName = camelCase(styleName);
-    if (styleName === 'opacity' && ieVersion < 9) {
-      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
     } else {
-      element.style[styleName] = value;
-    }
-  }
-}
-;
-var isScroll = function isScroll(el, vertical) {
-  if (isServer) return;
-  var determinedDirection = vertical !== null && vertical !== undefined;
-  var overflow = determinedDirection ? vertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x') : getStyle(el, 'overflow');
-  return overflow.match(/(scroll|auto|overlay)/);
-};
-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;
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
-    parent = parent.parentNode;
   }
-  return parent;
-};
-var isInContainer = function isInContainer(el, container) {
-  if (isServer || !el || !container) return false;
-  var elRect = el.getBoundingClientRect();
-  var containerRect;
-  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 {
+    exports: scriptExports,
+    options: options
   }
-  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
-};
+}
+
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/popup");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/lib/utils/dom");
 
 /***/ }),
 
-/***/ 10:
+/***/ 43:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/web.dom-collections.for-each.js");
+module.exports = require("element-ui/lib/utils/after-leave");
 
 /***/ }),
 
-/***/ 12:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.string.replace.js");
+module.exports = require("vue");
 
 /***/ }),
 
-/***/ 147:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__(17);
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__(3);
-
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__(10);
-
 // EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(0);
+var external_vue_ = __webpack_require__(7);
 var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=template&id=5fc843e5
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=template&id=897d5e8e
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
   return _c(
     "transition",
     {
@@ -435,33 +290,54 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=template&id=5fc843e5
+// CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=template&id=897d5e8e
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/loading/src/loading.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 /* harmony default export */ var loadingvue_type_script_lang_js = ({
-  data: function data() {
-    return {
-      text: null,
-      spinner: null,
-      background: null,
-      fullscreen: true,
-      visible: false,
-      customClass: ''
-    };
-  },
-  methods: {
-    handleAfterLeave: function handleAfterLeave() {
-      this.$emit('after-leave');
-    },
-    setText: function setText(text) {
-      this.text = text;
-    }
-  }
+	data: function data() {
+		return {
+			text: null,
+			spinner: null,
+			background: null,
+			fullscreen: true,
+			visible: false,
+			customClass: ''
+		};
+	},
+
+
+	methods: {
+		handleAfterLeave: function handleAfterLeave() {
+			this.$emit('after-leave');
+		},
+		setText: function setText(text) {
+			this.text = text;
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/loading/src/loading.vue?vue&type=script&lang=js
  /* harmony default export */ var src_loadingvue_type_script_lang_js = (loadingvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(2);
+var componentNormalizer = __webpack_require__(0);
 
 // CONCATENATED MODULE: ./packages/loading/src/loading.vue
 
@@ -483,169 +359,145 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var loading = (component.exports);
-// EXTERNAL MODULE: ./src/utils/dom.js
-var dom = __webpack_require__(1);
-
-// EXTERNAL MODULE: ./src/utils/popup/index.js + 1 modules
-var popup = __webpack_require__(24);
-
-// CONCATENATED MODULE: ./src/utils/after-leave.js
-/**
- * Bind after-leave event for vue instance. Make sure after-leave is called in any browsers.
- *
- * @param {Vue} instance Vue instance.
- * @param {Function} callback callback of after-leave event
- * @param {Number} speed the speed of transition, default value is 300ms
- * @param {Boolean} once weather bind after-leave once. default value is false.
- */
-/* harmony default export */ var after_leave = (function (instance, callback, speed, once) {
-  if (speed === void 0) {
-    speed = 300;
-  }
-  if (once === void 0) {
-    once = false;
-  }
-  if (!instance || !callback) throw new Error('instance & callback is required');
-  var called = false;
-  var afterLeaveCallback = function afterLeaveCallback() {
-    if (called) return;
-    called = true;
-    if (callback) {
-      callback.apply(null, arguments);
-    }
-  };
-  if (once) {
-    instance.$once('after-leave', afterLeaveCallback);
-  } else {
-    instance.$on('after-leave', afterLeaveCallback);
-  }
-  setTimeout(function () {
-    afterLeaveCallback();
-  }, speed + 100);
-});
-;
-// CONCATENATED MODULE: ./packages/loading/src/directive.js
+// EXTERNAL MODULE: external "element-ui/lib/utils/dom"
+var dom_ = __webpack_require__(2);
 
+// EXTERNAL MODULE: external "element-ui/lib/utils/popup"
+var popup_ = __webpack_require__(13);
 
+// EXTERNAL MODULE: external "element-ui/lib/utils/after-leave"
+var after_leave_ = __webpack_require__(43);
+var after_leave_default = /*#__PURE__*/__webpack_require__.n(after_leave_);
 
+// CONCATENATED MODULE: ./packages/loading/src/directive.js
 
 
 
 
 
 var Mask = external_vue_default.a.extend(loading);
+
 var loadingDirective = {};
 loadingDirective.install = function (Vue) {
-  if (Vue.prototype.$isServer) return;
-  var toggleLoading = function toggleLoading(el, binding) {
-    if (binding.value) {
-      Vue.nextTick(function () {
-        if (binding.modifiers.fullscreen) {
-          el.originalPosition = Object(dom["c" /* getStyle */])(document.body, 'position');
-          el.originalOverflow = Object(dom["c" /* getStyle */])(document.body, 'overflow');
-          el.maskStyle.zIndex = popup["a" /* PopupManager */].nextZIndex();
-          Object(dom["a" /* addClass */])(el.mask, 'is-fullscreen');
-          insertDom(document.body, el, binding);
-        } else {
-          Object(dom["i" /* removeClass */])(el.mask, 'is-fullscreen');
-          if (binding.modifiers.body) {
-            el.originalPosition = Object(dom["c" /* getStyle */])(document.body, 'position');
-            ['top', 'left'].forEach(function (property) {
-              var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-              el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(Object(dom["c" /* getStyle */])(document.body, "margin-" + property), 10) + 'px';
-            });
-            ['height', 'width'].forEach(function (property) {
-              el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
-            });
-            insertDom(document.body, el, binding);
-          } else {
-            el.originalPosition = Object(dom["c" /* getStyle */])(el, 'position');
-            insertDom(el, el, binding);
-          }
-        }
-      });
-    } else {
-      after_leave(el.instance, function (_) {
-        if (!el.instance.hiding) return;
-        el.domVisible = false;
-        var target = binding.modifiers.fullscreen || binding.modifiers.body ? document.body : el;
-        Object(dom["i" /* removeClass */])(target, 'el-loading-parent--relative');
-        Object(dom["i" /* removeClass */])(target, 'el-loading-parent--hidden');
-        el.instance.hiding = false;
-      }, 300, true);
-      el.instance.visible = false;
-      el.instance.hiding = true;
-    }
-  };
-  var insertDom = function insertDom(parent, el, binding) {
-    if (!el.domVisible && Object(dom["c" /* getStyle */])(el, 'display') !== 'none' && Object(dom["c" /* getStyle */])(el, 'visibility') !== 'hidden') {
-      Object.keys(el.maskStyle).forEach(function (property) {
-        el.mask.style[property] = el.maskStyle[property];
-      });
-      if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
-        Object(dom["a" /* addClass */])(parent, 'el-loading-parent--relative');
-      }
-      if (binding.modifiers.fullscreen && binding.modifiers.lock) {
-        Object(dom["a" /* addClass */])(parent, 'el-loading-parent--hidden');
-      }
-      el.domVisible = true;
-      parent.appendChild(el.mask);
-      Vue.nextTick(function () {
-        if (el.instance.hiding) {
-          el.instance.$emit('after-leave');
-        } else {
-          el.instance.visible = true;
-        }
-      });
-      el.domInserted = true;
-    } else if (el.domVisible && el.instance.hiding === true) {
-      el.instance.visible = true;
-      el.instance.hiding = false;
-    }
-  };
-  Vue.directive('loading', {
-    bind: function bind(el, binding, vnode) {
-      var textExr = el.getAttribute('element-loading-text');
-      var spinnerExr = el.getAttribute('element-loading-spinner');
-      var backgroundExr = el.getAttribute('element-loading-background');
-      var customClassExr = el.getAttribute('element-loading-custom-class');
-      var vm = vnode.context;
-      var mask = new Mask({
-        el: document.createElement('div'),
-        data: {
-          text: vm && vm[textExr] || textExr,
-          spinner: vm && vm[spinnerExr] || spinnerExr,
-          background: vm && vm[backgroundExr] || backgroundExr,
-          customClass: vm && vm[customClassExr] || customClassExr,
-          fullscreen: !!binding.modifiers.fullscreen
-        }
-      });
-      el.instance = mask;
-      el.mask = mask.$el;
-      el.maskStyle = {};
-      binding.value && toggleLoading(el, binding);
-    },
-    update: function update(el, binding) {
-      el.instance.setText(el.getAttribute('element-loading-text'));
-      if (binding.oldValue !== binding.value) {
-        toggleLoading(el, binding);
-      }
-    },
-    unbind: function unbind(el, binding) {
-      if (el.domInserted) {
-        el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
-        toggleLoading(el, {
-          value: false,
-          modifiers: binding.modifiers
-        });
-      }
-      el.instance && el.instance.$destroy();
-    }
-  });
+	if (Vue.prototype.$isServer) return;
+	var toggleLoading = function toggleLoading(el, binding) {
+		if (binding.value) {
+			Vue.nextTick(function () {
+				if (binding.modifiers.fullscreen) {
+					el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+					el.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
+					el.maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
+
+					Object(dom_["addClass"])(el.mask, 'is-fullscreen');
+					insertDom(document.body, el, binding);
+				} else {
+					Object(dom_["removeClass"])(el.mask, 'is-fullscreen');
+
+					if (binding.modifiers.body) {
+						el.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+
+						['top', 'left'].forEach(function (property) {
+							var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+							el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(Object(dom_["getStyle"])(document.body, 'margin-' + property), 10) + 'px';
+						});
+						['height', 'width'].forEach(function (property) {
+							el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
+						});
+
+						insertDom(document.body, el, binding);
+					} else {
+						el.originalPosition = Object(dom_["getStyle"])(el, 'position');
+						insertDom(el, el, binding);
+					}
+				}
+			});
+		} else {
+			after_leave_default()(el.instance, function (_) {
+				if (!el.instance.hiding) return;
+				el.domVisible = false;
+				var target = binding.modifiers.fullscreen || binding.modifiers.body ? document.body : el;
+				Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
+				Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
+				el.instance.hiding = false;
+			}, 300, true);
+			el.instance.visible = false;
+			el.instance.hiding = true;
+		}
+	};
+	var insertDom = function insertDom(parent, el, binding) {
+		if (!el.domVisible && Object(dom_["getStyle"])(el, 'display') !== 'none' && Object(dom_["getStyle"])(el, 'visibility') !== 'hidden') {
+			Object.keys(el.maskStyle).forEach(function (property) {
+				el.mask.style[property] = el.maskStyle[property];
+			});
+
+			if (el.originalPosition !== 'absolute' && el.originalPosition !== 'fixed' && el.originalPosition !== 'sticky') {
+				Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
+			}
+			if (binding.modifiers.fullscreen && binding.modifiers.lock) {
+				Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
+			}
+			el.domVisible = true;
+
+			parent.appendChild(el.mask);
+			Vue.nextTick(function () {
+				if (el.instance.hiding) {
+					el.instance.$emit('after-leave');
+				} else {
+					el.instance.visible = true;
+				}
+			});
+			el.domInserted = true;
+		} else if (el.domVisible && el.instance.hiding === true) {
+			el.instance.visible = true;
+			el.instance.hiding = false;
+		}
+	};
+
+	Vue.directive('loading', {
+		bind: function bind(el, binding, vnode) {
+			var textExr = el.getAttribute('element-loading-text');
+			var spinnerExr = el.getAttribute('element-loading-spinner');
+			var backgroundExr = el.getAttribute('element-loading-background');
+			var customClassExr = el.getAttribute('element-loading-custom-class');
+			var vm = vnode.context;
+			var mask = new Mask({
+				el: document.createElement('div'),
+				data: {
+					text: vm && vm[textExr] || textExr,
+					spinner: vm && vm[spinnerExr] || spinnerExr,
+					background: vm && vm[backgroundExr] || backgroundExr,
+					customClass: vm && vm[customClassExr] || customClassExr,
+					fullscreen: !!binding.modifiers.fullscreen
+				}
+			});
+			el.instance = mask;
+			el.mask = mask.$el;
+			el.maskStyle = {};
+
+			binding.value && toggleLoading(el, binding);
+		},
+
+		update: function update(el, binding) {
+			el.instance.setText(el.getAttribute('element-loading-text'));
+			if (binding.oldValue !== binding.value) {
+				toggleLoading(el, binding);
+			}
+		},
+
+		unbind: function unbind(el, binding) {
+			if (el.domInserted) {
+				el.mask && el.mask.parentNode && el.mask.parentNode.removeChild(el.mask);
+				toggleLoading(el, { value: false, modifiers: binding.modifiers });
+			}
+			el.instance && el.instance.$destroy();
+		}
+	});
 };
+
 /* harmony default export */ var directive = (loadingDirective);
-// EXTERNAL MODULE: ./src/utils/merge.js
-var merge = __webpack_require__(15);
+// EXTERNAL MODULE: external "element-ui/lib/utils/merge"
+var merge_ = __webpack_require__(9);
+var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
 
 // CONCATENATED MODULE: ./packages/loading/src/index.js
 
@@ -655,743 +507,124 @@ var merge = __webpack_require__(15);
 
 
 
-
-
 var LoadingConstructor = external_vue_default.a.extend(loading);
+
 var defaults = {
-  text: null,
-  fullscreen: true,
-  body: false,
-  lock: false,
-  customClass: ''
+	text: null,
+	fullscreen: true,
+	body: false,
+	lock: false,
+	customClass: ''
 };
-var fullscreenLoading;
+
+var fullscreenLoading = void 0;
+
 LoadingConstructor.prototype.originalPosition = '';
 LoadingConstructor.prototype.originalOverflow = '';
+
 LoadingConstructor.prototype.close = function () {
-  var _this = this;
-  if (this.fullscreen) {
-    fullscreenLoading = undefined;
-  }
-  after_leave(this, function (_) {
-    var target = _this.fullscreen || _this.body ? document.body : _this.target;
-    Object(dom["i" /* removeClass */])(target, 'el-loading-parent--relative');
-    Object(dom["i" /* removeClass */])(target, 'el-loading-parent--hidden');
-    if (_this.$el && _this.$el.parentNode) {
-      _this.$el.parentNode.removeChild(_this.$el);
-    }
-    _this.$destroy();
-  }, 300);
-  this.visible = false;
+	var _this = this;
+
+	if (this.fullscreen) {
+		fullscreenLoading = undefined;
+	}
+	after_leave_default()(this, function (_) {
+		var target = _this.fullscreen || _this.body ? document.body : _this.target;
+		Object(dom_["removeClass"])(target, 'el-loading-parent--relative');
+		Object(dom_["removeClass"])(target, 'el-loading-parent--hidden');
+		if (_this.$el && _this.$el.parentNode) {
+			_this.$el.parentNode.removeChild(_this.$el);
+		}
+		_this.$destroy();
+	}, 300);
+	this.visible = false;
 };
+
 var src_addStyle = function addStyle(options, parent, instance) {
-  var maskStyle = {};
-  if (options.fullscreen) {
-    instance.originalPosition = Object(dom["c" /* getStyle */])(document.body, 'position');
-    instance.originalOverflow = Object(dom["c" /* getStyle */])(document.body, 'overflow');
-    maskStyle.zIndex = popup["a" /* PopupManager */].nextZIndex();
-  } else if (options.body) {
-    instance.originalPosition = Object(dom["c" /* getStyle */])(document.body, 'position');
-    ['top', 'left'].forEach(function (property) {
-      var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-      maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
-    });
-    ['height', 'width'].forEach(function (property) {
-      maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
-    });
-  } else {
-    instance.originalPosition = Object(dom["c" /* getStyle */])(parent, 'position');
-  }
-  Object.keys(maskStyle).forEach(function (property) {
-    instance.$el.style[property] = maskStyle[property];
-  });
-};
-var src_Loading = function Loading(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  if (external_vue_default.a.prototype.$isServer) return;
-  options = Object(merge["a" /* default */])({}, defaults, options);
-  if (typeof options.target === 'string') {
-    options.target = document.querySelector(options.target);
-  }
-  options.target = options.target || document.body;
-  if (options.target !== document.body) {
-    options.fullscreen = false;
-  } else {
-    options.body = true;
-  }
-  if (options.fullscreen && fullscreenLoading) {
-    return fullscreenLoading;
-  }
-  var parent = options.body ? document.body : options.target;
-  var instance = new LoadingConstructor({
-    el: document.createElement('div'),
-    data: options
-  });
-  src_addStyle(options, parent, instance);
-  if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
-    Object(dom["a" /* addClass */])(parent, 'el-loading-parent--relative');
-  }
-  if (options.fullscreen && options.lock) {
-    Object(dom["a" /* addClass */])(parent, 'el-loading-parent--hidden');
-  }
-  parent.appendChild(instance.$el);
-  external_vue_default.a.nextTick(function () {
-    instance.visible = true;
-  });
-  if (options.fullscreen) {
-    fullscreenLoading = instance;
-  }
-  return instance;
+	var maskStyle = {};
+	if (options.fullscreen) {
+		instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+		instance.originalOverflow = Object(dom_["getStyle"])(document.body, 'overflow');
+		maskStyle.zIndex = popup_["PopupManager"].nextZIndex();
+	} else if (options.body) {
+		instance.originalPosition = Object(dom_["getStyle"])(document.body, 'position');
+		['top', 'left'].forEach(function (property) {
+			var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
+			maskStyle[property] = options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
+		});
+		['height', 'width'].forEach(function (property) {
+			maskStyle[property] = options.target.getBoundingClientRect()[property] + 'px';
+		});
+	} else {
+		instance.originalPosition = Object(dom_["getStyle"])(parent, 'position');
+	}
+	Object.keys(maskStyle).forEach(function (property) {
+		instance.$el.style[property] = maskStyle[property];
+	});
 };
-/* harmony default export */ var src = (src_Loading);
-// CONCATENATED MODULE: ./packages/loading/index.js
-
-
-/* harmony default export */ var packages_loading = __webpack_exports__["default"] = ({
-  install: function install(Vue) {
-    Vue.use(directive);
-    Vue.prototype.$loading = src;
-  },
-  directive: directive,
-  service: src
-});
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony default export */ __webpack_exports__["a"] = (function (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;
-});
-;
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.match.js");
-
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.keys.js");
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.filter.js");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
 
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.splice.js");
-
-/***/ }),
-
-/***/ 23:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-
-var scrollBarWidth;
-/* harmony default export */ __webpack_exports__["a"] = (function () {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___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;
-});
-;
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ popup_manager; });
-
-// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__(6);
-
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(0);
-var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
-
-// EXTERNAL MODULE: ./src/utils/merge.js
-var merge = __webpack_require__(15);
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
-var es_array_splice_js_ = __webpack_require__(22);
-
-// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
-var es_object_to_string_js_ = __webpack_require__(3);
-
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.split.js"
-var es_string_split_js_ = __webpack_require__(59);
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.trim.js"
-var es_string_trim_js_ = __webpack_require__(56);
-
-// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
-var web_dom_collections_for_each_js_ = __webpack_require__(10);
-
-// EXTERNAL MODULE: ./src/utils/dom.js
-var utils_dom = __webpack_require__(1);
-
-// CONCATENATED MODULE: ./src/utils/popup/popup-manager.js
-
-
-
-
-
-
-
-
-var hasModal = false;
-var hasInitZIndex = false;
-var popup_manager_zIndex;
-var popup_manager_getModal = function getModal() {
-  if (external_vue_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 (external_vue_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 = popup_manager_getModal();
-    Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal');
-    if (this.modalFade && !hasModal) {
-      Object(utils_dom["a" /* addClass */])(modalDom, 'v-modal-enter');
-    }
-    if (modalClass) {
-      var classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach(function (item) {
-        return Object(utils_dom["a" /* addClass */])(modalDom, item);
-      });
-    }
-    setTimeout(function () {
-      Object(utils_dom["i" /* removeClass */])(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 = popup_manager_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(utils_dom["i" /* removeClass */])(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(utils_dom["a" /* addClass */])(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(utils_dom["i" /* removeClass */])(modalDom, 'v-modal-leave');
-      }, 200);
-    }
-  }
-};
-Object.defineProperty(PopupManager, 'zIndex', {
-  configurable: true,
-  get: function get() {
-    if (!hasInitZIndex) {
-      popup_manager_zIndex = popup_manager_zIndex || (external_vue_default.a.prototype.$ELEMENT || {}).zIndex || 2000;
-      hasInitZIndex = true;
-    }
-    return popup_manager_zIndex;
-  },
-  set: function set(value) {
-    popup_manager_zIndex = value;
-  }
-});
-var popup_manager_getTopPopup = function getTopPopup() {
-  if (external_vue_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;
-  }
+var src_Loading = function Loading() {
+	var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+	if (external_vue_default.a.prototype.$isServer) return;
+	options = merge_default()({}, defaults, options);
+	if (typeof options.target === 'string') {
+		options.target = document.querySelector(options.target);
+	}
+	options.target = options.target || document.body;
+	if (options.target !== document.body) {
+		options.fullscreen = false;
+	} else {
+		options.body = true;
+	}
+	if (options.fullscreen && fullscreenLoading) {
+		return fullscreenLoading;
+	}
+
+	var parent = options.body ? document.body : options.target;
+	var instance = new LoadingConstructor({
+		el: document.createElement('div'),
+		data: options
+	});
+
+	src_addStyle(options, parent, instance);
+	if (instance.originalPosition !== 'absolute' && instance.originalPosition !== 'fixed' && instance.originalPosition !== 'sticky') {
+		Object(dom_["addClass"])(parent, 'el-loading-parent--relative');
+	}
+	if (options.fullscreen && options.lock) {
+		Object(dom_["addClass"])(parent, 'el-loading-parent--hidden');
+	}
+	parent.appendChild(instance.$el);
+	external_vue_default.a.nextTick(function () {
+		instance.visible = true;
+	});
+	if (options.fullscreen) {
+		fullscreenLoading = instance;
+	}
+	return instance;
 };
-if (!external_vue_default.a.prototype.$isServer) {
-  // handle `esc` key when the popup is shown
-  window.addEventListener('keydown', function (event) {
-    if (event.keyCode === 27) {
-      var topPopup = popup_manager_getTopPopup();
-      if (topPopup && topPopup.closeOnPressEscape) {
-        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
-      }
-    }
-  });
-}
-/* harmony default export */ var popup_manager = (PopupManager);
-// EXTERNAL MODULE: ./src/utils/scrollbar-width.js
-var scrollbar_width = __webpack_require__(23);
-
-// CONCATENATED MODULE: ./src/utils/popup/index.js
-
 
+/* harmony default export */ var src = (src_Loading);
+// CONCATENATED MODULE: ./packages/loading/index.js
 
 
 
+/* harmony default export */ var packages_loading = __webpack_exports__["default"] = ({
+	install: function install(Vue) {
+		Vue.use(directive);
+		Vue.prototype.$loading = src;
+	},
 
-var idSeed = 1;
-var scrollBarWidth;
-/* harmony default export */ var popup = __webpack_exports__["b"] = ({
-  props: {
-    visible: {
-      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.register(this._popupId, this);
-  },
-  beforeDestroy: function beforeDestroy() {
-    popup_manager.deregister(this._popupId);
-    popup_manager.closeModal(this._popupId);
-    this.restoreBodyStyle();
-  },
-  data: function data() {
-    return {
-      opened: false,
-      bodyPaddingRight: null,
-      computedBodyPaddingRight: 0,
-      withoutHiddenClass: true,
-      rendered: false
-    };
-  },
-  watch: {
-    visible: function visible(val) {
-      var _this = this;
-      if (val) {
-        if (this._opening) return;
-        if (!this.rendered) {
-          this.rendered = true;
-          external_vue_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(merge["a" /* default */])({}, 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.zIndex = zIndex;
-      }
-      if (modal) {
-        if (this._closing) {
-          popup_manager.closeModal(this._popupId);
-          this._closing = false;
-        }
-        popup_manager.openModal(this._popupId, popup_manager.nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
-        if (props.lockScroll) {
-          this.withoutHiddenClass = !Object(utils_dom["d" /* hasClass */])(document.body, 'el-popup-parent--hidden');
-          if (this.withoutHiddenClass) {
-            this.bodyPaddingRight = document.body.style.paddingRight;
-            this.computedBodyPaddingRight = parseInt(Object(utils_dom["c" /* getStyle */])(document.body, 'paddingRight'), 10);
-          }
-          scrollBarWidth = Object(scrollbar_width["a" /* default */])();
-          var bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-          var bodyOverflowY = Object(utils_dom["c" /* getStyle */])(document.body, 'overflowY');
-          if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
-            document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
-          }
-          Object(utils_dom["a" /* addClass */])(document.body, 'el-popup-parent--hidden');
-        }
-      }
-      if (getComputedStyle(dom).position === 'static') {
-        dom.style.position = 'absolute';
-      }
-      dom.style.zIndex = popup_manager.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.closeModal(this._popupId);
-      this._closing = false;
-    },
-    restoreBodyStyle: function restoreBodyStyle() {
-      if (this.modal && this.withoutHiddenClass) {
-        document.body.style.paddingRight = this.bodyPaddingRight;
-        Object(utils_dom["i" /* removeClass */])(document.body, 'el-popup-parent--hidden');
-      }
-      this.withoutHiddenClass = true;
-    }
-  }
+	directive: directive,
+	service: src
 });
 
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.object.to-string.js");
-
-/***/ }),
-
-/***/ 53:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.includes.js");
-
 /***/ }),
 
-/***/ 56:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.trim.js");
-
-/***/ }),
-
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.string.split.js");
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.number.constructor.js");
-
-/***/ }),
-
-/***/ 7:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("core-js/modules/es.regexp.exec.js");
+module.exports = require("element-ui/lib/utils/merge");
 
 /***/ })