eoss 0.1.0-alpha.21 → 0.1.0-alpha.23

package/lib/menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 171);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -191,7 +191,7 @@ module.exports =
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ab", function() { return warning; });
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
+/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
 /* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
 /* harmony import */ var _date__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1);
@@ -2143,7 +2143,7 @@ var loadJs = function loadJs(url, callback) {
 var loading = function loading() {
   var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '请求中...';
 
-  var Loading = __webpack_require__(19).default;
+  var Loading = __webpack_require__(18).default;
   return Loading.service({
     text: text,
     spinner: 'es-icon-jiazai',
@@ -4040,14 +4040,215 @@ function _broadcast(componentName, eventName, params) {
 /***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* unused harmony export getHue */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getColor; });
+/* unused harmony export getLightness */
+/* unused harmony export getSaturation */
+/* unused harmony export rgbToHsv */
+/* unused harmony export hsvTorgb */
+/* unused harmony export mixColor */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getRgb; });
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+
+var $hueStep = 2;
+var $saturationStep1 = 0.16;
+var $saturationStep2 = 0.05;
+var $brightnessStep1 = 0.05;
+var $brightnessStep2 = 0.15;
+var $lightColorCount = 5;
+var $darkColorCount = 4;
+/**
+ * getHue
+ * @desc:转换色相
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getHue = function getHue($h, $i, $isLight) {
+  var $hue = void 0;
+  if ($h >= 60 && $h <= 240) {
+    $hue = $isLight ? $h - $hueStep * $i : $h + $hueStep * $i;
+  } else {
+    $hue = $isLight ? $h + $hueStep * $i : $h - $hueStep * $i;
+  }
+  $hue = ($hue + 360) % 360;
+  return Math.round($hue);
+};
+
+/**
+ * getColor
+ * @desc:根据颜色和对应的色板位置，计算出对应的色板颜色
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getColor = function getColor($color, $n) {
+  var $isLight = $n < 7;
+  var $hsv = rgbToHsv($color);
+  // 这里将i转换成以主色为中心，两侧的i值逐渐增大
+  var $i = $isLight ? $lightColorCount + 1 - $n : $n - $lightColorCount - 1;
+  var color = hsvTorgb(getHue($hsv[0], $i, $isLight), getSaturation($hsv[1], $i, $isLight), getLightness($hsv[2], $i, $isLight));
+  return color;
+};
+
+/**
+ * getLightness
+ * @desc:转换明度
+ * @author huangbo
+ * @date 2022年5月7日
+ * @return {string,array} 元素类名或者id
+ **/
+var getLightness = function getLightness($v, $i, $isLight) {
+  var $value = $isLight ? $v + $brightnessStep1 * $i : $v - $brightnessStep2 * $i;
+  $value = $value < 1 ? $value : 1;
+  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($value, 2);
+};
+
+/**
+ * getSaturation
+ * @desc:转换饱和度
+ * @author huangbo
+ * @date 2022年5月7日
+ **/
+var getSaturation = function getSaturation($s, $i, $isLight) {
+  var $saturation = void 0;
+  if ($isLight) {
+    $saturation = $s - $saturationStep1 * $i;
+  } else if ($i === $darkColorCount) {
+    $saturation = $s + $saturationStep1;
+  } else {
+    $saturation = $s + $saturationStep2 * $i;
+  }
+  $saturation = $saturation < 1 ? $saturation : 1;
+
+  if ($isLight && $i === $lightColorCount && $saturation > 0.1) {
+    $saturation = 0.1;
+  }
+  $saturation = $saturation > 0.06 ? $saturation : 0.06;
+  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($saturation, 2);
+};
+
+/**
+ * rgbToHsv
+ * @desc:rgb转化成hsv
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var rgbToHsv = function rgbToHsv($color) {
+  var rgb = getRgb($color);
+  var $red = rgb[0];
+  var $green = rgb[1];
+  var $blue = rgb[2];
+  var $max = Math.max($red, $green, $blue);
+  var $min = Math.min($red, $green, $blue);
+  var $diff = $max - $min;
+  var $h = 0;
+  if ($max === $min) {
+    $h = 0;
+  } else if ($max === $red) {
+    $h = 60 * ($green - $blue) / $diff + ($green > $blue - 1 ? 0 : 360);
+  } else if ($max === $green) {
+    $h = 60 * ($blue - $red) / $diff + 120;
+  } else if ($max === $blue) {
+    $h = 60 * ($red - $green) / $diff + 240;
+  }
+  var $s = $max === 0 ? 0 : $diff / $max;
+  var $v = $max / 255;
+  return [$h, $s, $v];
+};
+
+/**
+ * hsvTorgb
+ * @desc:hsv转化成rgb
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var hsvTorgb = function hsvTorgb($h, $s, $v) {
+  var $th = Math.floor($h / 60);
+  var $t1 = $h / 60 - $th;
+  var $t2 = $v * (1 - $s);
+  var $t3 = $v * (1 - $t1 * $s);
+  var $t4 = $v * (1 - (1 - $t1) * $s);
+  var $r = [$v, $t3, $t2, $t2, $t4, $v][$th % 6];
+  var $g = [$t4, $v, $v, $t3, $t2, $t2][$th % 6];
+  var $b = [$t2, $t2, $t4, $v, $v, $t3][$th % 6];
+  // return `rgb(${Math.round($r * 255)}, ${Math.round($g * 255)}, ${Math.round($b * 255)})`;
+  var red = Math.round($r * 255);
+  var green = Math.round($g * 255);
+  var blue = Math.round($b * 255);
+  red = red.toString(16);
+  green = green.toString(16);
+  blue = blue.toString(16);
+  red = red.length === 1 ? '0' + red : red;
+  green = green.length === 1 ? '0' + green : green;
+  blue = blue.length === 1 ? '0' + blue : blue;
+  return '#' + red + green + blue;
+};
+
+/**
+ * mixColor
+ * @desc:生成混合色
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color1] - 颜色值
+ * @param {string} [$color2] - 颜色值
+ * @param {string} [$n] - 百分比 0~1
+ **/
+var mixColor = function mixColor($color1, $color2, $n) {
+  var rgb1 = getRgb($color1);
+  var rgb2 = getRgb($color2);
+  var r = rgb1[0] * $n + rgb2[0] * (1 - $n);
+  var g = rgb1[1] * $n + rgb2[1] * (1 - $n);
+  var b = rgb1[2] * $n + rgb2[2] * (1 - $n);
+  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+};
+
+/**
+ * getRgb
+ * @desc:获取颜色值的rgb值
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {string} [$color] - 颜色值
+ **/
+var getRgb = function getRgb($color) {
+  var rgb = [];
+  // 16进制颜色值的正则
+  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+  // 把颜色值变成小写
+  $color = $color.toLowerCase();
+  if (reg.test($color)) {
+    // 如果只有三位的值，需变成六位，如：#fff => #ffffff
+    if ($color.length === 4) {
+      var colorNew = '#';
+      for (var i = 1; i < 4; i++) {
+        colorNew += $color.slice(i, i + 1).concat($color.slice(i, i + 1));
+      }
+      $color = colorNew;
+    }
+    // 处理六位的颜色值，转为RGB
+    for (var _i = 1; _i < 7; _i += 2) {
+      rgb.push(parseInt('0x' + $color.slice(_i, _i + 2), 16));
+    }
+  } else {
+    rgb = $color.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',');
+  }
+  return rgb;
+};
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
+/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
 
 
 
