cy-element-ui 1.0.52 → 1.0.53

package/lib/popconfirm.js

@@ -82,295 +82,3168 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 196);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 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 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 _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+/* istanbul ignore next */
+
+
+
+var isServer = vue__WEBPACK_IMPORTED_MODULE_0___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');
+};
+
+/* 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);
+			}
+		};
+	}
+}();
+
+/* 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);
+};
+
+/* 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;
+		}
+	}
+	if (!el.classList) {
+		el.setAttribute('class', curClass);
+	}
+};
+
+/* 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 + ' ', ' ');
+		}
+	}
+	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];
+	}
+};
+
+/* istanbul ignore next */
+function setStyle(element, styleName, value) {
+	if (!element || !styleName) return;
+
+	if ((typeof styleName === 'undefined' ? 'undefined' : _typeof(styleName)) === 'object') {
+		for (var prop in styleName) {
+			if (styleName.hasOwnProperty(prop)) {
+				setStyle(element, prop, styleName[prop]);
+			}
+		}
+	} 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;
+		}
+		parent = parent.parentNode;
+	}
+
+	return parent;
+};
+
+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;
+};
+
+/***/ }),
+
+/***/ 10:
+/***/ (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__);
+/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
+
+
+
+var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(24);
+var stop = function stop(e) {
+	return e.stopPropagation();
+};
+
+/**
+ * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
+ * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
+ * @param {String} [placement=button] - Placement of the popper accepted values: top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)
+ * @param {Number} [offset=0] - Amount of pixels the popper will be shifted (can be negative).
+ * @param {Boolean} [visible=false] Visibility of the popup element.
+ * @param {Boolean} [visible-arrow=false] Visibility of the arrow, no style.
+ */
+/* harmony default export */ __webpack_exports__["a"] = ({
+	props: {
+		transformOrigin: {
+			type: [Boolean, String],
+			default: true
+		},
+		placement: {
+			type: String,
+			default: 'bottom'
+		},
+		boundariesPadding: {
+			type: Number,
+			default: 5
+		},
+		reference: {},
+		popper: {},
+		offset: {
+			default: 0
+		},
+		value: Boolean,
+		visibleArrow: Boolean,
+		arrowOffset: {
+			type: Number,
+			default: 35
+		},
+		appendToBody: {
+			type: Boolean,
+			default: true
+		},
+		popperOptions: {
+			type: Object,
+			default: function _default() {
+				return {
+					gpuAcceleration: false
+				};
+			}
+		}
+	},
+
+	data: function data() {
+		return {
+			showPopper: false,
+			currentPlacement: ''
+		};
+	},
+
+
+	watch: {
+		value: {
+			immediate: true,
+			handler: function handler(val) {
+				this.showPopper = val;
+				this.$emit('input', val);
+			}
+		},
+
+		showPopper: function showPopper(val) {
+			if (this.disabled) return;
+			val ? this.updatePopper() : this.destroyPopper();
+			this.$emit('input', val);
+		}
+	},
+
+	methods: {
+		createPopper: function createPopper() {
+			var _this = this;
+
+			if (this.$isServer) return;
+			this.currentPlacement = this.currentPlacement || this.placement;
+			if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.currentPlacement)) {
+				return;
+			}
+
+			var options = this.popperOptions;
+			var popper = this.popperElm = this.popperElm || this.popper || this.$refs.popper;
+			var reference = this.referenceElm = this.referenceElm || this.reference || this.$refs.reference;
+
+			if (!reference && this.$slots.reference && this.$slots.reference[0]) {
+				reference = this.referenceElm = this.$slots.reference[0].elm;
+			}
+
+			if (!popper || !reference) return;
+			if (this.visibleArrow) this.appendArrow(popper);
+			if (this.appendToBody) document.body.appendChild(this.popperElm);
+			if (this.popperJS && this.popperJS.destroy) {
+				this.popperJS.destroy();
+			}
+
+			options.placement = this.currentPlacement;
+			options.offset = this.offset;
+			options.arrowOffset = this.arrowOffset;
+			this.popperJS = new PopperJS(reference, popper, options);
+			this.popperJS.onCreate(function (_) {
+				_this.$emit('created', _this);
+				_this.resetTransformOrigin();
+				_this.$nextTick(_this.updatePopper);
+			});
+			if (typeof options.onUpdate === 'function') {
+				this.popperJS.onUpdate(options.onUpdate);
+			}
+			this.popperJS._popper.style.zIndex = _popup__WEBPACK_IMPORTED_MODULE_1__[/* PopupManager */ "a"].nextZIndex();
+			this.popperElm.addEventListener('click', stop);
+		},
+		updatePopper: function updatePopper() {
+			var popperJS = this.popperJS;
+			if (popperJS) {
+				popperJS.update();
+				if (popperJS._popper) {
+					popperJS._popper.style.zIndex = _popup__WEBPACK_IMPORTED_MODULE_1__[/* PopupManager */ "a"].nextZIndex();
+				}
+			} else {
+				this.createPopper();
+			}
+		},
+		doDestroy: function doDestroy(forceDestroy) {
+			/* istanbul ignore if */
+			if (!this.popperJS || this.showPopper && !forceDestroy) return;
+			this.popperJS.destroy();
+			this.popperJS = null;
+		},
+		destroyPopper: function destroyPopper() {
+			if (this.popperJS) {
+				this.resetTransformOrigin();
+			}
+		},
+		resetTransformOrigin: function resetTransformOrigin() {
+			if (!this.transformOrigin) return;
+			var placementMap = {
+				top: 'bottom',
+				bottom: 'top',
+				left: 'right',
+				right: 'left'
+			};
+			var placement = this.popperJS._popper.getAttribute('x-placement').split('-')[0];
+			var origin = placementMap[placement];
+			this.popperJS._popper.style.transformOrigin = typeof this.transformOrigin === 'string' ? this.transformOrigin : ['top', 'bottom'].indexOf(placement) > -1 ? 'center ' + origin : origin + ' center';
+		},
+		appendArrow: function appendArrow(element) {
+			var hash = void 0;
+			if (this.appended) {
+				return;
+			}
+
+			this.appended = true;
+
+			for (var item in element.attributes) {
+				if (/^_v-/.test(element.attributes[item].name)) {
+					hash = element.attributes[item].name;
+					break;
+				}
+			}
+
+			var arrow = document.createElement('div');
+
+			if (hash) {
+				arrow.setAttribute(hash, '');
+			}
+			arrow.setAttribute('x-arrow', '');
+			arrow.className = 'popper__arrow';
+			element.appendChild(arrow);
+		}
+	},
+
+	beforeDestroy: function beforeDestroy() {
+		this.doDestroy(true);
+		if (this.popperElm && this.popperElm.parentNode === document.body) {
+			this.popperElm.removeEventListener('click', stop);
+			document.body.removeChild(this.popperElm);
+		}
+	},
+
+
+	// call destroy in keep-alive mode
+	deactivated: function deactivated() {
+		this.$options.beforeDestroy[0].call(this);
+	}
+});
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ t; });
+
+// UNUSED EXPORTS: use, i18n
+
+// CONCATENATED MODULE: ./src/locale/lang/zh-CN.js
+/* harmony default export */ var zh_CN = ({
+	el: {
+		colorpicker: {
+			confirm: '确定',
+			clear: '清空'
+		},
+		datepicker: {
+			now: '此刻',
+			today: '今天',
+			cancel: '取消',
+			clear: '清空',
+			confirm: '确定',
+			selectDate: '选择日期',
+			selectTime: '选择时间',
+			startDate: '开始日期',
+			startTime: '开始时间',
+			endDate: '结束日期',
+			endTime: '结束时间',
+			prevYear: '前一年',
+			nextYear: '后一年',
+			prevMonth: '上个月',
+			nextMonth: '下个月',
+			year: '年',
+			month1: '1 月',
+			month2: '2 月',
+			month3: '3 月',
+			month4: '4 月',
+			month5: '5 月',
+			month6: '6 月',
+			month7: '7 月',
+			month8: '8 月',
+			month9: '9 月',
+			month10: '10 月',
+			month11: '11 月',
+			month12: '12 月',
+			// week: '周次',
+			weeks: {
+				sun: '日',
+				mon: '一',
+				tue: '二',
+				wed: '三',
+				thu: '四',
+				fri: '五',
+				sat: '六'
+			},
+			months: {
+				jan: '一月',
+				feb: '二月',
+				mar: '三月',
+				apr: '四月',
+				may: '五月',
+				jun: '六月',
+				jul: '七月',
+				aug: '八月',
+				sep: '九月',
+				oct: '十月',
+				nov: '十一月',
+				dec: '十二月'
+			}
+		},
+		select: {
+			loading: '加载中',
+			noMatch: '无匹配数据',
+			noData: '无数据',
+			placeholder: '请选择'
+		},
+		cascader: {
+			noMatch: '无匹配数据',
+			loading: '加载中',
+			placeholder: '请选择',
+			noData: '暂无数据'
+		},
+		pagination: {
+			goto: '前往',
+			pagesize: '条/页',
+			total: '共 {total} 条',
+			pageClassifier: '页'
+		},
+		messagebox: {
+			title: '提示',
+			confirm: '确定',
+			cancel: '取消',
+			error: '输入的数据不合法!'
+		},
+		upload: {
+			deleteTip: '按 delete 键可删除',
+			delete: '删除',
+			preview: '查看图片',
+			continue: '继续上传'
+		},
+		table: {
+			emptyText: '暂无数据',
+			confirmFilter: '筛选',
+			resetFilter: '重置',
+			clearFilter: '全部',
+			sumText: '合计'
+		},
+		tree: {
+			emptyText: '暂无数据'
+		},
+		transfer: {
+			noMatch: '无匹配数据',
+			noData: '无数据',
+			titles: ['列表 1', '列表 2'],
+			filterPlaceholder: '请输入搜索内容',
+			noCheckedFormat: '共 {total} 项',
+			hasCheckedFormat: '已选 {checked}/{total} 项'
+		},
+		image: {
+			error: '加载失败'
+		},
+		pageHeader: {
+			title: '返回'
+		},
+		popconfirm: {
+			confirmButtonText: '确定',
+			cancelButtonText: '取消'
+		},
+		empty: {
+			description: '暂无数据'
+		}
+	}
+});
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(0);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// EXTERNAL MODULE: ./node_modules/deepmerge/dist/cjs.js
+var cjs = __webpack_require__(15);
+var cjs_default = /*#__PURE__*/__webpack_require__.n(cjs);
+
+// EXTERNAL MODULE: ./src/utils/util.js
+var util = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./src/locale/format.js
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+
+
+var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+/* harmony default export */ var format = (function (Vue) {
+	/**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+	function template(string) {
+		for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+			args[_key - 1] = arguments[_key];
+		}
+
+		if (args.length === 1 && _typeof(args[0]) === 'object') {
+			args = args[0];
+		}
+
+		if (!args || !args.hasOwnProperty) {
+			args = {};
+		}
+
+		return string.replace(RE_NARGS, function (match, prefix, i, index) {
+			var result = void 0;
+
+			if (string[index - 1] === '{' && string[index + match.length] === '}') {
+				return i;
+			} else {
+				result = Object(util["j" /* hasOwn */])(args, i) ? args[i] : null;
+				if (result === null || result === undefined) {
+					return '';
+				}
+
+				return result;
+			}
+		});
+	}
+
+	return template;
+});
+// CONCATENATED MODULE: ./src/locale/index.js
+
+
+
+
+
+var locale_format = format(external_vue_default.a);
+var lang = zh_CN;
+var merged = false;
+var locale_i18nHandler = function i18nHandler() {
+	var vuei18n = Object.getPrototypeOf(this || external_vue_default.a).$t;
+	if (typeof vuei18n === 'function' && !!external_vue_default.a.locale) {
+		if (!merged) {
+			merged = true;
+			external_vue_default.a.locale(external_vue_default.a.config.lang, cjs_default()(lang, external_vue_default.a.locale(external_vue_default.a.config.lang) || {}, { clone: true }));
+		}
+		return vuei18n.apply(this, arguments);
+	}
+};
+
+var t = function t(path, options) {
+	var value = locale_i18nHandler.apply(this, arguments);
+	if (value !== null && value !== undefined) return value;
+
+	var array = path.split('.');
+	var current = lang;
+
+	for (var i = 0, j = array.length; i < j; i++) {
+		var property = array[i];
+		value = current[property];
+		if (i === j - 1) return locale_format(value, options);
+		if (!value) return '';
+		current = value;
+	}
+	return '';
+};
+
+var use = function use(l) {
+	lang = l || lang;
+};
+
+var i18n = function i18n(fn) {
+	locale_i18nHandler = fn || locale_i18nHandler;
+};
+
+/* harmony default export */ var locale = ({ use: use, t: t, i18n: i18n });
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var isMergeableObject = function isMergeableObject(value) {
+	return isNonNullObject(value)
+		&& !isSpecial(value)
+};
+
+function isNonNullObject(value) {
+	return !!value && typeof value === 'object'
+}
+
+function isSpecial(value) {
+	var stringValue = Object.prototype.toString.call(value);
+
+	return stringValue === '[object RegExp]'
+		|| stringValue === '[object Date]'
+		|| isReactElement(value)
+}
+
+// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
+var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+
+function isReactElement(value) {
+	return value.$$typeof === REACT_ELEMENT_TYPE
+}
+
+function emptyTarget(val) {
+    return Array.isArray(val) ? [] : {}
+}
+
+function cloneIfNecessary(value, optionsArgument) {
+    var clone = optionsArgument && optionsArgument.clone === true;
+    return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value
+}
+
+function defaultArrayMerge(target, source, optionsArgument) {
+    var destination = target.slice();
+    source.forEach(function(e, i) {
+        if (typeof destination[i] === 'undefined') {
+            destination[i] = cloneIfNecessary(e, optionsArgument);
+        } else if (isMergeableObject(e)) {
+            destination[i] = deepmerge(target[i], e, optionsArgument);
+        } else if (target.indexOf(e) === -1) {
+            destination.push(cloneIfNecessary(e, optionsArgument));
+        }
+    });
+    return destination
+}
+
+function mergeObject(target, source, optionsArgument) {
+    var destination = {};
+    if (isMergeableObject(target)) {
+        Object.keys(target).forEach(function(key) {
+            destination[key] = cloneIfNecessary(target[key], optionsArgument);
+        });
+    }
+    Object.keys(source).forEach(function(key) {
+        if (!isMergeableObject(source[key]) || !target[key]) {
+            destination[key] = cloneIfNecessary(source[key], optionsArgument);
+        } else {
+            destination[key] = deepmerge(target[key], source[key], optionsArgument);
+        }
+    });
+    return destination
+}
+
+function deepmerge(target, source, optionsArgument) {
+    var sourceIsArray = Array.isArray(source);
+    var targetIsArray = Array.isArray(target);
+    var options = optionsArgument || { arrayMerge: defaultArrayMerge };
+    var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+
+    if (!sourceAndTargetTypesMatch) {
+        return cloneIfNecessary(source, optionsArgument)
+    } else if (sourceIsArray) {
+        var arrayMerge = options.arrayMerge || defaultArrayMerge;
+        return arrayMerge(target, source, optionsArgument)
+    } else {
+        return mergeObject(target, source, optionsArgument)
+    }
+}
+
+deepmerge.all = function deepmergeAll(array, optionsArgument) {
+    if (!Array.isArray(array) || array.length < 2) {
+        throw new Error('first argument should be an array with at least two elements')
+    }
+
+    // we are sure there are at least 2 values, so it is safe to have no initial value
+    return array.reduce(function(prev, next) {
+        return deepmerge(prev, next, optionsArgument)
+    })
+};
+
+var deepmerge_1 = deepmerge;
+
+module.exports = deepmerge_1;
+
+
+/***/ }),
+
+/***/ 196:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=template&id=32a45376
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "el-popover",
+    _vm._b(
+      {
+        attrs: { trigger: "click" },
+        model: {
+          value: _vm.visible,
+          callback: function ($$v) {
+            _vm.visible = $$v
+          },
+          expression: "visible",
+        },
+      },
+      "el-popover",
+      _vm.$attrs,
+      false
+    ),
+    [
+      _c("div", { staticClass: "el-popconfirm" }, [
+        _c("p", { staticClass: "el-popconfirm__main" }, [
+          !_vm.hideIcon
+            ? _c("i", {
+                staticClass: "el-popconfirm__icon",
+                class: _vm.icon,
+                style: { color: _vm.iconColor },
+              })
+            : _vm._e(),
+          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
+        ]),
+        _c(
+          "div",
+          { staticClass: "el-popconfirm__action" },
+          [
+            _c(
+              "el-button",
+              {
+                attrs: { size: "mini", type: _vm.cancelButtonType },
+                on: { click: _vm.cancel },
+              },
+              [
+                _vm._v(
+                  "\n\t\t\t\t" +
+                    _vm._s(_vm.displayCancelButtonText) +
+                    "\n\t\t\t"
+                ),
+              ]
+            ),
+            _c(
+              "el-button",
+              {
+                attrs: { size: "mini", type: _vm.confirmButtonType },
+                on: { click: _vm.confirm },
+              },
+              [
+                _vm._v(
+                  "\n\t\t\t\t" +
+                    _vm._s(_vm.displayConfirmButtonText) +
+                    "\n\t\t\t"
+                ),
+              ]
+            ),
+          ],
+          1
+        ),
+      ]),
+      _vm._t("reference", null, { slot: "reference" }),
+    ],
+    2
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=template&id=32a45376
+
+// EXTERNAL MODULE: ./packages/popover/index.js + 6 modules
+var popover = __webpack_require__(47);
+
+// EXTERNAL MODULE: ./packages/button/index.js + 5 modules
+var packages_button = __webpack_require__(28);
+
+// EXTERNAL MODULE: ./src/locale/index.js + 2 modules
+var locale = __webpack_require__(11);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var mainvue_type_script_lang_js = ({
+	name: 'ElPopconfirm',
+	props: {
+		title: {
+			type: String
+		},
+		confirmButtonText: {
+			type: String
+		},
+		cancelButtonText: {
+			type: String
+		},
+		confirmButtonType: {
+			type: String,
+			default: 'primary'
+		},
+		cancelButtonType: {
+			type: String,
+			default: 'text'
+		},
+		icon: {
+			type: String,
+			default: 'el-icon-question'
+		},
+		iconColor: {
+			type: String,
+			default: '#f90'
+		},
+		hideIcon: {
+			type: Boolean,
+			default: false
+		}
+	},
+	components: {
+		ElPopover: popover["default"],
+		ElButton: packages_button["default"]
+	},
+	data: function data() {
+		return {
+			visible: false
+		};
+	},
+
+	computed: {
+		displayConfirmButtonText: function displayConfirmButtonText() {
+			return this.confirmButtonText || Object(locale["a" /* t */])('el.popconfirm.confirmButtonText');
+		},
+		displayCancelButtonText: function displayCancelButtonText() {
+			return this.cancelButtonText || Object(locale["a" /* t */])('el.popconfirm.cancelButtonText');
+		}
+	},
+	methods: {
+		confirm: function confirm() {
+			this.visible = false;
+			this.$emit('confirm');
+		},
+		cancel: function cancel() {
+			this.visible = false;
+			this.$emit('cancel');
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var main = (component.exports);
+// CONCATENATED MODULE: ./packages/popconfirm/index.js
+
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+	Vue.component(main.name, main);
+};
+
+/* harmony default export */ var popconfirm = __webpack_exports__["default"] = (main);
+
+/***/ }),
+
+/***/ 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
+  }
+}
+
+
+/***/ }),
+
+/***/ 24:
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+/**
+ * @fileOverview Kickass library to create and place poppers near their reference elements.
+ * @version {{version}}
+ * @license
+ * Copyright (c) 2016 Federico Zivolo and contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+//
+// Cross module loader
+// Supported: Node, AMD, Browser globals
+//
+;(function (root, factory) {
+    if (true) {
+        // AMD. Register as an anonymous module.
+        !(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+				(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :
+				__WEBPACK_AMD_DEFINE_FACTORY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+    } else {}
+})(this, function () {
+
+    'use strict';
+
+    var root = window;
+
+    // default options
+    var DEFAULTS = {
+        // placement of the popper
+        placement: 'bottom',
+
+        gpuAcceleration: true,
+
+        // shift popper from its origin by the given amount of pixels (can be negative)
+        offset: 0,
+
+        // the element which will act as boundary of the popper
+        boundariesElement: 'viewport',
+
+        // amount of pixel used to define a minimum distance between the boundaries and the popper
+        boundariesPadding: 5,
+
+        // popper will try to prevent overflow following this order,
+        // by default, then, it could overflow on the left and on top of the boundariesElement
+        preventOverflowOrder: ['left', 'right', 'top', 'bottom'],
+
+        // the behavior used by flip to change the placement of the popper
+        flipBehavior: 'flip',
+
+        arrowElement: '[x-arrow]',
+
+        arrowOffset: 0,
+
+        // list of functions used to modify the offsets before they are applied to the popper
+        modifiers: ['shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle'],
+
+        modifiersIgnored: [],
+
+        forceAbsolute: false
+    };
+
+    /**
+     * Create a new Popper.js instance
+     * @constructor Popper
+     * @param {HTMLElement} reference - The reference element used to position the popper
+     * @param {HTMLElement|Object} popper
+     *      The HTML element used as popper, or a configuration used to generate the popper.
+     * @param {String} [popper.tagName='div'] The tag name of the generated popper.
+     * @param {Array} [popper.classNames=['popper']] Array of classes to apply to the generated popper.
+     * @param {Array} [popper.attributes] Array of attributes to apply, specify `attr:value` to assign a value to it.
+     * @param {HTMLElement|String} [popper.parent=window.document.body] The parent element, given as HTMLElement or as query string.
+     * @param {String} [popper.content=''] The content of the popper, it can be text, html, or node; if it is not text, set `contentType` to `html` or `node`.
+     * @param {String} [popper.contentType='text'] If `html`, the `content` will be parsed as HTML. If `node`, it will be appended as-is.
+     * @param {String} [popper.arrowTagName='div'] Same as `popper.tagName` but for the arrow element.
+     * @param {Array} [popper.arrowClassNames='popper__arrow'] Same as `popper.classNames` but for the arrow element.
+     * @param {String} [popper.arrowAttributes=['x-arrow']] Same as `popper.attributes` but for the arrow element.
+     * @param {Object} options
+     * @param {String} [options.placement=bottom]
+     *      Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -right),
+     *      left(-start, -end)`
+     *
+     * @param {HTMLElement|String} [options.arrowElement='[x-arrow]']
+     *      The DOM Node used as arrow for the popper, or a CSS selector used to get the DOM node. It must be child of
+     *      its parent Popper. Popper.js will apply to the given element the style required to align the arrow with its
+     *      reference element.
+     *      By default, it will look for a child node of the popper with the `x-arrow` attribute.
+     *
+     * @param {Boolean} [options.gpuAcceleration=true]
+     *      When this property is set to true, the popper position will be applied using CSS3 translate3d, allowing the
+     *      browser to use the GPU to accelerate the rendering.
+     *      If set to false, the popper will be placed using `top` and `left` properties, not using the GPU.
+     *
+     * @param {Number} [options.offset=0]
+     *      Amount of pixels the popper will be shifted (can be negative).
+     *
+     * @param {String|Element} [options.boundariesElement='viewport']
+     *      The element which will define the boundaries of the popper position, the popper will never be placed outside
+     *      of the defined boundaries (except if `keepTogether` is enabled)
+     *
+     * @param {Number} [options.boundariesPadding=5]
+     *      Additional padding for the boundaries
+     *
+     * @param {Array} [options.preventOverflowOrder=['left', 'right', 'top', 'bottom']]
+     *      Order used when Popper.js tries to avoid overflows from the boundaries, they will be checked in order,
+     *      this means that the last ones will never overflow
+     *
+     * @param {String|Array} [options.flipBehavior='flip']
+     *      The behavior used by the `flip` modifier to change the placement of the popper when the latter is trying to
+     *      overlap its reference element. Defining `flip` as value, the placement will be flipped on
+     *      its axis (`right - left`, `top - bottom`).
+     *      You can even pass an array of placements (eg: `['right', 'left', 'top']` ) to manually specify
+     *      how alter the placement when a flip is needed. (eg. in the above example, it would first flip from right to left,
+     *      then, if even in its new placement, the popper is overlapping its reference element, it will be moved to top)
+     *
+     * @param {Array} [options.modifiers=[ 'shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle']]
+     *      List of functions used to modify the data before they are applied to the popper, add your custom functions
+     *      to this array to edit the offsets and placement.
+     *      The function should reflect the @params and @returns of preventOverflow
+     *
+     * @param {Array} [options.modifiersIgnored=[]]
+     *      Put here any built-in modifier name you want to exclude from the modifiers list
+     *      The function should reflect the @params and @returns of preventOverflow
+     *
+     * @param {Boolean} [options.removeOnDestroy=false]
+     *      Set to true if you want to automatically remove the popper when you call the `destroy` method.
+     */
+    function Popper(reference, popper, options) {
+        this._reference = reference.jquery ? reference[0] : reference;
+        this.state = {};
+
+        // if the popper variable is a configuration object, parse it to generate an HTMLElement
+        // generate a default popper if is not defined
+        var isNotDefined = typeof popper === 'undefined' || popper === null;
+        var isConfig = popper && Object.prototype.toString.call(popper) === '[object Object]';
+        if (isNotDefined || isConfig) {
+            this._popper = this.parse(isConfig ? popper : {});
+        }
+        // otherwise, use the given HTMLElement as popper
+        else {
+                this._popper = popper.jquery ? popper[0] : popper;
+            }
+
+        // with {} we create a new object with the options inside it
+        this._options = Object.assign({}, DEFAULTS, options);
+
+        // refactoring modifiers' list
+        this._options.modifiers = this._options.modifiers.map(function (modifier) {
+            // remove ignored modifiers
+            if (this._options.modifiersIgnored.indexOf(modifier) !== -1) return;
+
+            // set the x-placement attribute before everything else because it could be used to add margins to the popper
+            // margins needs to be calculated to get the correct popper offsets
+            if (modifier === 'applyStyle') {
+                this._popper.setAttribute('x-placement', this._options.placement);
+            }
+
+            // return predefined modifier identified by string or keep the custom one
+            return this.modifiers[modifier] || modifier;
+        }.bind(this));
+
+        // make sure to apply the popper position before any computation
+        this.state.position = this._getPosition(this._popper, this._reference);
+        setStyle(this._popper, { position: this.state.position, top: 0 });
+
+        // fire the first update to position the popper in the right place
+        this.update();
+
+        // setup event listeners, they will take care of update the position in specific situations
+        this._setupEventListeners();
+        return this;
+    }
+
+    //
+    // Methods
+    //
+    /**
+     * Destroy the popper
+     * @method
+     * @memberof Popper
+     */
+    Popper.prototype.destroy = function () {
+        this._popper.removeAttribute('x-placement');
+        this._popper.style.left = '';
+        this._popper.style.position = '';
+        this._popper.style.top = '';
+        this._popper.style[getSupportedPropertyName('transform')] = '';
+        this._removeEventListeners();
+
+        // remove the popper if user explicity asked for the deletion on destroy
+        if (this._options.removeOnDestroy) {
+            this._popper.remove();
+        }
+        return this;
+    };
+
+    /**
+     * Updates the position of the popper, computing the new offsets and applying the new style
+     * @method
+     * @memberof Popper
+     */
+    Popper.prototype.update = function () {
+        var data = { instance: this, styles: {} };
+
+        // store placement inside the data object, modifiers will be able to edit `placement` if needed
+        // and refer to _originalPlacement to know the original value
+        data.placement = this._options.placement;
+        data._originalPlacement = this._options.placement;
+
+        // compute the popper and reference offsets and put them inside data.offsets
+        data.offsets = this._getOffsets(this._popper, this._reference, data.placement);
+
+        // get boundaries
+        data.boundaries = this._getBoundaries(data, this._options.boundariesPadding, this._options.boundariesElement);
+
+        data = this.runModifiers(data, this._options.modifiers);
+
+        if (typeof this.state.updateCallback === 'function') {
+            this.state.updateCallback(data);
+        }
+    };
+
+    /**
+     * If a function is passed, it will be executed after the initialization of popper with as first argument the Popper instance.
+     * @method
+     * @memberof Popper
+     * @param {Function} callback
+     */
+    Popper.prototype.onCreate = function (callback) {
+        // the createCallbacks return as first argument the popper instance
+        callback(this);
+        return this;
+    };
+
+    /**
+     * If a function is passed, it will be executed after each update of popper with as first argument the set of coordinates and informations
+     * used to style popper and its arrow.
+     * NOTE: it doesn't get fired on the first call of the `Popper.update()` method inside the `Popper` constructor!
+     * @method
+     * @memberof Popper
+     * @param {Function} callback
+     */
+    Popper.prototype.onUpdate = function (callback) {
+        this.state.updateCallback = callback;
+        return this;
+    };
+
+    /**
+     * Helper used to generate poppers from a configuration file
+     * @method
+     * @memberof Popper
+     * @param config {Object} configuration
+     * @returns {HTMLElement} popper
+     */
+    Popper.prototype.parse = function (config) {
+        var defaultConfig = {
+            tagName: 'div',
+            classNames: ['popper'],
+            attributes: [],
+            parent: root.document.body,
+            content: '',
+            contentType: 'text',
+            arrowTagName: 'div',
+            arrowClassNames: ['popper__arrow'],
+            arrowAttributes: ['x-arrow']
+        };
+        config = Object.assign({}, defaultConfig, config);
+
+        var d = root.document;
+
+        var popper = d.createElement(config.tagName);
+        addClassNames(popper, config.classNames);
+        addAttributes(popper, config.attributes);
+        if (config.contentType === 'node') {
+            popper.appendChild(config.content.jquery ? config.content[0] : config.content);
+        } else if (config.contentType === 'html') {
+            popper.innerHTML = config.content;
+        } else {
+            popper.textContent = config.content;
+        }
+
+        if (config.arrowTagName) {
+            var arrow = d.createElement(config.arrowTagName);
+            addClassNames(arrow, config.arrowClassNames);
+            addAttributes(arrow, config.arrowAttributes);
+            popper.appendChild(arrow);
+        }
+
+        var parent = config.parent.jquery ? config.parent[0] : config.parent;
+
+        // if the given parent is a string, use it to match an element
+        // if more than one element is matched, the first one will be used as parent
+        // if no elements are matched, the script will throw an error
+        if (typeof parent === 'string') {
+            parent = d.querySelectorAll(config.parent);
+            if (parent.length > 1) {
+                console.warn('WARNING: the given `parent` query(' + config.parent + ') matched more than one element, the first one will be used');
+            }
+            if (parent.length === 0) {
+                throw 'ERROR: the given `parent` doesn\'t exists!';
+            }
+            parent = parent[0];
+        }
+        // if the given parent is a DOM nodes list or an array of nodes with more than one element,
+        // the first one will be used as parent
+        if (parent.length > 1 && parent instanceof Element === false) {
+            console.warn('WARNING: you have passed as parent a list of elements, the first one will be used');
+            parent = parent[0];
+        }
+
+        // append the generated popper to its parent
+        parent.appendChild(popper);
+
+        return popper;
+
+        /**
+         * Adds class names to the given element
+         * @function
+         * @ignore
+         * @param {HTMLElement} target
+         * @param {Array} classes
+         */
+        function addClassNames(element, classNames) {
+            classNames.forEach(function (className) {
+                element.classList.add(className);
+            });
+        }
+
+        /**
+         * Adds attributes to the given element
+         * @function
+         * @ignore
+         * @param {HTMLElement} target
+         * @param {Array} attributes
+         * @example
+         * addAttributes(element, [ 'data-info:foobar' ]);
+         */
+        function addAttributes(element, attributes) {
+            attributes.forEach(function (attribute) {
+                element.setAttribute(attribute.split(':')[0], attribute.split(':')[1] || '');
+            });
+        }
+    };
+
+    /**
+     * Helper used to get the position which will be applied to the popper
+     * @method
+     * @memberof Popper
+     * @param config {HTMLElement} popper element
+     * @param reference {HTMLElement} reference element
+     * @returns {String} position
+     */
+    Popper.prototype._getPosition = function (popper, reference) {
+        var container = getOffsetParent(reference);
+
+        if (this._options.forceAbsolute) {
+            return 'absolute';
+        }
+
+        // Decide if the popper will be fixed
+        // If the reference element is inside a fixed context, the popper will be fixed as well to allow them to scroll together
+        var isParentFixed = isFixed(reference, container);
+        return isParentFixed ? 'fixed' : 'absolute';
+    };
+
+    /**
+     * Get offsets to the popper
+     * @method
+     * @memberof Popper
+     * @access private
+     * @param {Element} popper - the popper element
+     * @param {Element} reference - the reference element (the popper will be relative to this)
+     * @returns {Object} An object containing the offsets which will be applied to the popper
+     */
+    Popper.prototype._getOffsets = function (popper, reference, placement) {
+        placement = placement.split('-')[0];
+        var popperOffsets = {};
+
+        popperOffsets.position = this.state.position;
+        var isParentFixed = popperOffsets.position === 'fixed';
+
+        //
+        // Get reference element position
+        //
+        var referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
+
+        //
+        // Get popper sizes
+        //
+        var popperRect = getOuterSizes(popper);
+
+        //
+        // Compute offsets of popper
+        //
+
+        // depending by the popper placement we have to compute its offsets slightly differently
+        if (['right', 'left'].indexOf(placement) !== -1) {
+            popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - popperRect.height / 2;
+            if (placement === 'left') {
+                popperOffsets.left = referenceOffsets.left - popperRect.width;
+            } else {
+                popperOffsets.left = referenceOffsets.right;
+            }
+        } else {
+            popperOffsets.left = referenceOffsets.left + referenceOffsets.width / 2 - popperRect.width / 2;
+            if (placement === 'top') {
+                popperOffsets.top = referenceOffsets.top - popperRect.height;
+            } else {
+                popperOffsets.top = referenceOffsets.bottom;
+            }
+        }
+
+        // Add width and height to our offsets object
+        popperOffsets.width = popperRect.width;
+        popperOffsets.height = popperRect.height;
+
+        return {
+            popper: popperOffsets,
+            reference: referenceOffsets
+        };
+    };
+
+    /**
+     * Setup needed event listeners used to update the popper position
+     * @method
+     * @memberof Popper
+     * @access private
+     */
+    Popper.prototype._setupEventListeners = function () {
+        // NOTE: 1 DOM access here
+        this.state.updateBound = this.update.bind(this);
+        root.addEventListener('resize', this.state.updateBound);
+        // if the boundariesElement is window we don't need to listen for the scroll event
+        if (this._options.boundariesElement !== 'window') {
+            var target = getScrollParent(this._reference);
+            // here it could be both `body` or `documentElement` thanks to Firefox, we then check both
+            if (target === root.document.body || target === root.document.documentElement) {
+                target = root;
+            }
+            target.addEventListener('scroll', this.state.updateBound);
+            this.state.scrollTarget = target;
+        }
+    };
+
+    /**
+     * Remove event listeners used to update the popper position
+     * @method
+     * @memberof Popper
+     * @access private
+     */
+    Popper.prototype._removeEventListeners = function () {
+        // NOTE: 1 DOM access here
+        root.removeEventListener('resize', this.state.updateBound);
+        if (this._options.boundariesElement !== 'window' && this.state.scrollTarget) {
+            this.state.scrollTarget.removeEventListener('scroll', this.state.updateBound);
+            this.state.scrollTarget = null;
+        }
+        this.state.updateBound = null;
+    };
+
+    /**
+     * Computed the boundaries limits and return them
+     * @method
+     * @memberof Popper
+     * @access private
+     * @param {Object} data - Object containing the property "offsets" generated by `_getOffsets`
+     * @param {Number} padding - Boundaries padding
+     * @param {Element} boundariesElement - Element used to define the boundaries
+     * @returns {Object} Coordinates of the boundaries
+     */
+    Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
+        // NOTE: 1 DOM access here
+        var boundaries = {};
+        var width, height;
+        if (boundariesElement === 'window') {
+            var body = root.document.body,
+                html = root.document.documentElement;
+
+            height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+            width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
+
+            boundaries = {
+                top: 0,
+                right: width,
+                bottom: height,
+                left: 0
+            };
+        } else if (boundariesElement === 'viewport') {
+            var offsetParent = getOffsetParent(this._popper);
+            var scrollParent = getScrollParent(this._popper);
+            var offsetParentRect = getOffsetRect(offsetParent);
+
+            // Thanks the fucking native API, `document.body.scrollTop` & `document.documentElement.scrollTop`
+            var getScrollTopValue = function getScrollTopValue(element) {
+                return element == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : element.scrollTop;
+            };
+            var getScrollLeftValue = function getScrollLeftValue(element) {
+                return element == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : element.scrollLeft;
+            };
+
+            // if the popper is fixed we don't have to substract scrolling from the boundaries
+            var scrollTop = data.offsets.popper.position === 'fixed' ? 0 : getScrollTopValue(scrollParent);
+            var scrollLeft = data.offsets.popper.position === 'fixed' ? 0 : getScrollLeftValue(scrollParent);
+
+            boundaries = {
+                top: 0 - (offsetParentRect.top - scrollTop),
+                right: root.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
+                bottom: root.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
+                left: 0 - (offsetParentRect.left - scrollLeft)
+            };
+        } else {
+            if (getOffsetParent(this._popper) === boundariesElement) {
+                boundaries = {
+                    top: 0,
+                    left: 0,
+                    right: boundariesElement.clientWidth,
+                    bottom: boundariesElement.clientHeight
+                };
+            } else {
+                boundaries = getOffsetRect(boundariesElement);
+            }
+        }
+        boundaries.left += padding;
+        boundaries.right -= padding;
+        boundaries.top = boundaries.top + padding;
+        boundaries.bottom = boundaries.bottom - padding;
+        return boundaries;
+    };
+
+    /**
+     * Loop trough the list of modifiers and run them in order, each of them will then edit the data object
+     * @method
+     * @memberof Popper
+     * @access public
+     * @param {Object} data
+     * @param {Array} modifiers
+     * @param {Function} ends
+     */
+    Popper.prototype.runModifiers = function (data, modifiers, ends) {
+        var modifiersToRun = modifiers.slice();
+        if (ends !== undefined) {
+            modifiersToRun = this._options.modifiers.slice(0, getArrayKeyIndex(this._options.modifiers, ends));
+        }
+
+        modifiersToRun.forEach(function (modifier) {
+            if (isFunction(modifier)) {
+                data = modifier.call(this, data);
+            }
+        }.bind(this));
+
+        return data;
+    };
+
+    /**
+     * Helper used to know if the given modifier depends from another one.
+     * @method
+     * @memberof Popper
+     * @param {String} requesting - name of requesting modifier
+     * @param {String} requested - name of requested modifier
+     * @returns {Boolean}
+     */
+    Popper.prototype.isModifierRequired = function (requesting, requested) {
+        var index = getArrayKeyIndex(this._options.modifiers, requesting);
+        return !!this._options.modifiers.slice(0, index).filter(function (modifier) {
+            return modifier === requested;
+        }).length;
+    };
+
+    //
+    // Modifiers
+    //
+
+    /**
+     * Modifiers list
+     * @namespace Popper.modifiers
+     * @memberof Popper
+     * @type {Object}
+     */
+    Popper.prototype.modifiers = {};
+
+    /**
+     * Apply the computed styles to the popper element
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by `update` method
+     * @returns {Object} The same data object
+     */
+    Popper.prototype.modifiers.applyStyle = function (data) {
+        // apply the final offsets to the popper
+        // NOTE: 1 DOM access here
+        var styles = {
+            position: data.offsets.popper.position
+        };
+
+        // round top and left to avoid blurry text
+        var left = Math.round(data.offsets.popper.left);
+        var top = Math.round(data.offsets.popper.top);
+
+        // if gpuAcceleration is set to true and transform is supported, we use `translate3d` to apply the position to the popper
+        // we automatically use the supported prefixed version if needed
+        var prefixedProperty;
+        if (this._options.gpuAcceleration && (prefixedProperty = getSupportedPropertyName('transform'))) {
+            styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
+            styles.top = 0;
+            styles.left = 0;
+        }
+        // othwerise, we use the standard `left` and `top` properties
+        else {
+                styles.left = left;
+                styles.top = top;
+            }
+
+        // any property present in `data.styles` will be applied to the popper,
+        // in this way we can make the 3rd party modifiers add custom styles to it
+        // Be aware, modifiers could override the properties defined in the previous
+        // lines of this modifier!
+        Object.assign(styles, data.styles);
+
+        setStyle(this._popper, styles);
+
+        // set an attribute which will be useful to style the tooltip (use it to properly position its arrow)
+        // NOTE: 1 DOM access here
+        this._popper.setAttribute('x-placement', data.placement);
+
+        // if the arrow modifier is required and the arrow style has been computed, apply the arrow style
+        if (this.isModifierRequired(this.modifiers.applyStyle, this.modifiers.arrow) && data.offsets.arrow) {
+            setStyle(data.arrowElement, data.offsets.arrow);
+        }
+
+        return data;
+    };
+
+    /**
+     * Modifier used to shift the popper on the start or end of its reference element side
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by `update` method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.shift = function (data) {
+        var placement = data.placement;
+        var basePlacement = placement.split('-')[0];
+        var shiftVariation = placement.split('-')[1];
+
+        // if shift shiftVariation is specified, run the modifier
+        if (shiftVariation) {
+            var reference = data.offsets.reference;
+            var popper = getPopperClientRect(data.offsets.popper);
+
+            var shiftOffsets = {
+                y: {
+                    start: { top: reference.top },
+                    end: { top: reference.top + reference.height - popper.height }
+                },
+                x: {
+                    start: { left: reference.left },
+                    end: { left: reference.left + reference.width - popper.width }
+                }
+            };
+
+            var axis = ['bottom', 'top'].indexOf(basePlacement) !== -1 ? 'x' : 'y';
+
+            data.offsets.popper = Object.assign(popper, shiftOffsets[axis][shiftVariation]);
+        }
+
+        return data;
+    };
+
+    /**
+     * Modifier used to make sure the popper does not overflows from it's boundaries
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by `update` method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.preventOverflow = function (data) {
+        var order = this._options.preventOverflowOrder;
+        var popper = getPopperClientRect(data.offsets.popper);
+
+        var check = {
+            left: function left() {
+                var left = popper.left;
+                if (popper.left < data.boundaries.left) {
+                    left = Math.max(popper.left, data.boundaries.left);
+                }
+                return { left: left };
+            },
+            right: function right() {
+                var left = popper.left;
+                if (popper.right > data.boundaries.right) {
+                    left = Math.min(popper.left, data.boundaries.right - popper.width);
+                }
+                return { left: left };
+            },
+            top: function top() {
+                var top = popper.top;
+                if (popper.top < data.boundaries.top) {
+                    top = Math.max(popper.top, data.boundaries.top);
+                }
+                return { top: top };
+            },
+            bottom: function bottom() {
+                var top = popper.top;
+                if (popper.bottom > data.boundaries.bottom) {
+                    top = Math.min(popper.top, data.boundaries.bottom - popper.height);
+                }
+                return { top: top };
+            }
+        };
+
+        order.forEach(function (direction) {
+            data.offsets.popper = Object.assign(popper, check[direction]());
+        });
+
+        return data;
+    };
+
+    /**
+     * Modifier used to make sure the popper is always near its reference
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by _update method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.keepTogether = function (data) {
+        var popper = getPopperClientRect(data.offsets.popper);
+        var reference = data.offsets.reference;
+        var f = Math.floor;
+
+        if (popper.right < f(reference.left)) {
+            data.offsets.popper.left = f(reference.left) - popper.width;
+        }
+        if (popper.left > f(reference.right)) {
+            data.offsets.popper.left = f(reference.right);
+        }
+        if (popper.bottom < f(reference.top)) {
+            data.offsets.popper.top = f(reference.top) - popper.height;
+        }
+        if (popper.top > f(reference.bottom)) {
+            data.offsets.popper.top = f(reference.bottom);
+        }
+
+        return data;
+    };
+
+    /**
+     * Modifier used to flip the placement of the popper when the latter is starting overlapping its reference element.
+     * Requires the `preventOverflow` modifier before it in order to work.
+     * **NOTE:** This modifier will run all its previous modifiers everytime it tries to flip the popper!
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by _update method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.flip = function (data) {
+        // check if preventOverflow is in the list of modifiers before the flip modifier.
+        // otherwise flip would not work as expected.
+        if (!this.isModifierRequired(this.modifiers.flip, this.modifiers.preventOverflow)) {
+            console.warn('WARNING: preventOverflow modifier is required by flip modifier in order to work, be sure to include it before flip!');
+            return data;
+        }
+
+        if (data.flipped && data.placement === data._originalPlacement) {
+            // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
+            return data;
+        }
+
+        var placement = data.placement.split('-')[0];
+        var placementOpposite = getOppositePlacement(placement);
+        var variation = data.placement.split('-')[1] || '';
+
+        var flipOrder = [];
+        if (this._options.flipBehavior === 'flip') {
+            flipOrder = [placement, placementOpposite];
+        } else {
+            flipOrder = this._options.flipBehavior;
+        }
+
+        flipOrder.forEach(function (step, index) {
+            if (placement !== step || flipOrder.length === index + 1) {
+                return;
+            }
+
+            placement = data.placement.split('-')[0];
+            placementOpposite = getOppositePlacement(placement);
+
+            var popperOffsets = getPopperClientRect(data.offsets.popper);
+
+            // this boolean is used to distinguish right and bottom from top and left
+            // they need different computations to get flipped
+            var a = ['right', 'bottom'].indexOf(placement) !== -1;
+
+            // using Math.floor because the reference offsets may contain decimals we are not going to consider here
+            if (a && Math.floor(data.offsets.reference[placement]) > Math.floor(popperOffsets[placementOpposite]) || !a && Math.floor(data.offsets.reference[placement]) < Math.floor(popperOffsets[placementOpposite])) {
+                // we'll use this boolean to detect any flip loop
+                data.flipped = true;
+                data.placement = flipOrder[index + 1];
+                if (variation) {
+                    data.placement += '-' + variation;
+                }
+                data.offsets.popper = this._getOffsets(this._popper, this._reference, data.placement).popper;
+
+                data = this.runModifiers(data, this._options.modifiers, this._flip);
+            }
+        }.bind(this));
+        return data;
+    };
+
+    /**
+     * Modifier used to add an offset to the popper, useful if you more granularity positioning your popper.
+     * The offsets will shift the popper on the side of its reference element.
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by _update method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.offset = function (data) {
+        var offset = this._options.offset;
+        var popper = data.offsets.popper;
+
+        if (data.placement.indexOf('left') !== -1) {
+            popper.top -= offset;
+        } else if (data.placement.indexOf('right') !== -1) {
+            popper.top += offset;
+        } else if (data.placement.indexOf('top') !== -1) {
+            popper.left -= offset;
+        } else if (data.placement.indexOf('bottom') !== -1) {
+            popper.left += offset;
+        }
+        return data;
+    };
+
+    /**
+     * Modifier used to move the arrows on the edge of the popper to make sure them are always between the popper and the reference element
+     * It will use the CSS outer size of the arrow element to know how many pixels of conjuction are needed
+     * @method
+     * @memberof Popper.modifiers
+     * @argument {Object} data - The data object generated by _update method
+     * @returns {Object} The data object, properly modified
+     */
+    Popper.prototype.modifiers.arrow = function (data) {
+        var arrow = this._options.arrowElement;
+        var arrowOffset = this._options.arrowOffset;
+
+        // if the arrowElement is a string, suppose it's a CSS selector
+        if (typeof arrow === 'string') {
+            arrow = this._popper.querySelector(arrow);
+        }
+
+        // if arrow element is not found, don't run the modifier
+        if (!arrow) {
+            return data;
+        }
+
+        // the arrow element must be child of its popper
+        if (!this._popper.contains(arrow)) {
+            console.warn('WARNING: `arrowElement` must be child of its popper element!');
+            return data;
+        }
+
+        // arrow depends on keepTogether in order to work
+        if (!this.isModifierRequired(this.modifiers.arrow, this.modifiers.keepTogether)) {
+            console.warn('WARNING: keepTogether modifier is required by arrow modifier in order to work, be sure to include it before arrow!');
+            return data;
+        }
+
+        var arrowStyle = {};
+        var placement = data.placement.split('-')[0];
+        var popper = getPopperClientRect(data.offsets.popper);
+        var reference = data.offsets.reference;
+        var isVertical = ['left', 'right'].indexOf(placement) !== -1;
+
+        var len = isVertical ? 'height' : 'width';
+        var side = isVertical ? 'top' : 'left';
+        var translate = isVertical ? 'translateY' : 'translateX';
+        var altSide = isVertical ? 'left' : 'top';
+        var opSide = isVertical ? 'bottom' : 'right';
+        var arrowSize = getOuterSizes(arrow)[len];
+
+        //
+        // extends keepTogether behavior making sure the popper and its reference have enough pixels in conjuction
+        //
+
+        // top/left side
+        if (reference[opSide] - arrowSize < popper[side]) {
+            data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowSize);
+        }
+        // bottom/right side
+        if (reference[side] + arrowSize > popper[opSide]) {
+            data.offsets.popper[side] += reference[side] + arrowSize - popper[opSide];
+        }
+
+        // compute center of the popper
+        var center = reference[side] + (arrowOffset || reference[len] / 2 - arrowSize / 2);
+
+        var sideValue = center - popper[side];
+
+        // prevent arrow from being placed not contiguously to its popper
+        sideValue = Math.max(Math.min(popper[len] - arrowSize - 8, sideValue), 8);
+        arrowStyle[side] = sideValue;
+        arrowStyle[altSide] = ''; // make sure to remove any old style from the arrow
+
+        data.offsets.arrow = arrowStyle;
+        data.arrowElement = arrow;
+
+        return data;
+    };
+
+    //
+    // Helpers
+    //
+
+    /**
+     * Get the outer sizes of the given element (offset size + margins)
+     * @function
+     * @ignore
+     * @argument {Element} element
+     * @returns {Object} object containing width and height properties
+     */
+    function getOuterSizes(element) {
+        // NOTE: 1 DOM access here
+        var _display = element.style.display,
+            _visibility = element.style.visibility;
+        element.style.display = 'block';element.style.visibility = 'hidden';
+        var calcWidthToForceRepaint = element.offsetWidth;
+
+        // original method
+        var styles = root.getComputedStyle(element);
+        var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+        var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+        var result = { width: element.offsetWidth + y, height: element.offsetHeight + x };
+
+        // reset element styles
+        element.style.display = _display;element.style.visibility = _visibility;
+        return result;
+    }
+
+    /**
+     * Get the opposite placement of the given one/
+     * @function
+     * @ignore
+     * @argument {String} placement
+     * @returns {String} flipped placement
+     */
+    function getOppositePlacement(placement) {
+        var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
+        return placement.replace(/left|right|bottom|top/g, function (matched) {
+            return hash[matched];
+        });
+    }
+
+    /**
+     * Given the popper offsets, generate an output similar to getBoundingClientRect
+     * @function
+     * @ignore
+     * @argument {Object} popperOffsets
+     * @returns {Object} ClientRect like output
+     */
+    function getPopperClientRect(popperOffsets) {
+        var offsets = Object.assign({}, popperOffsets);
+        offsets.right = offsets.left + offsets.width;
+        offsets.bottom = offsets.top + offsets.height;
+        return offsets;
+    }
+
+    /**
+     * Given an array and the key to find, returns its index
+     * @function
+     * @ignore
+     * @argument {Array} arr
+     * @argument keyToFind
+     * @returns index or null
+     */
+    function getArrayKeyIndex(arr, keyToFind) {
+        var i = 0,
+            key;
+        for (key in arr) {
+            if (arr[key] === keyToFind) {
+                return i;
+            }
+            i++;
+        }
+        return null;
+    }
+
+    /**
+     * Get CSS computed property of the given element
+     * @function
+     * @ignore
+     * @argument {Eement} element
+     * @argument {String} property
+     */
+    function getStyleComputedProperty(element, property) {
+        // NOTE: 1 DOM access here
+        var css = root.getComputedStyle(element, null);
+        return css[property];
+    }
+
+    /**
+     * Returns the offset parent of the given element
+     * @function
+     * @ignore
+     * @argument {Element} element
+     * @returns {Element} offset parent
+     */
+    function getOffsetParent(element) {
+        // NOTE: 1 DOM access here
+        var offsetParent = element.offsetParent;
+        return offsetParent === root.document.body || !offsetParent ? root.document.documentElement : offsetParent;
+    }
+
+    /**
+     * Returns the scrolling parent of the given element
+     * @function
+     * @ignore
+     * @argument {Element} element
+     * @returns {Element} offset parent
+     */
+    function getScrollParent(element) {
+        var parent = element.parentNode;
+
+        if (!parent) {
+            return element;
+        }
+
+        if (parent === root.document) {
+            // Firefox puts the scrollTOp value on `documentElement` instead of `body`, we then check which of them is
+            // greater than 0 and return the proper element
+            if (root.document.body.scrollTop || root.document.body.scrollLeft) {
+                return root.document.body;
+            } else {
+                return root.document.documentElement;
+            }
+        }
+
+        // Firefox want us to check `-x` and `-y` variations as well
+        if (['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-x')) !== -1 || ['scroll', 'auto'].indexOf(getStyleComputedProperty(parent, 'overflow-y')) !== -1) {
+            // If the detected scrollParent is body, we perform an additional check on its parentNode
+            // in this way we'll get body if the browser is Chrome-ish, or documentElement otherwise
+            // fixes issue #65
+            return parent;
+        }
+        return getScrollParent(element.parentNode);
+    }
+
+    /**
+     * Check if the given element is fixed or is inside a fixed parent
+     * @function
+     * @ignore
+     * @argument {Element} element
+     * @argument {Element} customContainer
+     * @returns {Boolean} answer to "isFixed?"
+     */
+    function isFixed(element) {
+        if (element === root.document.body) {
+            return false;
+        }
+        if (getStyleComputedProperty(element, 'position') === 'fixed') {
+            return true;
+        }
+        return element.parentNode ? isFixed(element.parentNode) : element;
+    }
+
+    /**
+     * Set the style to the given popper
+     * @function
+     * @ignore
+     * @argument {Element} element - Element to apply the style to
+     * @argument {Object} styles - Object with a list of properties and values which will be applied to the element
+     */
+    function setStyle(element, styles) {
+        function is_numeric(n) {
+            return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
+        }
+        Object.keys(styles).forEach(function (prop) {
+            var unit = '';
+            // add unit if the value is numeric and is one of the following
+            if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && is_numeric(styles[prop])) {
+                unit = 'px';
+            }
+            element.style[prop] = styles[prop] + unit;
+        });
+    }
+
+    /**
+     * Check if the given variable is a function
+     * @function
+     * @ignore
+     * @argument {*} functionToCheck - variable to check
+     * @returns {Boolean} answer to: is a function?
+     */
+    function isFunction(functionToCheck) {
+        var getType = {};
+        return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+    }
+
+    /**
+     * Get the position of the given element, relative to its offset parent
+     * @function
+     * @ignore
+     * @param {Element} element
+     * @return {Object} position - Coordinates of the element and its `scrollTop`
+     */
+    function getOffsetRect(element) {
+        var elementRect = {
+            width: element.offsetWidth,
+            height: element.offsetHeight,
+            left: element.offsetLeft,
+            top: element.offsetTop
+        };
+
+        elementRect.right = elementRect.left + elementRect.width;
+        elementRect.bottom = elementRect.top + elementRect.height;
+
+        // position
+        return elementRect;
+    }
+
+    /**
+     * Get bounding client rect of given element
+     * @function
+     * @ignore
+     * @param {HTMLElement} element
+     * @return {Object} client rect
+     */
+    function getBoundingClientRect(element) {
+        var rect = element.getBoundingClientRect();
+
+        // whether the IE version is lower than 11
+        var isIE = navigator.userAgent.indexOf("MSIE") != -1;
+
+        // fix ie document bounding top always 0 bug
+        var rectTop = isIE && element.tagName === 'HTML' ? -element.scrollTop : rect.top;
+
+        return {
+            left: rect.left,
+            top: rectTop,
+            right: rect.right,
+            bottom: rect.bottom,
+            width: rect.right - rect.left,
+            height: rect.bottom - rectTop
+        };
+    }
+
+    /**
+     * Given an element and one of its parents, return the offset
+     * @function
+     * @ignore
+     * @param {HTMLElement} element
+     * @param {HTMLElement} parent
+     * @return {Object} rect
+     */
+    function getOffsetRectRelativeToCustomParent(element, parent, fixed) {
+        var elementRect = getBoundingClientRect(element);
+        var parentRect = getBoundingClientRect(parent);
+
+        if (fixed) {
+            var scrollParent = getScrollParent(parent);
+            parentRect.top += scrollParent.scrollTop;
+            parentRect.bottom += scrollParent.scrollTop;
+            parentRect.left += scrollParent.scrollLeft;
+            parentRect.right += scrollParent.scrollLeft;
+        }
+
+        var rect = {
+            top: elementRect.top - parentRect.top,
+            left: elementRect.left - parentRect.left,
+            bottom: elementRect.top - parentRect.top + elementRect.height,
+            right: elementRect.left - parentRect.left + elementRect.width,
+            width: elementRect.width,
+            height: elementRect.height
+        };
+        return rect;
+    }
+
+    /**
+     * Get the prefixed supported property name
+     * @function
+     * @ignore
+     * @argument {String} property (camelCase)
+     * @returns {String} prefixed property (camelCase)
+     */
+    function getSupportedPropertyName(property) {
+        var prefixes = ['', 'ms', 'webkit', 'moz', 'o'];
+
+        for (var i = 0; i < prefixes.length; i++) {
+            var toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
+            if (typeof root.document.body.style[toCheck] !== 'undefined') {
+                return toCheck;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * The Object.assign() method is used to copy the values of all enumerable own properties from one or more source
+     * objects to a target object. It will return the target object.
+     * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
+     * Source: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+     * @function
+     * @ignore
+     */
+    if (!Object.assign) {
+        Object.defineProperty(Object, 'assign', {
+            enumerable: false,
+            configurable: true,
+            writable: true,
+            value: function value(target) {
+                if (target === undefined || target === null) {
+                    throw new TypeError('Cannot convert first argument to object');
+                }
+
+                var to = Object(target);
+                for (var i = 1; i < arguments.length; i++) {
+                    var nextSource = arguments[i];
+                    if (nextSource === undefined || nextSource === null) {
+                        continue;
+                    }
+                    nextSource = Object(nextSource);
+
+                    var keysArray = Object.keys(nextSource);
+                    for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
+                        var nextKey = keysArray[nextIndex];
+                        var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+                        if (desc !== undefined && desc.enumerable) {
+                            to[nextKey] = nextSource[nextKey];
+                        }
+                    }
+                }
+                return to;
+            }
+        });
+    }
+
+    return Popper;
+});
+
+/***/ }),
+
+/***/ 28:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=template&id=7105114a
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c
+  return _c(
+    "button",
+    {
+      staticClass: "el-button",
+      class: [
+        _vm.type ? "el-button--" + _vm.type : "",
+        _vm.buttonSize ? "el-button--" + _vm.buttonSize : "",
+        {
+          "is-disabled": _vm.buttonDisabled,
+          "is-loading": _vm.loading,
+          "is-plain": _vm.plain,
+          "is-round": _vm.round,
+          "is-circle": _vm.circle,
+        },
+      ],
+      attrs: {
+        disabled: _vm.buttonDisabled || _vm.loading,
+        autofocus: _vm.autofocus,
+        type: _vm.nativeType,
+      },
+      on: { click: _vm.handleClick },
+    },
+    [
+      _vm.loading ? _c("i", { staticClass: "el-icon-loading" }) : _vm._e(),
+      _vm.icon && !_vm.loading ? _c("i", { class: _vm.icon }) : _vm._e(),
+      _vm.$slots.default ? _c("span", [_vm._t("default")], 2) : _vm._e(),
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=template&id=7105114a
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/button/src/button.vue?vue&type=script&lang=js
+
+/* harmony default export */ var buttonvue_type_script_lang_js = ({
+	name: 'ElButton',
+
+	inject: {
+		elForm: {
+			default: ''
+		},
+		elFormItem: {
+			default: ''
+		}
+	},
+
+	props: {
+		type: {
+			type: String,
+			default: 'default'
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ''
+		},
+		nativeType: {
+			type: String,
+			default: 'button'
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		circle: Boolean
+	},
+
+	computed: {
+		_elFormItemSize: function _elFormItemSize() {
+			return (this.elFormItem || {}).elFormItemSize;
+		},
+		buttonSize: function buttonSize() {
+			return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+		},
+		buttonDisabled: function buttonDisabled() {
+			return this.$options.propsData.hasOwnProperty('disabled') ? this.disabled : (this.elForm || {}).disabled;
+		}
+	},
+
+	methods: {
+		handleClick: function handleClick(evt) {
+			this.$emit('click', evt);
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/button/src/button.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/button/src/button.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_buttonvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var src_button = (component.exports);
+// CONCATENATED MODULE: ./packages/button/index.js
+
+
+/* istanbul ignore next */
+src_button.install = function (Vue) {
+	Vue.component(src_button.name, src_button);
+};
+
+/* harmony default export */ var packages_button = __webpack_exports__["default"] = (src_button);
+
+/***/ }),
+
+/***/ 3:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "r", function() { return noop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return hasOwn; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "t", function() { return toObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return getValueByPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return getPropByPath; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return generateId; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "u", function() { return valueEquals; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return escapeRegexpString; });
+/* 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__, "e", function() { return coerceTruthyValueToArray; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return isIE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isEdge; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return isFirefox; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return autoprefixer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "q", function() { return kebabCase; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return capitalize; });
+/* unused harmony export looseEqual */
+/* unused harmony export arrayEquals */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return isEqual; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isEmpty; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "s", function() { return rafThrottle; });
+/* unused harmony export objToArray */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return isMac; });
+/* 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__);
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
-// 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
-  }
+var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
+function noop() {};
 
-  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
-  }
+function hasOwn(obj, key) {
+	return hasOwnProperty.call(obj, key);
+};
 
-  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]
-    }
-  }
+function extend(to, _from) {
+	for (var key in _from) {
+		to[key] = _from[key];
+	}
+	return to;
+};
 
-  return {
-    exports: scriptExports,
-    options: options
-  }
+function toObject(arr) {
+	var res = {};
+	for (var i = 0; i < arr.length; i++) {
+		if (arr[i]) {
+			extend(res, arr[i]);
+		}
+	}
+	return res;
+};
+
+var getValueByPath = function getValueByPath(object, prop) {
+	prop = prop || '';
+	var paths = prop.split('.');
+	var current = object;
+	var result = null;
+	for (var i = 0, j = paths.length; i < j; i++) {
+		var path = paths[i];
+		if (!current) break;
+
+		if (i === j - 1) {
+			result = current[path];
+			break;
+		}
+		current = current[path];
+	}
+	return result;
+};
+
+function getPropByPath(obj, path, strict) {
+	var tempObj = obj;
+	path = path.replace(/\[(\w+)\]/g, '.$1');
+	path = path.replace(/^\./, '');
+
+	var keyArr = path.split('.');
+	var i = 0;
+	for (var len = keyArr.length; i < len - 1; ++i) {
+		if (!tempObj && !strict) break;
+		var key = keyArr[i];
+		if (key in tempObj) {
+			tempObj = tempObj[key];
+		} else {
+			if (strict) {
+				throw new Error('please transfer a valid prop path to form item!');
+			}
+			break;
+		}
+	}
+	return {
+		o: tempObj,
+		k: keyArr[i],
+		v: tempObj ? tempObj[keyArr[i]] : null
+	};
+};
+
+var generateId = function generateId() {
+	return Math.floor(Math.random() * 10000);
+};
+
+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;
+};
+
+var escapeRegexpString = function escapeRegexpString() {
+	var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+	return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+};
+
+// 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 autoprefixer = function autoprefixer(style) {
+	if ((typeof style === 'undefined' ? 'undefined' : _typeof(style)) !== 'object') return style;
+	var rules = ['transform', 'transition', 'animation'];
+	var prefixes = ['ms-', 'webkit-'];
+	rules.forEach(function (rule) {
+		var value = style[rule];
+		if (rule && value) {
+			prefixes.forEach(function (prefix) {
+				style[prefix + rule] = value;
+			});
+		}
+	});
+	return style;
+};
+
+var kebabCase = function kebabCase(str) {
+	var hyphenateRE = /([^-])([A-Z])/g;
+	return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase();
+};
+
+var capitalize = function capitalize(str) {
+	if (!Object(_types__WEBPACK_IMPORTED_MODULE_1__[/* isString */ "e"])(str)) return str;
+	return str.charAt(0).toUpperCase() + str.slice(1);
+};
+
+var looseEqual = function looseEqual(a, b) {
+	var isObjectA = Object(_types__WEBPACK_IMPORTED_MODULE_1__[/* isObject */ "d"])(a);
+	var isObjectB = Object(_types__WEBPACK_IMPORTED_MODULE_1__[/* isObject */ "d"])(b);
+	if (isObjectA && isObjectB) {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} else if (!isObjectA && !isObjectB) {
+		return String(a) === String(b);
+	} else {
+		return false;
+	}
+};
+
+var arrayEquals = function arrayEquals(arrayA, arrayB) {
+	arrayA = arrayA || [];
+	arrayB = arrayB || [];
+
+	if (arrayA.length !== arrayB.length) {
+		return false;
+	}
+
+	for (var i = 0; i < arrayA.length; i++) {
+		if (!looseEqual(arrayA[i], arrayB[i])) {
+			return false;
+		}
+	}
+
+	return true;
+};
+
+var isEqual = function isEqual(value1, value2) {
+	if (Array.isArray(value1) && Array.isArray(value2)) {
+		return arrayEquals(value1, value2);
+	}
+	return looseEqual(value1, value2);
+};
+
+var isEmpty = function isEmpty(val) {
+	// null or undefined
+	if (val == null) return true;
+
+	if (typeof val === 'boolean') return false;
+
+	if (typeof val === 'number') return !val;
+
+	if (val instanceof Error) return val.message === '';
+
+	switch (Object.prototype.toString.call(val)) {
+		// String or Array
+		case '[object String]':
+		case '[object Array]':
+			return !val.length;
+
+		// Map or Set or File
+		case '[object File]':
+		case '[object Map]':
+		case '[object Set]':
+			{
+				return !val.size;
+			}
+		// Plain Object
+		case '[object Object]':
+			{
+				return !Object.keys(val).length;
+			}
+	}
+
+	return false;
+};
+
+function rafThrottle(fn) {
+	var locked = false;
+	return function () {
+		var _this = this;
+
+		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+
+		if (locked) return;
+		locked = true;
+		window.requestAnimationFrame(function (_) {
+			fn.apply(_this, args);
+			locked = false;
+		});
+	};
+}
+
+function objToArray(obj) {
+	if (Array.isArray(obj)) {
+		return obj;
+	}
+	return isEmpty(obj) ? [] : [obj];
 }
 