-var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(41);
+var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(42);
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
@@ -4308,224 +4509,16 @@ var stopPropagation = function stopPropagation(e) {
 
 /***/ }),
 
-/***/ 13:
+/***/ 14:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* unused harmony export getHue */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getColor; });
-/* unused harmony export getLightness */
-/* unused harmony export getSaturation */
-/* unused harmony export rgbToHsv */
-/* unused harmony export hsvTorgb */
-/* unused harmony export mixColor */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getRgb; });
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-
-var $hueStep = 2;
-var $saturationStep1 = 0.16;
-var $saturationStep2 = 0.05;
-var $brightnessStep1 = 0.05;
-var $brightnessStep2 = 0.15;
-var $lightColorCount = 5;
-var $darkColorCount = 4;
-/**
- * getHue
- * @desc:转换色相
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getHue = function getHue($h, $i, $isLight) {
-  var $hue = void 0;
-  if ($h >= 60 && $h <= 240) {
-    $hue = $isLight ? $h - $hueStep * $i : $h + $hueStep * $i;
-  } else {
-    $hue = $isLight ? $h + $hueStep * $i : $h - $hueStep * $i;
-  }
-  $hue = ($hue + 360) % 360;
-  return Math.round($hue);
-};
-
-/**
- * getColor
- * @desc:根据颜色和对应的色板位置，计算出对应的色板颜色
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getColor = function getColor($color, $n) {
-  var $isLight = $n < 7;
-  var $hsv = rgbToHsv($color);
-  // 这里将i转换成以主色为中心，两侧的i值逐渐增大
-  var $i = $isLight ? $lightColorCount + 1 - $n : $n - $lightColorCount - 1;
-  var color = hsvTorgb(getHue($hsv[0], $i, $isLight), getSaturation($hsv[1], $i, $isLight), getLightness($hsv[2], $i, $isLight));
-  return color;
-};
-
-/**
- * getLightness
- * @desc:转换明度
- * @author huangbo
- * @date 2022年5月7日
- * @return {string,array} 元素类名或者id
- **/
-var getLightness = function getLightness($v, $i, $isLight) {
-  var $value = $isLight ? $v + $brightnessStep1 * $i : $v - $brightnessStep2 * $i;
-  $value = $value < 1 ? $value : 1;
-  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($value, 2);
-};
-
-/**
- * getSaturation
- * @desc:转换饱和度
- * @author huangbo
- * @date 2022年5月7日
- **/
-var getSaturation = function getSaturation($s, $i, $isLight) {
-  var $saturation = void 0;
-  if ($isLight) {
-    $saturation = $s - $saturationStep1 * $i;
-  } else if ($i === $darkColorCount) {
-    $saturation = $s + $saturationStep1;
-  } else {
-    $saturation = $s + $saturationStep2 * $i;
-  }
-  $saturation = $saturation < 1 ? $saturation : 1;
-
-  if ($isLight && $i === $lightColorCount && $saturation > 0.1) {
-    $saturation = 0.1;
-  }
-  $saturation = $saturation > 0.06 ? $saturation : 0.06;
-  return Object(_util__WEBPACK_IMPORTED_MODULE_0__[/* toFixed */ "U"])($saturation, 2);
-};
-
-/**
- * rgbToHsv
- * @desc:rgb转化成hsv
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var rgbToHsv = function rgbToHsv($color) {
-  var rgb = getRgb($color);
-  var $red = rgb[0];
-  var $green = rgb[1];
-  var $blue = rgb[2];
-  var $max = Math.max($red, $green, $blue);
-  var $min = Math.min($red, $green, $blue);
-  var $diff = $max - $min;
-  var $h = 0;
-  if ($max === $min) {
-    $h = 0;
-  } else if ($max === $red) {
-    $h = 60 * ($green - $blue) / $diff + ($green > $blue - 1 ? 0 : 360);
-  } else if ($max === $green) {
-    $h = 60 * ($blue - $red) / $diff + 120;
-  } else if ($max === $blue) {
-    $h = 60 * ($red - $green) / $diff + 240;
-  }
-  var $s = $max === 0 ? 0 : $diff / $max;
-  var $v = $max / 255;
-  return [$h, $s, $v];
-};
-
-/**
- * hsvTorgb
- * @desc:hsv转化成rgb
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var hsvTorgb = function hsvTorgb($h, $s, $v) {
-  var $th = Math.floor($h / 60);
-  var $t1 = $h / 60 - $th;
-  var $t2 = $v * (1 - $s);
-  var $t3 = $v * (1 - $t1 * $s);
-  var $t4 = $v * (1 - (1 - $t1) * $s);
-  var $r = [$v, $t3, $t2, $t2, $t4, $v][$th % 6];
-  var $g = [$t4, $v, $v, $t3, $t2, $t2][$th % 6];
-  var $b = [$t2, $t2, $t4, $v, $v, $t3][$th % 6];
-  // return `rgb(${Math.round($r * 255)}, ${Math.round($g * 255)}, ${Math.round($b * 255)})`;
-  var red = Math.round($r * 255);
-  var green = Math.round($g * 255);
-  var blue = Math.round($b * 255);
-  red = red.toString(16);
-  green = green.toString(16);
-  blue = blue.toString(16);
-  red = red.length === 1 ? '0' + red : red;
-  green = green.length === 1 ? '0' + green : green;
-  blue = blue.length === 1 ? '0' + blue : blue;
-  return '#' + red + green + blue;
-};
-
-/**
- * mixColor
- * @desc:生成混合色
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color1] - 颜色值
- * @param {string} [$color2] - 颜色值
- * @param {string} [$n] - 百分比 0~1
- **/
-var mixColor = function mixColor($color1, $color2, $n) {
-  var rgb1 = getRgb($color1);
-  var rgb2 = getRgb($color2);
-  var r = rgb1[0] * $n + rgb2[0] * (1 - $n);
-  var g = rgb1[1] * $n + rgb2[1] * (1 - $n);
-  var b = rgb1[2] * $n + rgb2[2] * (1 - $n);
-  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-
-/**
- * getRgb
- * @desc:获取颜色值的rgb值
- * @author huangbo
- * @date 2022年5月7日
- * @param {string} [$color] - 颜色值
- **/
-var getRgb = function getRgb($color) {
-  var rgb = [];
-  // 16进制颜色值的正则
-  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-  // 把颜色值变成小写
-  $color = $color.toLowerCase();
-  if (reg.test($color)) {
-    // 如果只有三位的值，需变成六位，如：#fff => #ffffff
-    if ($color.length === 4) {
-      var colorNew = '#';
-      for (var i = 1; i < 4; i++) {
-        colorNew += $color.slice(i, i + 1).concat($color.slice(i, i + 1));
-      }
-      $color = colorNew;
-    }
-    // 处理六位的颜色值，转为RGB
-    for (var _i = 1; _i < 7; _i += 2) {
-      rgb.push(parseInt('0x' + $color.slice(_i, _i + 2), 16));
-    }
-  } else {
-    rgb = $color.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',');
-  }
-  return rgb;
-};
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("throttle-debounce");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollbarWidth; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return scrollIntoView; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getScrollSize; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollMove; });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollbarWidth; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return scrollIntoView; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getScrollSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollMove; });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
 
 
 /**
@@ -4661,6 +4654,13 @@ function scrollMove(wrap) {
 
 /***/ }),
 
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
+/***/ }),
+
 /***/ 16:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -4683,15 +4683,15 @@ function scrollMove(wrap) {
 
 /***/ }),
 
-/***/ 171:
+/***/ 175:
 /***/ (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??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu.vue?vue&type=template&id=9d8db1ce&
-var menuvue_type_template_id_9d8db1ce_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu.vue?vue&type=template&id=f189ecf2&
+var menuvue_type_template_id_f189ecf2_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -4786,10 +4786,10 @@ var menuvue_type_template_id_9d8db1ce_render = function () {
   )
 }
 var staticRenderFns = []
-menuvue_type_template_id_9d8db1ce_render._withStripped = true
+menuvue_type_template_id_f189ecf2_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/menu/src/menu.vue?vue&type=template&id=9d8db1ce&
+// CONCATENATED MODULE: ./packages/menu/src/menu.vue?vue&type=template&id=f189ecf2&
 
 // EXTERNAL MODULE: ./packages/menu/src/mixins.js
 var mixins = __webpack_require__(80);
@@ -4801,7 +4801,7 @@ var submenu = __webpack_require__(91);
 var menu_item = __webpack_require__(57);
 
 // EXTERNAL MODULE: ./src/components/bar.js
-var bar = __webpack_require__(44);
+var bar = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item-group.vue + 4 modules
 var menu_item_group = __webpack_require__(82);
@@ -4813,7 +4813,7 @@ var emitter = __webpack_require__(10);
 var migrating = __webpack_require__(27);
 
 // EXTERNAL MODULE: ./src/utils/aria-utils.js