+var isMac = function isMac() {
+	return !vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer && /macintosh|mac os x/i.test(navigator.userAgent);
+};
 
 /***/ }),
 
-/***/ 13:
-/***/ (function(module, exports) {
+/***/ 4:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isObject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return isHtmlElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isFunction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return isUndefined; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isDefined; });
+/* 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 _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
 
-module.exports = require("element-ui/packages/button");
+
+function isString(obj) {
+	return Object.prototype.toString.call(obj) === '[object String]';
+}
+
+function isObject(obj) {
+	return Object.prototype.toString.call(obj) === '[object Object]';
+}
+
+function isHtmlElement(node) {
+	return node && node.nodeType === Node.ELEMENT_NODE;
+}
+
+/**
+ *  - Inspired:
+ *    https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
+ */
+var isFunction = function isFunction(functionToCheck) {
+	var getType = {};
+	return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+
+if ( true && (typeof Int8Array === 'undefined' ? 'undefined' : _typeof(Int8Array)) !== 'object' && (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer || typeof document.childNodes !== 'function')) {
+	isFunction = function isFunction(obj) {
+		return typeof obj === 'function' || false;
+	};
+}
+
+
+
+var isUndefined = function isUndefined(val) {
+	return val === void 0;
+};
+
+var isDefined = function isDefined(val) {
+	return val !== undefined && val !== null;
+};
 
 /***/ }),
 