-var aria_utils = __webpack_require__(42);
+var aria_utils = __webpack_require__(43);
 
 // CONCATENATED MODULE: ./src/utils/menu/aria-submenu.js
 
@@ -4950,10 +4950,10 @@ Menu.prototype.init = function () {
 var dom = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // EXTERNAL MODULE: external "throttle-debounce"
-var external_throttle_debounce_ = __webpack_require__(14);
+var external_throttle_debounce_ = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu.vue?vue&type=script&lang=js&
 //
@@ -5376,11 +5376,6 @@ var external_throttle_debounce_ = __webpack_require__(14);
   },
 
   methods: {
-    //  处理滚轮事件，阻止冒泡
-    handleWheel: function handleWheel(e) {
-      this.barSize && e.stopPropagation();
-    },
-
     //  更新选中项索引
     updateActiveIndex: function updateActiveIndex(val) {
       var item = this.items[val] || this.items[this.activeIndex] || this.items[this.defaultActive];
@@ -5411,6 +5406,11 @@ var external_throttle_debounce_ = __webpack_require__(14);
       };
     },
 
+    //  处理滚轮事件，阻止冒泡
+    handleWheel: function handleWheel(e) {
+      this.barSize && e.stopPropagation();
+    },
+
     //  处理滚动事件
     handleScroll: function handleScroll() {
       var _scrollMove = Object(scrollbar["d" /* scrollMove */])(this.$refs.menuContainer),
@@ -5633,7 +5633,7 @@ var componentNormalizer = __webpack_require__(3);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_menuvue_type_script_lang_js_,
-  menuvue_type_template_id_9d8db1ce_render,
+  menuvue_type_template_id_f189ecf2_render,
   staticRenderFns,
   false,
   null,
@@ -5655,7 +5655,7 @@ menu.install = function (Vue) {
 
 /***/ }),
 
-/***/ 19:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("eoss/lib/loading");
@@ -5921,7 +5921,7 @@ module.exports = require("lodash/cloneDeep");
 
 /***/ }),
 
-/***/ 23:
+/***/ 26:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6146,7 +6146,7 @@ if (!external_vue_default.a.prototype.$isServer) {
 
 /* harmony default export */ var popup_manager = (PopupManager);
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./src/utils/popup/index.js
 
@@ -6560,1606 +6560,38 @@ module.exports = require("eoss/lib/tooltip");
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
+/***/ 38:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-module.exports = require("vue");
+"use strict";
+/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/**
+ * 滚动条组件 - 处理表格的垂直和水平滚动条
+ */
 
-/***/ }),
 
-/***/ 41:
-/***/ (function(module, exports, __webpack_require__) {
-
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
- * @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 (element) {
-        return element == document.body
-          ? Math.max(
-            document.documentElement.scrollTop,
-            document.body.scrollTop
-          )
-          : element.scrollTop;
-      };
-      var getScrollLeftValue = function (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 () {
-        var left = popper.left;
-        if (popper.left < data.boundaries.left) {
-          left = Math.max(popper.left, data.boundaries.left);
-        }
-        return { left: left };
-      },
-      right: function () {
-        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 () {
-        var top = popper.top;
-        if (popper.top < data.boundaries.top) {
-          top = Math.max(popper.top, data.boundaries.top);
-        }
-        return { top: top };
-      },
-      bottom: function () {
-        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) {
-    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 || parent.nodeType !== 1) {
-      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 && element.parentNode.nodeType === 1
-      ? 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 transform = getStyle(element, 'transform')
-      .replace(/[^0-9\-,]/g, '')
-      .split(',');
-    var elementRect = {
-      width: element.offsetWidth,
-      height: element.offsetHeight,
-      left:
-        element.offsetLeft + (transform[4] ? parseInt(transform[4], 10) : 0),
-      top: element.offsetTop + (transform[5] ? parseInt(transform[5], 10) : 0)
-    };
-
-    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 = /MSIE|Trident/.test(navigator.userAgent);
-
-    // 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
-    };
-  }
-
-  function getStyle(dom, attr) {
-    if (dom.style[attr]) {
-      return dom.style[attr];
-    }
-    if (window.getComputedStyle) {
-      return getComputedStyle(dom, null)[attr];
-    }
-    return dom.currentStyle[attr];
-  }
-
-  /**
-   * 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 (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;
-});
-
-
-/***/ }),
-
-/***/ 42:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var aria = aria || {};
-
-aria.Utils = aria.Utils || {};
-
-/**
- * @desc Set focus on descendant nodes until the first focusable element is
- *       found.
- * @param element
- *          DOM node for which to find the first focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-aria.Utils.focusFirstDescendant = function (element) {
-  for (var i = 0; i < element.childNodes.length; i++) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-/**
- * @desc Find the last descendant node that is focusable.
- * @param element
- *          DOM node for which to find the last focusable descendant.
- * @returns
- *  true if a focusable element is found and focus is set.
- */
-
-aria.Utils.focusLastDescendant = function (element) {
-  for (var i = element.childNodes.length - 1; i >= 0; i--) {
-    var child = element.childNodes[i];
-    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-/**
- * @desc Set Attempt to set focus on the current node.
- * @param element
- *          The node to attempt to focus on.
- * @returns
- *  true if element is focused.
- */
-aria.Utils.attemptFocus = function (element) {
-  if (!aria.Utils.isFocusable(element)) {
-    return false;
-  }
-  aria.Utils.IgnoreUtilFocusChanges = true;
-  try {
-    element.focus();
-  } catch (e) {}
-  aria.Utils.IgnoreUtilFocusChanges = false;
-  return document.activeElement === element;
-};
-
-aria.Utils.isFocusable = function (element) {
-  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
-    return true;
-  }
-
-  if (element.disabled) {
-    return false;
-  }
-
-  switch (element.nodeName) {
-    case 'A':
-      return !!element.href && element.rel !== 'ignore';
-    case 'INPUT':
-      return element.type !== 'hidden' && element.type !== 'file';
-    case 'BUTTON':
-    case 'SELECT':
-    case 'TEXTAREA':
-      return true;
-    default:
-      return false;
-  }
-};
-
-/**
- * 触发一个事件
- * mouseenter, mouseleave, mouseover, keyup, change, click 等
- * @param  {Element} elm
- * @param  {String} name
- * @param  {*} opts
- */
-aria.Utils.triggerEvent = function (elm, name) {
-  var eventName = void 0;
-
-  if (/^mouse|click/.test(name)) {
-    eventName = 'MouseEvents';
-  } else if (/^key/.test(name)) {
-    eventName = 'KeyboardEvent';
-  } else {
-    eventName = 'HTMLEvents';
-  }
-  var evt = document.createEvent(eventName);
-
-  for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    opts[_key - 2] = arguments[_key];
-  }
-
-  evt.initEvent.apply(evt, [name].concat(opts));
-  elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
-
-  return elm;
-};
-
-aria.Utils.keys = {
-  tab: 9,
-  enter: 13,
-  space: 32,
-  left: 37,
-  up: 38,
-  right: 39,
-  down: 40,
-  esc: 27
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (aria.Utils);
-
-/***/ }),
-
-/***/ 44:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/**
- * 滚动条组件 - 处理表格的垂直和水平滚动条
- */
-
-
-var BAR_MAP = {
-  vertical: {
-    offset: 'offsetHeight',
-    scroll: 'scrollTop',
-    scrollSize: 'scrollHeight',
-    size: 'height',
-    key: 'vertical',
-    axis: 'Y',
-    client: 'clientY',
-    direction: 'top'
-  },
-  horizontal: {
-    offset: 'offsetWidth',
-    scroll: 'scrollLeft',
-    scrollSize: 'scrollWidth',
-    size: 'width',
-    key: 'horizontal',
-    axis: 'X',
-    client: 'clientX',
-    direction: 'left'
-  }
-};
+var BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
+};
 
 // 计算滚动位置的缓存
 var scrollPositionCache = new Map();