-/***/ 132:
+/***/ 47:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=template&id=32a45376
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=template&id=a6ece982
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
-    "el-popover",
-    _vm._b(
-      {
-        attrs: { trigger: "click" },
-        model: {
-          value: _vm.visible,
-          callback: function ($$v) {
-            _vm.visible = $$v
+    "span",
+    [
+      _c(
+        "transition",
+        {
+          attrs: { name: _vm.transition },
+          on: {
+            "after-enter": _vm.handleAfterEnter,
+            "after-leave": _vm.handleAfterLeave,
           },
-          expression: "visible",
         },
-      },
-      "el-popover",
-      _vm.$attrs,
-      false
-    ),
-    [
-      _c("div", { staticClass: "el-popconfirm" }, [
-        _c("p", { staticClass: "el-popconfirm__main" }, [
-          !_vm.hideIcon
-            ? _c("i", {
-                staticClass: "el-popconfirm__icon",
-                class: _vm.icon,
-                style: { color: _vm.iconColor },
-              })
-            : _vm._e(),
-          _vm._v("\n\t\t\t" + _vm._s(_vm.title) + "\n\t\t"),
-        ]),
-        _c(
-          "div",
-          { staticClass: "el-popconfirm__action" },
-          [
-            _c(
-              "el-button",
-              {
-                attrs: { size: "mini", type: _vm.cancelButtonType },
-                on: { click: _vm.cancel },
-              },
-              [
-                _vm._v(
-                  "\n\t\t\t\t" +
-                    _vm._s(_vm.displayCancelButtonText) +
-                    "\n\t\t\t"
-                ),
-              ]
-            ),
-            _c(
-              "el-button",
-              {
-                attrs: { size: "mini", type: _vm.confirmButtonType },
-                on: { click: _vm.confirm },
+        [
+          _c(
+            "div",
+            {
+              directives: [
+                {
+                  name: "show",
+                  rawName: "v-show",
+                  value: !_vm.disabled && _vm.showPopper,
+                  expression: "!disabled && showPopper",
+                },
+              ],
+              ref: "popper",
+              staticClass: "el-popover el-popper",
+              class: [_vm.popperClass, _vm.content && "el-popover--plain"],
+              style: { width: _vm.width + "px" },
+              attrs: {
+                role: "tooltip",
+                id: _vm.tooltipId,
+                "aria-hidden":
+                  _vm.disabled || !_vm.showPopper ? "true" : "false",
               },
-              [
-                _vm._v(
-                  "\n\t\t\t\t" +
-                    _vm._s(_vm.displayConfirmButtonText) +
-                    "\n\t\t\t"
-                ),
-              ]
-            ),
-          ],
-          1
-        ),
-      ]),
-      _vm._t("reference", null, { slot: "reference" }),
+            },
+            [
+              _vm.title
+                ? _c("div", {
+                    staticClass: "el-popover__title",
+                    domProps: { textContent: _vm._s(_vm.title) },
+                  })
+                : _vm._e(),
+              _vm._t("default", function () {
+                return [_vm._v(_vm._s(_vm.content))]
+              }),
+            ],
+            2
+          ),
+        ]
+      ),
+      _c(
+        "span",
+        { ref: "wrapper", staticClass: "el-popover__reference-wrapper" },
+        [_vm._t("reference")],
+        2
+      ),
     ],
-    2
+    1
   )
 }
 var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=template&id=32a45376
+// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=template&id=a6ece982
 
-// EXTERNAL MODULE: external "element-ui/packages/popover"
-var popover_ = __webpack_require__(42);
-var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
+// EXTERNAL MODULE: ./src/utils/vue-popper.js
+var vue_popper = __webpack_require__(10);
 
-// EXTERNAL MODULE: external "element-ui/packages/button"
-var button_ = __webpack_require__(13);
-var button_default = /*#__PURE__*/__webpack_require__.n(button_);
+// EXTERNAL MODULE: ./src/utils/dom.js
+var dom = __webpack_require__(1);
 
-// EXTERNAL MODULE: external "element-ui/src/locale"
-var locale_ = __webpack_require__(20);
+// EXTERNAL MODULE: ./src/utils/util.js
+var util = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popover/src/main.vue?vue&type=script&lang=js
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=script&lang=js
 
 
 
 
 
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-	name: 'ElPopconfirm',
+	name: 'ElPopover',
+
+	mixins: [vue_popper["a" /* default */]],
+
 	props: {
-		title: {
-			type: String
-		},
-		confirmButtonText: {
-			type: String
+		trigger: {
+			type: String,
+			default: 'click',
+			validator: function validator(value) {
+				return ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1;
+			}
 		},
-		cancelButtonText: {
-			type: String
+		openDelay: {
+			type: Number,
+			default: 0
 		},
-		confirmButtonType: {
-			type: String,
-			default: 'primary'
+		closeDelay: {
+			type: Number,
+			default: 200
 		},
-		cancelButtonType: {
-			type: String,
-			default: 'text'
+		title: String,
+		disabled: Boolean,
+		content: String,
+		reference: {},
+		popperClass: String,
+		width: {},
+		visibleArrow: {
+			default: true
 		},
-		icon: {
-			type: String,
-			default: 'el-icon-question'
+		arrowOffset: {
+			type: Number,
+			default: 0
 		},
-		iconColor: {
+		transition: {
 			type: String,
-			default: '#f90'
+			default: 'fade-in-linear'
 		},
-		hideIcon: {
-			type: Boolean,
-			default: false
+		tabindex: {
+			type: Number,
+			default: 0
 		}
 	},
-	components: {
-		ElPopover: popover_default.a,
-		ElButton: button_default.a
+
+	computed: {
+		tooltipId: function tooltipId() {
+			return 'el-popover-' + Object(util["g" /* generateId */])();
+		}
 	},
-	data: function data() {
-		return {
-			visible: false
-		};
+	watch: {
+		showPopper: function showPopper(val) {
+			if (this.disabled) {
+				return;
+			}
+			val ? this.$emit('show') : this.$emit('hide');
+		}
 	},
 
-	computed: {
-		displayConfirmButtonText: function displayConfirmButtonText() {
-			return this.confirmButtonText || Object(locale_["t"])('el.popconfirm.confirmButtonText');
-		},
-		displayCancelButtonText: function displayCancelButtonText() {
-			return this.cancelButtonText || Object(locale_["t"])('el.popconfirm.cancelButtonText');
+	mounted: function mounted() {
+		var _this = this;
+
+		var reference = this.referenceElm = this.reference || this.$refs.reference;
+		var popper = this.popper || this.$refs.popper;
+
+		if (!reference && this.$refs.wrapper && this.$refs.wrapper.children) {
+			reference = this.referenceElm = this.$refs.wrapper.children[0];
 		}
+		// 可访问性
+		if (reference) {
+			Object(dom["a" /* addClass */])(reference, 'el-popover__reference');
+			reference.setAttribute('aria-describedby', this.tooltipId);
+			reference.setAttribute('tabindex', this.tabindex); // tab序列
+			popper.setAttribute('tabindex', 0);
+
+			if (this.trigger !== 'click') {
+				Object(dom["g" /* on */])(reference, 'focusin', function () {
+					_this.handleFocus();
+					var instance = reference.__vue__;
+					if (instance && typeof instance.focus === 'function') {
+						instance.focus();
+					}
+				});
+				Object(dom["g" /* on */])(popper, 'focusin', this.handleFocus);
+				Object(dom["g" /* on */])(reference, 'focusout', this.handleBlur);
+				Object(dom["g" /* on */])(popper, 'focusout', this.handleBlur);
+			}
+			Object(dom["g" /* on */])(reference, 'keydown', this.handleKeydown);
+			Object(dom["g" /* on */])(reference, 'click', this.handleClick);
+		}
+		if (this.trigger === 'click') {
+			Object(dom["g" /* on */])(reference, 'click', this.doToggle);
+			Object(dom["g" /* on */])(document, 'click', this.handleDocumentClick);
+		} else if (this.trigger === 'hover') {
+			Object(dom["g" /* on */])(reference, 'mouseenter', this.handleMouseEnter);
+			Object(dom["g" /* on */])(popper, 'mouseenter', this.handleMouseEnter);
+			Object(dom["g" /* on */])(reference, 'mouseleave', this.handleMouseLeave);
+			Object(dom["g" /* on */])(popper, 'mouseleave', this.handleMouseLeave);
+		} else if (this.trigger === 'focus') {
+			if (this.tabindex < 0) {
+				console.warn('[Element Warn][Popover]a negative taindex means that the element cannot be focused by tab key');
+			}
+			if (reference.querySelector('input, textarea')) {
+				Object(dom["g" /* on */])(reference, 'focusin', this.doShow);
+				Object(dom["g" /* on */])(reference, 'focusout', this.doClose);
+			} else {
+				Object(dom["g" /* on */])(reference, 'mousedown', this.doShow);
+				Object(dom["g" /* on */])(reference, 'mouseup', this.doClose);
+			}
+		}
+	},
+	beforeDestroy: function beforeDestroy() {
+		this.cleanup();
 	},
+	deactivated: function deactivated() {
+		this.cleanup();
+	},
+
+
 	methods: {
-		confirm: function confirm() {
-			this.visible = false;
-			this.$emit('confirm');
+		doToggle: function doToggle() {
+			this.showPopper = !this.showPopper;
 		},
-		cancel: function cancel() {
-			this.visible = false;
-			this.$emit('cancel');
+		doShow: function doShow() {
+			this.showPopper = true;
+		},
+		doClose: function doClose() {
+			this.showPopper = false;
+		},
+		handleFocus: function handleFocus() {
+			Object(dom["a" /* addClass */])(this.referenceElm, 'focusing');
+			if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = true;
+		},
+		handleClick: function handleClick() {
+			Object(dom["i" /* removeClass */])(this.referenceElm, 'focusing');
+		},
+		handleBlur: function handleBlur() {
+			Object(dom["i" /* removeClass */])(this.referenceElm, 'focusing');
+			if (this.trigger === 'click' || this.trigger === 'focus') this.showPopper = false;
+		},
+		handleMouseEnter: function handleMouseEnter() {
+			var _this2 = this;
+
+			clearTimeout(this._timer);
+			if (this.openDelay) {
+				this._timer = setTimeout(function () {
+					_this2.showPopper = true;
+				}, this.openDelay);
+			} else {
+				this.showPopper = true;
+			}
+		},
+		handleKeydown: function handleKeydown(ev) {
+			if (ev.keyCode === 27 && this.trigger !== 'manual') {
+				// esc
+				this.doClose();
+			}
+		},
+		handleMouseLeave: function handleMouseLeave() {
+			var _this3 = this;
+
+			clearTimeout(this._timer);
+			if (this.closeDelay) {
+				this._timer = setTimeout(function () {
+					_this3.showPopper = false;
+				}, this.closeDelay);
+			} else {
+				this.showPopper = false;
+			}
+		},
+		handleDocumentClick: function handleDocumentClick(e) {
+			var reference = this.reference || this.$refs.reference;
+			var popper = this.popper || this.$refs.popper;
+
+			if (!reference && this.$refs.wrapper && this.$refs.wrapper.children) {
+				reference = this.referenceElm = this.$refs.wrapper.children[0];
+			}
+			if (!this.$el || !reference || this.$el.contains(e.target) || reference.contains(e.target) || !popper || popper.contains(e.target)) return;
+			this.showPopper = false;
+		},
+		handleAfterEnter: function handleAfterEnter() {
+			this.$emit('after-enter');
+		},
+		handleAfterLeave: function handleAfterLeave() {
+			this.$emit('after-leave');
+			this.doDestroy();
+		},
+		cleanup: function cleanup() {
+			if (this.openDelay || this.closeDelay) {
+				clearTimeout(this._timer);
+			}
 		}
+	},
+
+	destroyed: function destroyed() {
+		var reference = this.reference;
+
+		Object(dom["f" /* off */])(reference, 'click', this.doToggle);
+		Object(dom["f" /* off */])(reference, 'mouseup', this.doClose);
+		Object(dom["f" /* off */])(reference, 'mousedown', this.doShow);
+		Object(dom["f" /* off */])(reference, 'focusin', this.doShow);
+		Object(dom["f" /* off */])(reference, 'focusout', this.doClose);
+		Object(dom["f" /* off */])(reference, 'mousedown', this.doShow);
+		Object(dom["f" /* off */])(reference, 'mouseup', this.doClose);
+		Object(dom["f" /* off */])(reference, 'mouseleave', this.handleMouseLeave);
+		Object(dom["f" /* off */])(reference, 'mouseenter', this.handleMouseEnter);
+		Object(dom["f" /* off */])(document, 'click', this.handleDocumentClick);
 	}
 });
-// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./packages/popover/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+var componentNormalizer = __webpack_require__(2);
 
-// CONCATENATED MODULE: ./packages/popconfirm/src/main.vue
+// CONCATENATED MODULE: ./packages/popover/src/main.vue
 
 
 
@@ -390,29 +3263,543 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./packages/popconfirm/index.js
+// CONCATENATED MODULE: ./packages/popover/src/directive.js
+var getReference = function getReference(el, binding, vnode) {
+	var _ref = binding.expression ? binding.value : binding.arg;
+	var popper = vnode.context.$refs[_ref];
+	if (popper) {
+		if (Array.isArray(popper)) {
+			popper[0].$refs.reference = el;
+		} else {
+			popper.$refs.reference = el;
+		}
+	}
+};
 
+/* harmony default export */ var directive = ({
+	bind: function bind(el, binding, vnode) {
+		getReference(el, binding, vnode);
+	},
+	inserted: function inserted(el, binding, vnode) {
+		getReference(el, binding, vnode);
+	}
+});
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(0);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// CONCATENATED MODULE: ./packages/popover/index.js
+
+
+
+
+external_vue_default.a.directive('popover', directive);
 
 /* istanbul ignore next */
 main.install = function (Vue) {
+	Vue.directive('popover', directive);
 	Vue.component(main.name, main);
 };
+main.directive = directive;
 
-/* harmony default export */ var popconfirm = __webpack_exports__["default"] = (main);
+/* harmony default export */ var popover = __webpack_exports__["default"] = (main);
 
 /***/ }),
 
-/***/ 20:
-/***/ (function(module, exports) {
+/***/ 7:
+/***/ (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;
+				}
+			}
+		}
+	}
 
-module.exports = require("element-ui/src/locale");
+	return target;
+});;
 
 /***/ }),
 
-/***/ 42:
-/***/ (function(module, exports) {
+/***/ 8:
+/***/ (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 = void 0;
+
+/* 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;
+});;
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ popup_manager; });
+
+// 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__(7);
+
+// 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 = void 0;
+
+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;
+	}
+};
+
+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__(8);
+
+// CONCATENATED MODULE: ./src/utils/popup/index.js
+
+
+
+
+
+
+var idSeed = 1;
+
+var scrollBarWidth = void 0;
+
+/* 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;
+		}
+	}
+});
+
 
-module.exports = require("element-ui/packages/popover");
 
 /***/ })