@@ -8367,122 +6799,1690 @@ function renderThumbStyle(_ref3) {
 
 
     /**
-     * 鼠标移动处理函数
-     * @param {MouseEvent} event - 鼠标事件对象
-     */
-    handleMouseMove: function handleMouseMove(event) {
-      if (!this.cursorDown) return;
-
-      var _barConfig3 = this.barConfig,
-          axis = _barConfig3.axis,
-          direction = _barConfig3.direction,
-          client = _barConfig3.client,
-          offset = _barConfig3.offset,
-          scroll = _barConfig3.scroll,
-          scrollSize = _barConfig3.scrollSize;
-
-      var prevPage = this[axis];
-
-      if (!prevPage || !this.scrollWrapper) return;
-
-      // 阻止文本选择和上下文菜单
-      this.disableUserSelection();
-
-      // 计算鼠标相对于轨道的位置
-      var trackRect = this.$el.getBoundingClientRect();
-      var mousePosition = event[client] - trackRect[direction];
+     * 鼠标移动处理函数
+     * @param {MouseEvent} event - 鼠标事件对象
+     */
+    handleMouseMove: function handleMouseMove(event) {
+      if (!this.cursorDown) return;
+
+      var _barConfig3 = this.barConfig,
+          axis = _barConfig3.axis,
+          direction = _barConfig3.direction,
+          client = _barConfig3.client,
+          offset = _barConfig3.offset,
+          scroll = _barConfig3.scroll,
+          scrollSize = _barConfig3.scrollSize;
+
+      var prevPage = this[axis];
+
+      if (!prevPage || !this.scrollWrapper) return;
+
+      // 阻止文本选择和上下文菜单
+      this.disableUserSelection();
+
+      // 计算鼠标相对于轨道的位置
+      var trackRect = this.$el.getBoundingClientRect();
+      var mousePosition = event[client] - trackRect[direction];
+
+      // 计算滑块应该移动到的位置（考虑鼠标在滑块内部的偏移量）
+      var thumbPosition = mousePosition - prevPage;
+
+      // 确保滑块位置在轨道范围内
+      var maxThumbPosition = this.$el[offset] - (this.$refs.thumb && this.$refs.thumb[offset] || 0);
+      var clampedThumbPosition = Math.max(0, Math.min(thumbPosition, maxThumbPosition));
+
+      // 计算滑块位置百分比
+      var thumbPositionPercentage = clampedThumbPosition * 100 / (this.$el[offset] || 1);
+
+      // 计算并设置滚动位置
+      var scrollPosition = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
+
+      this.scrollWrapper[scroll] = scrollPosition;
+      this.$emit('move', scroll, scrollPosition);
+    },
+
+
+    /**
+     * 鼠标释放处理函数
+     */
+    handleMouseUp: function handleMouseUp() {
+      this.cursorDown = false;
+      var axis = this.barConfig.axis;
+
+      this[axis] = 0;
+
+      // 移除事件监听器
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+
+      // 恢复文本选择和上下文菜单
+      this.restoreUserSelection();
+    },
+
+
+    /**
+     * 禁用用户选择和上下文菜单
+     */
+    disableUserSelection: function disableUserSelection() {
+      document.body.onselectstart = document.body.oncontextmenu = function () {
+        return false;
+      };
+    },
+
+
+    /**
+     * 恢复用户选择和上下文菜单
+     */
+    restoreUserSelection: function restoreUserSelection() {
+      document.onselectstart = null;
+      document.body.onselectstart = document.body.oncontextmenu = function () {
+        return true;
+      };
+    }
+  },
+
+  render: function render() {
+    var h = arguments[0];
+    var size = this.size,
+        move = this.move,
+        barConfig = this.barConfig;
+
+
+    return h(
+      'div',
+      {
+        'class': ['es-scrollbar__bar', 'is-' + barConfig.key],
+        on: {
+          'mousedown': this.handleTrackClick
+        }
+      },
+      [h('div', {
+        ref: 'thumb',
+        'class': 'es-scrollbar__thumb',
+        on: {
+          'mousedown': this.handleThumbClick
+        },
+
+        style: renderThumbStyle({ size: size, move: move, bar: barConfig })
+      })]
+    );
+  },
+  destroyed: function destroyed() {
+    // 清理事件监听器
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mouseup', this.handleMouseUp);
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+
+    // 确保恢复用户选择功能
+    this.restoreUserSelection();
+  }
+});
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 42:
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
+ * @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 (element) {
+        return element == document.body
+          ? Math.max(
+            document.documentElement.scrollTop,
+            document.body.scrollTop
+          )
+          : element.scrollTop;
+      };
+      var getScrollLeftValue = function (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 () {
+        var left = popper.left;
+        if (popper.left < data.boundaries.left) {
+          left = Math.max(popper.left, data.boundaries.left);
+        }
+        return { left: left };
+      },
+      right: function () {
+        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 () {
+        var top = popper.top;
+        if (popper.top < data.boundaries.top) {
+          top = Math.max(popper.top, data.boundaries.top);
+        }
+        return { top: top };
+      },
+      bottom: function () {
+        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) {
+    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 || parent.nodeType !== 1) {
+      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 && element.parentNode.nodeType === 1
+      ? 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 transform = getStyle(element, 'transform')
+      .replace(/[^0-9\-,]/g, '')
+      .split(',');
+    var elementRect = {
+      width: element.offsetWidth,
+      height: element.offsetHeight,
+      left:
+        element.offsetLeft + (transform[4] ? parseInt(transform[4], 10) : 0),
+      top: element.offsetTop + (transform[5] ? parseInt(transform[5], 10) : 0)
+    };
+
+    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 = /MSIE|Trident/.test(navigator.userAgent);
+
+    // 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
+    };
+  }
+
+  function getStyle(dom, attr) {
+    if (dom.style[attr]) {
+      return dom.style[attr];
+    }
+    if (window.getComputedStyle) {
+      return getComputedStyle(dom, null)[attr];
+    }
+    return dom.currentStyle[attr];
+  }
+
+  /**
+   * 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 (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;
+});
 
-      // 计算滑块应该移动到的位置（考虑鼠标在滑块内部的偏移量）
-      var thumbPosition = mousePosition - prevPage;
 
-      // 确保滑块位置在轨道范围内
-      var maxThumbPosition = this.$el[offset] - (this.$refs.thumb && this.$refs.thumb[offset] || 0);
-      var clampedThumbPosition = Math.max(0, Math.min(thumbPosition, maxThumbPosition));
+/***/ }),
 
-      // 计算滑块位置百分比
-      var thumbPositionPercentage = clampedThumbPosition * 100 / (this.$el[offset] || 1);
+/***/ 43:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-      // 计算并设置滚动位置
-      var scrollPosition = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
+"use strict";
+var aria = aria || {};
 
-      this.scrollWrapper[scroll] = scrollPosition;
-      this.$emit('move', scroll, scrollPosition);
-    },
+aria.Utils = aria.Utils || {};
 
+/**
+ * @desc Set focus on descendant nodes until the first focusable element is
+ *       found.
+ * @param element
+ *          DOM node for which to find the first focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
+aria.Utils.focusFirstDescendant = function (element) {
+  for (var i = 0; i < element.childNodes.length; i++) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusFirstDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+};
 
-    /**
-     * 鼠标释放处理函数
-     */
-    handleMouseUp: function handleMouseUp() {
-      this.cursorDown = false;
-      var axis = this.barConfig.axis;
+/**
+ * @desc Find the last descendant node that is focusable.
+ * @param element
+ *          DOM node for which to find the last focusable descendant.
+ * @returns
+ *  true if a focusable element is found and focus is set.
+ */
 
-      this[axis] = 0;
+aria.Utils.focusLastDescendant = function (element) {
+  for (var i = element.childNodes.length - 1; i >= 0; i--) {
+    var child = element.childNodes[i];
+    if (aria.Utils.attemptFocus(child) || aria.Utils.focusLastDescendant(child)) {
+      return true;
+    }
+  }
+  return false;
+};
 
-      // 移除事件监听器
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
+aria.Utils.attemptFocus = function (element) {
+  if (!aria.Utils.isFocusable(element)) {
+    return false;
+  }
+  aria.Utils.IgnoreUtilFocusChanges = true;
+  try {
+    element.focus();
+  } catch (e) {}
+  aria.Utils.IgnoreUtilFocusChanges = false;
+  return document.activeElement === element;
+};
 
-      // 恢复文本选择和上下文菜单
-      this.restoreUserSelection();
-    },
+aria.Utils.isFocusable = function (element) {
+  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute('tabIndex') !== null) {
+    return true;
+  }
 
+  if (element.disabled) {
+    return false;
+  }
 
-    /**
-     * 禁用用户选择和上下文菜单
-     */
-    disableUserSelection: function disableUserSelection() {
-      document.body.onselectstart = document.body.oncontextmenu = function () {
-        return false;
-      };
-    },
+  switch (element.nodeName) {
+    case 'A':
+      return !!element.href && element.rel !== 'ignore';
+    case 'INPUT':
+      return element.type !== 'hidden' && element.type !== 'file';
+    case 'BUTTON':
+    case 'SELECT':
+    case 'TEXTAREA':
+      return true;
+    default:
+      return false;
+  }
+};
 
+/**
+ * 触发一个事件
+ * mouseenter, mouseleave, mouseover, keyup, change, click 等
+ * @param  {Element} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+aria.Utils.triggerEvent = function (elm, name) {
+  var eventName = void 0;
 
-    /**
-     * 恢复用户选择和上下文菜单
-     */
-    restoreUserSelection: function restoreUserSelection() {
-      document.onselectstart = null;
-      document.body.onselectstart = document.body.oncontextmenu = function () {
-        return true;
-      };
-    }
-  },
+  if (/^mouse|click/.test(name)) {
+    eventName = 'MouseEvents';
+  } else if (/^key/.test(name)) {
+    eventName = 'KeyboardEvent';
+  } else {
+    eventName = 'HTMLEvents';
+  }
+  var evt = document.createEvent(eventName);
 
-  render: function render() {
-    var h = arguments[0];
-    var size = this.size,
-        move = this.move,
-        barConfig = this.barConfig;
+  for (var _len = arguments.length, opts = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    opts[_key - 2] = arguments[_key];
+  }
 
+  evt.initEvent.apply(evt, [name].concat(opts));
+  elm.dispatchEvent ? elm.dispatchEvent(evt) : elm.fireEvent('on' + name, evt);
 
-    return h(
-      'div',
-      {
-        'class': ['es-scrollbar__bar', 'is-' + barConfig.key],
-        on: {
-          'mousedown': this.handleTrackClick
-        }
-      },
-      [h('div', {
-        ref: 'thumb',
-        'class': 'es-scrollbar__thumb',
-        on: {
-          'mousedown': this.handleThumbClick
-        },
+  return elm;
+};
 
-        style: renderThumbStyle({ size: size, move: move, bar: barConfig })
-      })]
-    );
-  },
-  destroyed: function destroyed() {
-    // 清理事件监听器
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mouseup', this.handleMouseUp);
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+aria.Utils.keys = {
+  tab: 9,
+  enter: 13,
+  space: 32,
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  esc: 27
+};
 
-    // 确保恢复用户选择功能
-    this.restoreUserSelection();
-  }
-});
+/* harmony default export */ __webpack_exports__["a"] = (aria.Utils);
 
 /***/ }),
 
@@ -9985,7 +9985,7 @@ render._withStripped = true
 // CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=template&id=744ca69a&
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./packages/menu/src/mixins.js
 var mixins = __webpack_require__(80);
@@ -9997,7 +9997,7 @@ var menu_mixin = __webpack_require__(76);
 var emitter = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/utils/vue-popper.js
-var vue_popper = __webpack_require__(12);
+var vue_popper = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item.vue + 4 modules
 var menu_item = __webpack_require__(57);