eoss 0.1.0-alpha.39 → 0.1.0-alpha.40

package/lib/menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 206);
+/******/ 	return __webpack_require__(__webpack_require__.s = 213);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -3285,12 +3285,232 @@ var warning = function warning(content, _callback3) {
 
 /***/ }),
 
-/***/ 108:
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+
+
+
+var hasModal = false;
+var hasInitZIndex = false;
+// 跨模块副本共享的 z-index 计数器宿主。
+// 低代码等场景会用 eoss / eoss/src / eoss/packages 多种身份加载本文件，
+// 导致出现多份 PopupManager、各自从 2000 起算，出现“后弹出的层级反而比先弹出的小”。
+// 把计数器挂到全局，所有副本共用同一条单调递增序列。
+var globalScope = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};
+
+var getModal = function getModal() {
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+  var modalDom = PopupManager.modalDom;
+  if (modalDom) {
+    hasModal = true;
+  } else {
+    hasModal = false;
+    modalDom = document.createElement('div');
+    PopupManager.modalDom = modalDom;
+
+    modalDom.addEventListener('touchmove', function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+
+    modalDom.addEventListener('click', function () {
+      PopupManager.doOnModalClick && PopupManager.doOnModalClick();
+    });
+  }
+
+  return modalDom;
+};
+
+var instances = {};
+
+var PopupManager = {
+  modalFade: true,
+
+  getInstance: function getInstance(id) {
+    return instances[id];
+  },
+
+  register: function register(id, instance) {
+    if (id && instance) {
+      instances[id] = instance;
+    }
+  },
+
+  deregister: function deregister(id) {
+    if (id) {
+      instances[id] = null;
+      delete instances[id];
+    }
+  },
+
+  nextZIndex: function nextZIndex() {
+    return PopupManager.zIndex++;
+  },
+
+  modalStack: [],
+
+  doOnModalClick: function doOnModalClick() {
+    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topItem) return;
+
+    var instance = PopupManager.getInstance(topItem.id);
+    if (instance && instance.closeOnClickModal) {
+      instance.close();
+    }
+  },
+
+  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
+    if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+    if (!id || zIndex === undefined) return;
+    this.modalFade = modalFade;
+
+    var modalStack = this.modalStack;
+
+    for (var i = 0, j = modalStack.length; i < j; i++) {
+      var item = modalStack[i];
+      if (item.id === id) {
+        return;
+      }
+    }
+
+    var modalDom = getModal();
+
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal');
+    if (this.modalFade && !hasModal) {
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-enter');
+    }
+    if (modalClass) {
+      var classArr = modalClass.trim().split(/\s+/);
+      classArr.forEach(function (item) {
+        return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, item);
+      });
+    }
+    setTimeout(function () {
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, 'v-modal-enter');
+    }, 200);
+
+    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
+      dom.parentNode.appendChild(modalDom);
+    } else {
+      document.body.appendChild(modalDom);
+    }
+
+    if (zIndex) {
+      modalDom.style.zIndex = zIndex;
+    }
+    modalDom.tabIndex = 0;
+    modalDom.style.display = '';
+
+    this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
+  },
+
+  closeModal: function closeModal(id) {
+    var modalStack = this.modalStack;
+    var modalDom = getModal();
+    var topItem = null;
+
+    if (modalStack.length > 0) {
+      topItem = modalStack[modalStack.length - 1];
+      if (topItem.id === id) {
+        modalStack.pop();
+        if (modalStack.length > 0) {
+          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+        }
+      } else {
+        for (var i = modalStack.length - 1; i >= 0; i--) {
+          if (modalStack[i].id === id) {
+            modalStack.splice(i, 1);
+            break;
+          }
+        }
+      }
+    }
+
+    if (modalStack.length === 0) {
+      if (this.modalFade) {
+        Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-leave');
+      }
+      setTimeout(function () {
+        if (modalStack.length === 0) {
+          if (topItem && topItem.modalClass) {
+            var classArr = topItem.modalClass.trim().split(/\s+/);
+            classArr.forEach(function (item) {
+              return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, item);
+            });
+          }
+          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+          modalDom.style.display = 'none';
+          PopupManager.modalDom = undefined;
+        }
+        Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, 'v-modal-leave');
+      }, 200);
+    } else {
+      if (topItem && topItem.modalClass) {
+        var classArr = topItem.modalClass.trim().split(/\s+/);
+        classArr.forEach(function (item) {
+          return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, item);
+        });
+      }
+    }
+  }
+};
+
+Object.defineProperty(PopupManager, 'zIndex', {
+  configurable: true,
+  get: function get() {
+    if (!hasInitZIndex) {
+      if (globalScope.__EOSS_ZINDEX__ === undefined) {
+        globalScope.__EOSS_ZINDEX__ = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$EOSS || {}).zIndex || 2000;
+      }
+      hasInitZIndex = true;
+    }
+    return globalScope.__EOSS_ZINDEX__;
+  },
+  set: function set(value) {
+    globalScope.__EOSS_ZINDEX__ = value;
+  }
+});
+
+var getTopPopup = function getTopPopup() {
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+  if (PopupManager.modalStack.length > 0) {
+    var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topPopup) return;
+    var instance = PopupManager.getInstance(topPopup.id);
+
+    return instance;
+  }
+};
+
+if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
+  // handle `esc` key when the popup is shown
+  window.addEventListener('keydown', function (event) {
+    if (event.keyCode === 27) {
+      var topPopup = getTopPopup();
+
+      if (topPopup && topPopup.closeOnPressEscape) {
+        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
+      }
+    }
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (PopupManager);
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(45)))
+
+/***/ }),
+
+/***/ 110:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=template&id=146e2160&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/submenu.vue?vue&type=template&id=09f0751a&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -3574,7 +3794,7 @@ var render = function () {
                               "close-icon": _vm.closeIcon,
                               isFourthTabs: _vm.isFourthTabs,
                               iconColors: _vm.iconColors,
-                              iconColor: _vm.getColor(index),
+                              iconColor: _vm.getColor(index, item),
                             },
                           },
                           "component",
@@ -3597,16 +3817,16 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=template&id=146e2160&
+// CONCATENATED MODULE: ./packages/menu/src/submenu.vue?vue&type=template&id=09f0751a&
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
 var scrollbar = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./packages/menu/src/mixins.js
-var mixins = __webpack_require__(80);
+var mixins = __webpack_require__(81);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-mixin.js
-var menu_mixin = __webpack_require__(67);
+var menu_mixin = __webpack_require__(68);
 
 // EXTERNAL MODULE: ./src/mixins/emitter.js
 var emitter = __webpack_require__(15);
@@ -3615,13 +3835,13 @@ var emitter = __webpack_require__(15);
 var vue_popper = __webpack_require__(27);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item.vue + 4 modules
-var menu_item = __webpack_require__(60);
+var menu_item = __webpack_require__(61);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item-group.vue + 4 modules
-var menu_item_group = __webpack_require__(82);
+var menu_item_group = __webpack_require__(84);
 
 // EXTERNAL MODULE: ./src/transitions/collapse-transition.js
-var collapse_transition = __webpack_require__(69);
+var collapse_transition = __webpack_require__(70);
 
 // EXTERNAL MODULE: external "eoss/lib/icon"
 var icon_ = __webpack_require__(26);
@@ -3947,8 +4167,10 @@ var poperMixins = {
       return this.collapse ? 'es-zoom-in-left' : 'es-zoom-in-top';
     },
     opened: function opened() {
-      var open = this.open && !this.collapse || this.index && this.rootMenu.openedMenus.indexOf(this.index) > -1;
-      return open;
+      //  展开状态统一由 rootMenu.openedMenus 驱动，
+      //  open 属性仅作为默认展开的初始值（见 syncOpenProp），不参与计算，
+      //  否则 open 为 true 时会短路导致点击无法折叠
+      return !!this.index && this.rootMenu.openedMenus.indexOf(this.index) > -1;
     },
     active: function active() {
       var isActive = false;
@@ -4047,6 +4269,15 @@ var poperMixins = {
         });
       }
     },
+    open: function open() {
+      this.syncOpenProp();
+    },
+    collapse: function collapse(val) {
+      //  整菜单收起会清空 openedMenus，取消收起后按 open 属性恢复默认展开
+      if (!val) {
+        this.syncOpenProp();
+      }
+    },
     iconColors: function iconColors() {
       // 当iconColors变化时，清除缓存
       this._colorCache = null;
@@ -4087,6 +4318,28 @@ var poperMixins = {
   },
 
   methods: {
+    /**
+     * 同步 open 属性到 rootMenu.openedMenus：
+     * open 语义为“默认展开”，写入 openedMenus 后仍可被点击正常折叠/展开
+     */
+    syncOpenProp: function syncOpenProp() {
+      if (!this.index || this.collapse) {
+        return;
+      }
+      var rootMenu = this.rootMenu;
+      var isOpened = rootMenu.openedMenus.indexOf(this.index) > -1;
+      if (this.open && !isOpened) {
+        //  默认展开直接写入 openedMenus，不走 openMenu 的 uniqueOpened 过滤：
+        //  嵌套子菜单内层先于外层 mounted，若走 openMenu，
+        //  外层展开时会把不在其 indexPath 上的内层默认展开过滤收起
+        rootMenu.openedMenus.push(this.index);
+        rootMenu.$nextTick(function () {
+          return rootMenu.updated();
+        });
+      } else if (!this.open && isOpened) {
+        rootMenu.closeMenu(this.index);
+      }
+    },
     handleCollapseToggle: function handleCollapseToggle(value) {
       if (value) {
         this.initPopper();
@@ -4194,6 +4447,7 @@ var poperMixins = {
     this.parentMenu.addSubmenu(this);
     this.rootMenu.addSubmenu(this);
     this.initPopper();
+    this.syncOpenProp();
   },
   updated: function updated() {
     var _this5 = this;
@@ -4245,239 +4499,19 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
-
-
-
-var hasModal = false;
-var hasInitZIndex = false;
-// 跨模块副本共享的 z-index 计数器宿主。
-// 低代码等场景会用 eoss / eoss/src / eoss/packages 多种身份加载本文件，
-// 导致出现多份 PopupManager、各自从 2000 起算，出现“后弹出的层级反而比先弹出的小”。
-// 把计数器挂到全局，所有副本共用同一条单调递增序列。
-var globalScope = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};
-
-var getModal = function getModal() {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-  var modalDom = PopupManager.modalDom;
-  if (modalDom) {
-    hasModal = true;
-  } else {
-    hasModal = false;
-    modalDom = document.createElement('div');
-    PopupManager.modalDom = modalDom;
-
-    modalDom.addEventListener('touchmove', function (event) {
-      event.preventDefault();
-      event.stopPropagation();
-    });
-
-    modalDom.addEventListener('click', function () {
-      PopupManager.doOnModalClick && PopupManager.doOnModalClick();
-    });
-  }
-
-  return modalDom;
-};
-
-var instances = {};
-
-var PopupManager = {
-  modalFade: true,
-
-  getInstance: function getInstance(id) {
-    return instances[id];
-  },
-
-  register: function register(id, instance) {
-    if (id && instance) {
-      instances[id] = instance;
-    }
-  },
-
-  deregister: function deregister(id) {
-    if (id) {
-      instances[id] = null;
-      delete instances[id];
-    }
-  },
-
-  nextZIndex: function nextZIndex() {
-    return PopupManager.zIndex++;
-  },
-
-  modalStack: [],
-
-  doOnModalClick: function doOnModalClick() {
-    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topItem) return;
-
-    var instance = PopupManager.getInstance(topItem.id);
-    if (instance && instance.closeOnClickModal) {
-      instance.close();
-    }
-  },
-
-  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
-    if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-    if (!id || zIndex === undefined) return;
-    this.modalFade = modalFade;
-
-    var modalStack = this.modalStack;
-
-    for (var i = 0, j = modalStack.length; i < j; i++) {
-      var item = modalStack[i];
-      if (item.id === id) {
-        return;
-      }
-    }
-
-    var modalDom = getModal();
-
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal');
-    if (this.modalFade && !hasModal) {
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-enter');
-    }
-    if (modalClass) {
-      var classArr = modalClass.trim().split(/\s+/);
-      classArr.forEach(function (item) {
-        return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, item);
-      });
-    }
-    setTimeout(function () {
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, 'v-modal-enter');
-    }, 200);
-
-    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
-      dom.parentNode.appendChild(modalDom);
-    } else {
-      document.body.appendChild(modalDom);
-    }
-
-    if (zIndex) {
-      modalDom.style.zIndex = zIndex;
-    }
-    modalDom.tabIndex = 0;
-    modalDom.style.display = '';
-
-    this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
-  },
-
-  closeModal: function closeModal(id) {
-    var modalStack = this.modalStack;
-    var modalDom = getModal();
-    var topItem = null;
-
-    if (modalStack.length > 0) {
-      topItem = modalStack[modalStack.length - 1];
-      if (topItem.id === id) {
-        modalStack.pop();
-        if (modalStack.length > 0) {
-          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
-        }
-      } else {
-        for (var i = modalStack.length - 1; i >= 0; i--) {
-          if (modalStack[i].id === id) {
-            modalStack.splice(i, 1);
-            break;
-          }
-        }
-      }
-    }
-
-    if (modalStack.length === 0) {
-      if (this.modalFade) {
-        Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* addClass */ "a"])(modalDom, 'v-modal-leave');
-      }
-      setTimeout(function () {
-        if (modalStack.length === 0) {
-          if (topItem && topItem.modalClass) {
-            var classArr = topItem.modalClass.trim().split(/\s+/);
-            classArr.forEach(function (item) {
-              return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, item);
-            });
-          }
-          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
-          modalDom.style.display = 'none';
-          PopupManager.modalDom = undefined;
-        }
-        Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, 'v-modal-leave');
-      }, 200);
-    } else {
-      if (topItem && topItem.modalClass) {
-        var classArr = topItem.modalClass.trim().split(/\s+/);
-        classArr.forEach(function (item) {
-          return Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_1__[/* removeClass */ "i"])(modalDom, item);
-        });
-      }
-    }
-  }
-};
-
-Object.defineProperty(PopupManager, 'zIndex', {
-  configurable: true,
-  get: function get() {
-    if (!hasInitZIndex) {
-      if (globalScope.__EOSS_ZINDEX__ === undefined) {
-        globalScope.__EOSS_ZINDEX__ = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$EOSS || {}).zIndex || 2000;
-      }
-      hasInitZIndex = true;
-    }
-    return globalScope.__EOSS_ZINDEX__;
-  },
-  set: function set(value) {
-    globalScope.__EOSS_ZINDEX__ = value;
-  }
-});
-
-var getTopPopup = function getTopPopup() {
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-  if (PopupManager.modalStack.length > 0) {
-    var topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
-    if (!topPopup) return;
-    var instance = PopupManager.getInstance(topPopup.id);
-
-    return instance;
-  }
-};
-
-if (!vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) {
-  // handle `esc` key when the popup is shown
-  window.addEventListener('keydown', function (event) {
-    if (event.keyCode === 27) {
-      var topPopup = getTopPopup();
-
-      if (topPopup && topPopup.closeOnPressEscape) {
-        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction('cancel') : topPopup.close();
-      }
-    }
-  });
-}
-
-/* harmony default export */ __webpack_exports__["a"] = (PopupManager);
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(45)))
-
-/***/ }),
-
-/***/ 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__(1);
+/* 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__(1);
 
 var $hueStep = 2;
 var $saturationStep1 = 0.16;
@@ -4741,7 +4775,7 @@ module.exports = require("vue");
 
 /***/ }),
 
-/***/ 206:
+/***/ 213:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4850,19 +4884,19 @@ menuvue_type_template_id_31887554_render._withStripped = true
 // CONCATENATED MODULE: ./packages/menu/src/menu.vue?vue&type=template&id=31887554&
 
 // EXTERNAL MODULE: ./packages/menu/src/mixins.js
-var mixins = __webpack_require__(80);
+var mixins = __webpack_require__(81);
 
 // EXTERNAL MODULE: ./packages/menu/src/submenu.vue + 4 modules
-var submenu = __webpack_require__(108);
+var submenu = __webpack_require__(110);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item.vue + 4 modules
-var menu_item = __webpack_require__(60);
+var menu_item = __webpack_require__(61);
 
 // EXTERNAL MODULE: ./src/components/bar.js
-var bar = __webpack_require__(58);
+var bar = __webpack_require__(59);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item-group.vue + 4 modules
-var menu_item_group = __webpack_require__(82);
+var menu_item_group = __webpack_require__(84);
 
 // EXTERNAL MODULE: ./src/mixins/emitter.js
 var emitter = __webpack_require__(15);
@@ -4871,7 +4905,7 @@ var emitter = __webpack_require__(15);
 var migrating = __webpack_require__(46);
 
 // EXTERNAL MODULE: ./src/utils/aria-utils.js
-var aria_utils = __webpack_require__(61);
+var aria_utils = __webpack_require__(62);
 
 // CONCATENATED MODULE: ./src/utils/menu/aria-submenu.js
 
@@ -5909,7 +5943,7 @@ module.exports = require("eoss/lib/icon");
 
 
 
-var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(52);
+var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(53);
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
@@ -6955,10 +6989,12 @@ function insertAfter(newEl, targetEl) {
 
 /***/ }),
 
-/***/ 52:
+/***/ 53:
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+/**
  * @fileOverview Kickass library to create and place poppers near their reference elements.
  * @version {{version}}
  * @license
@@ -6981,68 +7017,60 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
  * 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.
+ */
+
+//
+// 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
-  };
-
+				__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
@@ -7107,125 +7135,114 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    *
    * @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
-  //
+   */
+  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;
-  };
-
+   */
+  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
+   */
+  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;
-  };
-
+   */
+  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.
@@ -7233,101 +7250,93 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @method
    * @memberof Popper
    * @param {Function} callback
-   */
-  Popper.prototype.onUpdate = function (callback) {
-    this.state.updateCallback = callback;
-    return this;
-  };
-
+   */
+  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;
-
+   */
+  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);
-      });
-    }
-
+     */
+    function addClassNames(element, classNames) {
+      classNames.forEach(function (className) {
+        element.classList.add(className);
+      });
+    }
+
     /**
      * Adds attributes to the given element
      * @function
@@ -7336,17 +7345,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
      * @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] || ''
-        );
-      });
-    }
-  };
-
+     */
+    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
@@ -7354,20 +7360,20 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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';
-  };
-
+   */
+  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
@@ -7376,110 +7382,91 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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,
-      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
-    };
-  };
-
+   */
+  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, 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);
-    // 无界等微前端场景下沙箱 window 不会触发 resize，需监听真实 window
-    this.state.realWindow = getRealWindow(this._popper);
-    this.state.realWindow.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);
-      target.addEventListener('scroll', this.state.updateBound);
-      this.state.scrollTarget = target;
-    }
-  };
-
+   */
+  Popper.prototype._setupEventListeners = function () {
+    // NOTE: 1 DOM access here
+    this.state.updateBound = this.update.bind(this);
+    // 无界等微前端场景下沙箱 window 不会触发 resize，需监听真实 window
+    this.state.realWindow = getRealWindow(this._popper);
+    this.state.realWindow.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);
+      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
-    (this.state.realWindow || 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;
-  };
-
+   */
+  Popper.prototype._removeEventListeners = function () {
+    // NOTE: 1 DOM access here
+    (this.state.realWindow || 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
@@ -7489,75 +7476,56 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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') {
-      // 将真实 window 的视口换算到 popper 所在包含块的坐标系。
-      // 无界等场景下沙箱 window 的尺寸、shadowRoot 内元素的 scrollTop 均不可靠，
-      // 统一从元素自身的 view 与真实包含块获取
-      var realWindow = getRealWindow(this._popper);
-      var containingBlockRect = getContainingBlockRect(
-        this._popper,
-        data.offsets.popper.position === 'fixed'
-      );
-
-      boundaries = {
-        top: 0 - containingBlockRect.top,
-        right:
-          realWindow.document.documentElement.clientWidth -
-          containingBlockRect.left,
-        bottom:
-          realWindow.document.documentElement.clientHeight -
-          containingBlockRect.top,
-        left: 0 - containingBlockRect.left
-      };
-    } 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;
-  };
-
+   */
+  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') {
+      // 将真实 window 的视口换算到 popper 所在包含块的坐标系。
+      // 无界等场景下沙箱 window 的尺寸、shadowRoot 内元素的 scrollTop 均不可靠，
+      // 统一从元素自身的 view 与真实包含块获取
+      var realWindow = getRealWindow(this._popper);
+      var containingBlockRect = getContainingBlockRect(this._popper, data.offsets.popper.position === 'fixed');
+
+      boundaries = {
+        top: 0 - containingBlockRect.top,
+        right: realWindow.document.documentElement.clientWidth - containingBlockRect.left,
+        bottom: realWindow.document.documentElement.clientHeight - containingBlockRect.top,
+        left: 0 - containingBlockRect.left
+      };
+    } 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
@@ -7566,27 +7534,22 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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;
-  };
-
+   */
+  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
@@ -7594,204 +7557,191 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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
-  //
-
+   */
+  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 = {};
-
+   */
+  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;
-  };
-
+   */
+  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;
-  };
-
+   */
+  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;
-  };
-
+   */
+  Popper.prototype.modifiers.preventOverflow = function (data) {
+    var order = this._options.preventOverflowOrder;
+    var popper = getPopperClientRect(data.offsets.popper);
+
+    var check = {
+      left: function left() {
+        var left = popper.left;
+        if (popper.left < data.boundaries.left) {
+          left = Math.max(popper.left, data.boundaries.left);
+        }
+        return { left: left };
+      },
+      right: function right() {
+        var left = popper.left;
+        if (popper.right > data.boundaries.right) {
+          left = Math.min(popper.left, data.boundaries.right - popper.width);
+        }
+        return { left: left };
+      },
+      top: function top() {
+        var top = popper.top;
+        if (popper.top < data.boundaries.top) {
+          top = Math.max(popper.top, data.boundaries.top);
+        }
+        return { top: top };
+      },
+      bottom: function bottom() {
+        var top = popper.top;
+        if (popper.bottom > data.boundaries.bottom) {
+          top = Math.min(popper.top, data.boundaries.bottom - popper.height);
+        }
+        return { top: top };
+      }
+    };
+
+    order.forEach(function (direction) {
+      data.offsets.popper = Object.assign(popper, check[direction]());
+    });
+
+    return data;
+  };
+
   /**
    * Modifier used to make sure the popper is always near its reference
    * @method
    * @memberof Popper.modifiers
    * @argument {Object} data - The data object generated by _update method
    * @returns {Object} The data object, properly modified
-   */
-  Popper.prototype.modifiers.keepTogether = function (data) {
-    var popper = getPopperClientRect(data.offsets.popper);
-    var reference = data.offsets.reference;
-    var f = Math.floor;
-
-    if (popper.right < f(reference.left)) {
-      data.offsets.popper.left = f(reference.left) - popper.width;
-    }
-    if (popper.left > f(reference.right)) {
-      data.offsets.popper.left = f(reference.right);
-    }
-    if (popper.bottom < f(reference.top)) {
-      data.offsets.popper.top = f(reference.top) - popper.height;
-    }
-    if (popper.top > f(reference.bottom)) {
-      data.offsets.popper.top = f(reference.bottom);
-    }
-
-    return data;
-  };
-
+   */
+  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.
@@ -7800,81 +7750,61 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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;
-  };
-
+   */
+  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.
@@ -7882,23 +7812,23 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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;
-  };
-
+   */
+  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
@@ -7906,147 +7836,136 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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
-  //
-
+   */
+  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 = getRealWindow(element).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;
-  }
-
+   */
+  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 = getRealWindow(element).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];
-    });
-  }
-
+   */
+  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;
-  }
-
+   */
+  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
@@ -8054,48 +7973,46 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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;
-  }
-
+   */
+  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
-    // 无界等微前端场景下沙箱 window 与元素实际渲染所在 window 可能不一致，
-    // 需使用元素自身的 view 读取计算样式，避免跨 document 读取到空值
-    var css = getRealWindow(element).getComputedStyle(element, null);
-    return css[property];
-  }
-
+   */
+  function getStyleComputedProperty(element, property) {
+    // NOTE: 1 DOM access here
+    // 无界等微前端场景下沙箱 window 与元素实际渲染所在 window 可能不一致，
+    // 需使用元素自身的 view 读取计算样式，避免跨 document 读取到空值
+    var css = getRealWindow(element).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;
-  }
-
+   */
+  function getOffsetParent(element) {
+    var offsetParent = element.offsetParent;
+    return offsetParent === root.document.body || !offsetParent ? root.document.documentElement : offsetParent;
+  }
+
   /**
    * Returns the window the given element actually renders in.
    * 无界等微前端场景下组件代码运行在沙箱 window 中，而 DOM 实际渲染在
@@ -8104,16 +8021,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @ignore
    * @argument {Element} element
    * @returns {Window} window
-   */
-  function getRealWindow(element) {
-    return (
-      (element &&
-        element.ownerDocument &&
-        element.ownerDocument.defaultView) ||
-      root
-    );
-  }
-
+   */
+  function getRealWindow(element) {
+    return element && element.ownerDocument && element.ownerDocument.defaultView || root;
+  }
+
   /**
    * Returns the viewport rect of the containing block actually used to position the popper.
    * 无界微前端等场景下 popper 被挂载进子应用的 shadowRoot，offsetParent 的兜底值
@@ -8127,82 +8039,72 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @argument {Element} element - popper element
    * @argument {Boolean} fixed - whether the popper is fixed positioned
    * @returns {Object} rect
-   */
-  function getContainingBlockRect(element, fixed) {
-    if (fixed) {
-      return { top: 0, left: 0, right: 0, bottom: 0 };
-    }
-
-    var node = element.parentNode;
-    while (node) {
-      if (node.nodeType === 1) {
-        if (getStyleComputedProperty(node, 'position') !== 'static') {
-          return getBoundingClientRect(node);
-        }
-      } else if (node.nodeType === 11) {
-        // 遇到 shadowRoot，跨边界从宿主元素继续向上查找
-        node = node.host;
-        continue;
-      } else {
-        break;
-      }
-      node = node.parentNode;
-    }
-
-    var win = getRealWindow(element);
-    return {
-      top: -(win.pageYOffset || 0),
-      left: -(win.pageXOffset || 0),
-      right: 0,
-      bottom: 0
-    };
-  }
-
+   */
+  function getContainingBlockRect(element, fixed) {
+    if (fixed) {
+      return { top: 0, left: 0, right: 0, bottom: 0 };
+    }
+
+    var node = element.parentNode;
+    while (node) {
+      if (node.nodeType === 1) {
+        if (getStyleComputedProperty(node, 'position') !== 'static') {
+          return getBoundingClientRect(node);
+        }
+      } else if (node.nodeType === 11) {
+        // 遇到 shadowRoot，跨边界从宿主元素继续向上查找
+        node = node.host;
+        continue;
+      } else {
+        break;
+      }
+      node = node.parentNode;
+    }
+
+    var win = getRealWindow(element);
+    return {
+      top: -(win.pageYOffset || 0),
+      left: -(win.pageXOffset || 0),
+      right: 0,
+      bottom: 0
+    };
+  }
+
   /**
    * Returns the scrolling parent of the given element
    * @function
    * @ignore
    * @argument {Element} element
    * @returns {Element} offset parent
-   */
-  function getScrollParent(element) {
-    var parent = element.parentNode;
-    if (!parent) {
-      return element;
-    }
-
-    if (parent.nodeType === 11) {
-      // 无界等微前端场景 DOM 位于 shadowRoot 内，需跨边界从宿主元素继续向上查找，
-      // 否则查找到 shadowRoot 即终止，滚动事件无法被监听
-      return getScrollParent(parent.host);
-    }
-
-    if (parent.nodeType !== 1) {
-      // 到达 document，返回元素实际渲染所在的真实 window，
-      // 保证 window 滚动时能触发位置更新
-      return getRealWindow(element);
-    }
-
-    // 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(parent);
-  }
-
+   */
+  function getScrollParent(element) {
+    var parent = element.parentNode;
+    if (!parent) {
+      return element;
+    }
+
+    if (parent.nodeType === 11) {
+      // 无界等微前端场景 DOM 位于 shadowRoot 内，需跨边界从宿主元素继续向上查找，
+      // 否则查找到 shadowRoot 即终止，滚动事件无法被监听
+      return getScrollParent(parent.host);
+    }
+
+    if (parent.nodeType !== 1) {
+      // 到达 document，返回元素实际渲染所在的真实 window，
+      // 保证 window 滚动时能触发位置更新
+      return getRealWindow(element);
+    }
+
+    // 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(parent);
+  }
+
   /**
    * Check if the given element is fixed or is inside a fixed parent
    * @function
@@ -8210,125 +8112,114 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @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;
-    }
-    var parent = element.parentNode;
-    if (parent && parent.nodeType === 11) {
-      // 跨 shadowRoot 边界，从宿主元素继续向上判断
-      parent = parent.host;
-    }
-    return parent && parent.nodeType === 1 ? isFixed(parent) : false;
-  }
-
-  /**
-   * 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;
-    });
-  }
-
-  /**
+   */
+  function isFixed(element) {
+    if (element === root.document.body) {
+      return false;
+    }
+    if (getStyleComputedProperty(element, 'position') === 'fixed') {
+      return true;
+    }
+    var parent = element.parentNode;
+    if (parent && parent.nodeType === 11) {
+      // 跨 shadowRoot 边界，从宿主元素继续向上判断
+      parent = parent.host;
+    }
+    return parent && parent.nodeType === 1 ? isFixed(parent) : false;
+  }
+
+  /**
+   * 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]'
-    );
-  }
-
+   */
+  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;
-  }
-
+   */
+  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];
-  }
-
+   */
+  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
@@ -8336,45 +8227,43 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * @param {HTMLElement} element
    * @param {HTMLElement} parent
    * @return {Object} rect
-   */
-  function getOffsetRectRelativeToCustomParent(element, parent, fixed) {
-    var elementRect = getBoundingClientRect(element);
-    // parent 为 popper 元素：取其真实包含块的视口 rect，
-    // 避免无界 shadowRoot 等场景下包含块假设错误导致的整体偏移
-    var parentRect = getContainingBlockRect(parent, fixed);
-
-    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;
-  }
-
+   */
+  function getOffsetRectRelativeToCustomParent(element, parent, fixed) {
+    var elementRect = getBoundingClientRect(element);
+    // parent 为 popper 元素：取其真实包含块的视口 rect，
+    // 避免无界 shadowRoot 等场景下包含块假设错误导致的整体偏移
+    var parentRect = getContainingBlockRect(parent, fixed);
+
+    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;
-  }
-
+   */
+  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.
@@ -8382,50 +8271,45 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
    * 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;
-});
+   */
+  if (!Object.assign) {
+    Object.defineProperty(Object, 'assign', {
+      enumerable: false,
+      configurable: true,
+      writable: true,
+      value: function value(target) {
+        if (target === undefined || target === null) {
+          throw new TypeError('Cannot convert first argument to object');
+        }
+
+        var to = Object(target);
+        for (var i = 1; i < arguments.length; i++) {
+          var nextSource = arguments[i];
+          if (nextSource === undefined || nextSource === null) {
+            continue;
+          }
+          nextSource = Object(nextSource);
+
+          var keysArray = Object.keys(nextSource);
+          for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
+            var nextKey = keysArray[nextIndex];
+            var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+            if (desc !== undefined && desc.enumerable) {
+              to[nextKey] = nextSource[nextKey];
+            }
+          }
+        }
+        return to;
+      }
+    });
+  }
 
+  return Popper;
+});
 
 /***/ }),
 
-/***/ 58:
+/***/ 59:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8783,7 +8667,7 @@ function renderThumbStyle(_ref3) {
 
 /***/ }),
 
-/***/ 60:
+/***/ 61:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8921,7 +8805,7 @@ render._withStripped = true
 // CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=template&id=4175d146&
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-mixin.js
-var menu_mixin = __webpack_require__(67);
+var menu_mixin = __webpack_require__(68);
 
 // EXTERNAL MODULE: external "eoss/lib/tooltip"
 var tooltip_ = __webpack_require__(36);
@@ -9146,7 +9030,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9276,7 +9160,7 @@ aria.Utils.keys = {
 
 /***/ }),
 
-/***/ 67:
+/***/ 68:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9325,108 +9209,6 @@ aria.Utils.keys = {
 
 /***/ }),
 
-/***/ 69:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-
-
-var Transition = function () {
-  function Transition() {
-    _classCallCheck(this, Transition);
-  }
-
-  Transition.prototype.beforeEnter = function beforeEnter(el) {
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
-    if (!el.dataset) el.dataset = {};
-    if (el.dataset.state === 6 || !el.dataset.state) {
-      el.dataset.oldPaddingTop = el.style.paddingTop;
-      el.dataset.oldPaddingBottom = el.style.paddingBottom;
-    }
-    el.dataset.state = 1;
-
-    el.style.height = '0';
-    el.style.paddingTop = 0;
-    el.style.paddingBottom = 0;
-  };
-
-  Transition.prototype.enter = function enter(el) {
-    el.dataset.oldOverflow = el.style.overflow;
-    if (el.scrollHeight !== 0) {
-      el.style.height = el.scrollHeight + 'px';
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    } else {
-      el.style.height = '';
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    }
-
-    el.dataset.state = 2;
-    el.style.overflow = 'hidden';
-  };
-
-  Transition.prototype.afterEnter = function afterEnter(el) {
-    // for safari: remove class then reset height is necessary
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
-    el.style.height = '';
-    el.style.overflow = el.dataset.oldOverflow;
-    el.dataset.state = 3;
-  };
-
-  Transition.prototype.beforeLeave = function beforeLeave(el) {
-    if (!el.dataset) el.dataset = {};
-    el.dataset.oldPaddingTop = el.style.paddingTop;
-    el.dataset.oldPaddingBottom = el.style.paddingBottom;
-    el.dataset.oldOverflow = el.style.overflow;
-    el.dataset.state = 4;
-
-    el.style.height = el.scrollHeight + 'px';
-    el.style.overflow = 'hidden';
-  };
-
-  Transition.prototype.leave = function leave(el) {
-    if (el.scrollHeight !== 0) {
-      // for safari: add class after set height, or it will jump to zero height suddenly, weired
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
-      el.style.height = 0;
-      el.style.paddingTop = 0;
-      el.style.paddingBottom = 0;
-      el.dataset.state = 5;
-    }
-  };
-
-  Transition.prototype.afterLeave = function afterLeave(el) {
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
-    el.style.height = '';
-    el.style.overflow = el.dataset.oldOverflow;
-    el.style.paddingTop = el.dataset.oldPaddingTop;
-    el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    el.dataset.state = 6;
-  };
-
-  return Transition;
-}();
-
-/* harmony default export */ __webpack_exports__["a"] = ({
-  name: 'EsCollapseTransition',
-  functional: true,
-  render: function render(h, _ref) {
-    var children = _ref.children;
-
-    var data = {
-      on: new Transition()
-    };
-
-    return h('transition', data, children);
-  }
-});
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -9477,946 +9259,1023 @@ var Transition = function () {
 /* unused harmony export getSecond */
 /* unused harmony export getWeekday */
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "F", function() { return timeCycle; });
-/* Modified from https://github.com/taylorhakes/fecha
- *
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 Taylor Hakes
- *
- * 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.
- */
-
-/*eslint-disable*/
-// 把 YYYY-MM-DD 改成了 yyyy-MM-dd
-
-
+
+
 /**
  * Parse or format dates
  * @class fecha
- */
-const fecha = {};
-const token = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g;
-const twoDigits = '\\d\\d?';
-const threeDigits = '\\d{3}';
-const fourDigits = '\\d{4}';
-const word = '[^\\s]+';
-const literal = /\[([^]*?)\]/gm;
-const noop = function () {};
-
-function regexEscape(str) {
-  return str.replace(/[|\\{()[^$+*?.-]/g, '\\$&');
-}
-
-function shorten(arr, sLen) {
-  const newArr = [];
-  for (let i = 0, len = arr.length; i < len; i++) {
-    newArr.push(arr[i].substr(0, sLen));
-  }
-  return newArr;
-}
-
-function monthUpdate() {
-  return function (d, v) {
-    const index = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'].indexOf(v.toLowerCase());
-    if (~index) {
-      d.month = index;
-    }
-  };
-}
-
-function pad(val, len) {
-  val = String(val);
-  len = len || 2;
-  while (val.length < len) {
-    val = '0' + val;
-  }
-  return val;
-}
-
-// 直接使用中文日期名称常量
-const dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
-const monthNames = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
-const monthNamesShort = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'];
-const dayNamesShort = ['日', '一', '二', '三', '四', '五', '六'];
-const amPm = ['上午', '下午'];
-const DoFn = function DoFn(D) {
-  return D + '日';
-};
-
-const formatFlags = {
-  D: function(dateObj) {
-    return dateObj.getDay();
-  },
-  DD: function(dateObj) {
-    return pad(dateObj.getDay());
-  },
-  Do: function(dateObj) {
-    return DoFn(dateObj.getDate());
-  },
-  d: function(dateObj) {
-    return dateObj.getDate();
-  },
-  dd: function(dateObj) {
-    return pad(dateObj.getDate());
-  },
-  ddd: function(dateObj) {
-    return dayNamesShort[dateObj.getDay()];
-  },
-  dddd: function(dateObj) {
-    return dayNames[dateObj.getDay()];
-  },
-  M: function(dateObj) {
-    return dateObj.getMonth() + 1;
-  },
-  MM: function(dateObj) {
-    return pad(dateObj.getMonth() + 1);
-  },
-  MMM: function(dateObj) {
-    return monthNamesShort[dateObj.getMonth()];
-  },
-  MMMM: function(dateObj) {
-    return monthNames[dateObj.getMonth()];
-  },
-  yy: function(dateObj) {
-    return pad(String(dateObj.getFullYear()), 4).substr(2);
-  },
-  yyyy: function(dateObj) {
-    return pad(dateObj.getFullYear(), 4);
-  },
-  h: function(dateObj) {
-    return dateObj.getHours() % 12 || 12;
-  },
-  hh: function(dateObj) {
-    return pad(dateObj.getHours() % 12 || 12);
-  },
-  H: function(dateObj) {
-    return dateObj.getHours();
-  },
-  HH: function(dateObj) {
-    return pad(dateObj.getHours());
-  },
-  m: function(dateObj) {
-    return dateObj.getMinutes();
-  },
-  mm: function(dateObj) {
-    return pad(dateObj.getMinutes());
-  },
-  s: function(dateObj) {
-    return dateObj.getSeconds();
-  },
-  ss: function(dateObj) {
-    return pad(dateObj.getSeconds());
-  },
-  S: function(dateObj) {
-    return Math.round(dateObj.getMilliseconds() / 100);
-  },
-  SS: function(dateObj) {
-    return pad(Math.round(dateObj.getMilliseconds() / 10), 2);
-  },
-  SSS: function(dateObj) {
-    return pad(dateObj.getMilliseconds(), 3);
-  },
-  a: function(dateObj) {
-    return dateObj.getHours() < 12 ? '上午' : '下午';
-  },
-  A: function(dateObj) {
-    return dateObj.getHours() < 12 ? '上午' : '下午';
-  },
-  ZZ: function(dateObj) {
-    const o = dateObj.getTimezoneOffset();
-    return (o > 0 ? '-' : '+') + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4);
-  }
-};
-
-const parseFlags = {
-  d: [twoDigits, function (d, v) {
-    d.day = v;
-  }],
-  Do: [twoDigits + word, function (d, v) {
-    d.day = parseInt(v, 10);
-  }],
-  M: [twoDigits, function (d, v) {
-    d.month = v - 1;
-  }],
-  yy: [twoDigits, function (d, v) {
-    const da = new Date(), cent = +('' + da.getFullYear()).substr(0, 2);
-    d.year = '' + (v > 68 ? cent - 1 : cent) + v;
-  }],
-  h: [twoDigits, function (d, v) {
-    d.hour = v;
-  }],
-  m: [twoDigits, function (d, v) {
-    d.minute = v;
-  }],
-  s: [twoDigits, function (d, v) {
-    d.second = v;
-  }],
-  yyyy: [fourDigits, function (d, v) {
-    d.year = v;
-  }],
-  S: ['\\d', function (d, v) {
-    d.millisecond = v * 100;
-  }],
-  SS: ['\\d{2}', function (d, v) {
-    d.millisecond = v * 10;
-  }],
-  SSS: [threeDigits, function (d, v) {
-    d.millisecond = v;
-  }],
-  D: [twoDigits, noop],
-  ddd: [word, noop],
-  MMM: [word, monthUpdate('monthNamesShort')],
-  MMMM: [word, monthUpdate('monthNames')],
-  a: [word, function (d, v) {
-    const val = v.toLowerCase();
-    if (val === '上午') {
-      d.isPm = false;
-    } else if (val === '下午') {
-      d.isPm = true;
-    }
-  }],
-  ZZ: ['[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z', function (d, v) {
-    let parts = (v + '').match(/([+-]|\d\d)/gi), minutes;
-
-    if (parts) {
-      minutes = +(parts[1] * 60) + parseInt(parts[2], 10);
-      d.timezoneOffset = parts[0] === '+' ? minutes : -minutes;
-    }
-  }]
-};
-parseFlags.dd = parseFlags.d;
-parseFlags.dddd = parseFlags.ddd;
-parseFlags.DD = parseFlags.D;
-parseFlags.mm = parseFlags.m;
-parseFlags.hh = parseFlags.H = parseFlags.HH = parseFlags.h;
-parseFlags.MM = parseFlags.M;
-parseFlags.ss = parseFlags.s;
-parseFlags.A = parseFlags.a;
-
-
-// Some common format strings
-fecha.masks = {
-  default: 'ddd MMM dd yyyy HH:mm:ss',
-  shortDate: 'M/D/yy',
-  mediumDate: 'MMM d, yyyy',
-  longDate: 'MMMM d, yyyy',
-  fullDate: 'dddd, MMMM d, yyyy',
-  shortTime: 'HH:mm',
-  mediumTime: 'HH:mm:ss',
-  longTime: 'HH:mm:ss.SSS'
-};
-
+ */
+var fecha = {};
+var token = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g;
+var twoDigits = '\\d\\d?';
+var threeDigits = '\\d{3}';
+var fourDigits = '\\d{4}';
+var word = '[^\\s]+';
+var literal = /\[([^]*?)\]/gm;
+var noop = function noop() {};
+
+function regexEscape(str) {
+  return str.replace(/[|\\{()[^$+*?.-]/g, '\\$&');
+}
+
+function shorten(arr, sLen) {
+  var newArr = [];
+  for (var i = 0, len = arr.length; i < len; i++) {
+    newArr.push(arr[i].substr(0, sLen));
+  }
+  return newArr;
+}
+
+function monthUpdate() {
+  return function (d, v) {
+    var index = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'].indexOf(v.toLowerCase());
+    if (~index) {
+      d.month = index;
+    }
+  };
+}
+
+function pad(val, len) {
+  val = String(val);
+  len = len || 2;
+  while (val.length < len) {
+    val = '0' + val;
+  }
+  return val;
+}
+
+// 直接使用中文日期名称常量
+var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+var monthNames = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
+var monthNamesShort = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'];
+var dayNamesShort = ['日', '一', '二', '三', '四', '五', '六'];
+var amPm = ['上午', '下午'];
+var DoFn = function DoFn(D) {
+  return D + '日';
+};
+
+var formatFlags = {
+  D: function D(dateObj) {
+    return dateObj.getDay();
+  },
+  DD: function DD(dateObj) {
+    return pad(dateObj.getDay());
+  },
+  Do: function Do(dateObj) {
+    return DoFn(dateObj.getDate());
+  },
+  d: function d(dateObj) {
+    return dateObj.getDate();
+  },
+  dd: function dd(dateObj) {
+    return pad(dateObj.getDate());
+  },
+  ddd: function ddd(dateObj) {
+    return dayNamesShort[dateObj.getDay()];
+  },
+  dddd: function dddd(dateObj) {
+    return dayNames[dateObj.getDay()];
+  },
+  M: function M(dateObj) {
+    return dateObj.getMonth() + 1;
+  },
+  MM: function MM(dateObj) {
+    return pad(dateObj.getMonth() + 1);
+  },
+  MMM: function MMM(dateObj) {
+    return monthNamesShort[dateObj.getMonth()];
+  },
+  MMMM: function MMMM(dateObj) {
+    return monthNames[dateObj.getMonth()];
+  },
+  yy: function yy(dateObj) {
+    return pad(String(dateObj.getFullYear()), 4).substr(2);
+  },
+  yyyy: function yyyy(dateObj) {
+    return pad(dateObj.getFullYear(), 4);
+  },
+  h: function h(dateObj) {
+    return dateObj.getHours() % 12 || 12;
+  },
+  hh: function hh(dateObj) {
+    return pad(dateObj.getHours() % 12 || 12);
+  },
+  H: function H(dateObj) {
+    return dateObj.getHours();
+  },
+  HH: function HH(dateObj) {
+    return pad(dateObj.getHours());
+  },
+  m: function m(dateObj) {
+    return dateObj.getMinutes();
+  },
+  mm: function mm(dateObj) {
+    return pad(dateObj.getMinutes());
+  },
+  s: function s(dateObj) {
+    return dateObj.getSeconds();
+  },
+  ss: function ss(dateObj) {
+    return pad(dateObj.getSeconds());
+  },
+  S: function S(dateObj) {
+    return Math.round(dateObj.getMilliseconds() / 100);
+  },
+  SS: function SS(dateObj) {
+    return pad(Math.round(dateObj.getMilliseconds() / 10), 2);
+  },
+  SSS: function SSS(dateObj) {
+    return pad(dateObj.getMilliseconds(), 3);
+  },
+  a: function a(dateObj) {
+    return dateObj.getHours() < 12 ? '上午' : '下午';
+  },
+  A: function A(dateObj) {
+    return dateObj.getHours() < 12 ? '上午' : '下午';
+  },
+  ZZ: function ZZ(dateObj) {
+    var o = dateObj.getTimezoneOffset();
+    return (o > 0 ? '-' : '+') + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4);
+  }
+};
+
+var parseFlags = {
+  d: [twoDigits, function (d, v) {
+    d.day = v;
+  }],
+  Do: [twoDigits + word, function (d, v) {
+    d.day = parseInt(v, 10);
+  }],
+  M: [twoDigits, function (d, v) {
+    d.month = v - 1;
+  }],
+  yy: [twoDigits, function (d, v) {
+    var da = new Date(),
+        cent = +('' + da.getFullYear()).substr(0, 2);
+    d.year = '' + (v > 68 ? cent - 1 : cent) + v;
+  }],
+  h: [twoDigits, function (d, v) {
+    d.hour = v;
+  }],
+  m: [twoDigits, function (d, v) {
+    d.minute = v;
+  }],
+  s: [twoDigits, function (d, v) {
+    d.second = v;
+  }],
+  yyyy: [fourDigits, function (d, v) {
+    d.year = v;
+  }],
+  S: ['\\d', function (d, v) {
+    d.millisecond = v * 100;
+  }],
+  SS: ['\\d{2}', function (d, v) {
+    d.millisecond = v * 10;
+  }],
+  SSS: [threeDigits, function (d, v) {
+    d.millisecond = v;
+  }],
+  D: [twoDigits, noop],
+  ddd: [word, noop],
+  MMM: [word, monthUpdate('monthNamesShort')],
+  MMMM: [word, monthUpdate('monthNames')],
+  a: [word, function (d, v) {
+    var val = v.toLowerCase();
+    if (val === '上午') {
+      d.isPm = false;
+    } else if (val === '下午') {
+      d.isPm = true;
+    }
+  }],
+  ZZ: ['[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z', function (d, v) {
+    var parts = (v + '').match(/([+-]|\d\d)/gi),
+        minutes = void 0;
+
+    if (parts) {
+      minutes = +(parts[1] * 60) + parseInt(parts[2], 10);
+      d.timezoneOffset = parts[0] === '+' ? minutes : -minutes;
+    }
+  }]
+};
+parseFlags.dd = parseFlags.d;
+parseFlags.dddd = parseFlags.ddd;
+parseFlags.DD = parseFlags.D;
+parseFlags.mm = parseFlags.m;
+parseFlags.hh = parseFlags.H = parseFlags.HH = parseFlags.h;
+parseFlags.MM = parseFlags.M;
+parseFlags.ss = parseFlags.s;
+parseFlags.A = parseFlags.a;
+
+// Some common format strings
+fecha.masks = {
+  default: 'ddd MMM dd yyyy HH:mm:ss',
+  shortDate: 'M/D/yy',
+  mediumDate: 'MMM d, yyyy',
+  longDate: 'MMMM d, yyyy',
+  fullDate: 'dddd, MMMM d, yyyy',
+  shortTime: 'HH:mm',
+  mediumTime: 'HH:mm:ss',
+  longTime: 'HH:mm:ss.SSS'
+};
+
 /***
  * Format a date
  * @method format
  * @param {Date|number} dateObj
  * @param {string} mask Format of the date, i.e. 'mm-dd-yy' or 'shortDate'
- */
-fecha.format = function (dateObj, mask) {
-  if (typeof dateObj === 'number') {
-    dateObj = new Date(dateObj);
-  }
-
-  if (Object.prototype.toString.call(dateObj) !== '[object Date]' || isNaN(dateObj.getTime())) {
-    throw new Error('Invalid Date in fecha.format');
-  }
-
-  mask = fecha.masks[mask] || mask || fecha.masks['default'];
-
-  const literals = [];
-
-  // Make literals inactive by replacing them with ??
-  mask = mask.replace(literal, function($0, $1) {
-    literals.push($1);
-    return '@@@';
-  });
-  // Apply formatting rules
-  mask = mask.replace(token, function ($0) {
-    return $0 in formatFlags ? formatFlags[$0](dateObj) : $0.slice(1, $0.length - 1);
-  });
-  // Inline literal values back into the formatted value
-  return mask.replace(/@@@/g, function() {
-    return literals.shift();
-  });
-};
-
+ */
+fecha.format = function (dateObj, mask) {
+  if (typeof dateObj === 'number') {
+    dateObj = new Date(dateObj);
+  }
+
+  if (Object.prototype.toString.call(dateObj) !== '[object Date]' || isNaN(dateObj.getTime())) {
+    throw new Error('Invalid Date in fecha.format');
+  }
+
+  mask = fecha.masks[mask] || mask || fecha.masks['default'];
+
+  var literals = [];
+
+  // Make literals inactive by replacing them with ??
+  mask = mask.replace(literal, function ($0, $1) {
+    literals.push($1);
+    return '@@@';
+  });
+  // Apply formatting rules
+  mask = mask.replace(token, function ($0) {
+    return $0 in formatFlags ? formatFlags[$0](dateObj) : $0.slice(1, $0.length - 1);
+  });
+  // Inline literal values back into the formatted value
+  return mask.replace(/@@@/g, function () {
+    return literals.shift();
+  });
+};
+
 /**
  * Parse a date string into an object, changes - into /
  * @method parse
  * @param {string} dateStr Date string
  * @param {string} format Date parse format
  * @returns {Date|boolean}
- */
-fecha.parse = function (dateStr, format) {
-  if (typeof format !== 'string') {
-    throw new Error('Invalid format in fecha.parse');
-  }
-
-  format = fecha.masks[format] || format;
-
-  // Avoid regular expression denial of service, fail early for really long strings
-  // https://www.owasp.org/index.php/Regular_expression_Denial_of_Service_-_ReDoS
-  if (dateStr.length > 1000) {
-    return null;
-  }
-
-  const dateInfo = {};
-  const parseInfo = [];
-  const literals = [];
-  format = format.replace(literal, function($0, $1) {
-    literals.push($1);
-    return '@@@';
-  });
-  let newFormat = regexEscape(format).replace(token, function ($0) {
-    if (parseFlags[$0]) {
-      const info = parseFlags[$0];
-      parseInfo.push(info[1]);
-      return '(' + info[0] + ')';
-    }
-
-    return $0;
-  });
-  newFormat = newFormat.replace(/@@@/g, function() {
-    return literals.shift();
-  });
-  const matches = dateStr.match(new RegExp(newFormat, 'i'));
-  if (!matches) {
-    return null;
-  }
-
-  for (let i = 1; i < matches.length; i++) {
-    parseInfo[i - 1](dateInfo, matches[i]);
-  }
-
-  const today = new Date();
-  if (dateInfo.isPm === true && dateInfo.hour != null && +dateInfo.hour !== 12) {
-    dateInfo.hour = +dateInfo.hour + 12;
-  } else if (dateInfo.isPm === false && +dateInfo.hour === 12) {
-    dateInfo.hour = 0;
-  }
-
-  let date;
-  if (dateInfo.timezoneOffset != null) {
-    dateInfo.minute = +(dateInfo.minute || 0) - +dateInfo.timezoneOffset;
-    date = new Date(Date.UTC(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1,
-      dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0));
-  } else {
-    date = new Date(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1,
-      dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0);
-  }
-  return date;
-};
-
-// 导出fecha对象
-
-
-// 以下是从date-util.js合并的函数
-const newArray = function(start, end) {
-  let result = [];
-  for (let i = start; i <= end; i++) {
-    result.push(i);
-  }
-  return result;
-};
-
-const getSettings = () => {
-  return {
-    dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
-    dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
-    monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
-    amPm: ['上午', '下午']
-  };
-};
-
-const toDate = function(date) {
-  return isDate(date) ? new Date(date) : null;
-};
-
-const isDate = function(date) {
-  if (date === null || date === undefined) return false;
-  if (isNaN(new Date(date).getTime())) return false;
-  if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
-  return true;
-};
-
-const isDateObject = function(val) {
-  return val instanceof Date;
-};
-
-const formatDate = function (date, format = 'yyyy-MM-dd') {
-  // 处理多种输入类型
-  if (!date) return '';
-
-  // 如果是时间戳，转成日期对象
-  if (typeof date === 'number') {
-    date = new Date(date);
-  }
-  // 如果是字符串，转成日期对象
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-
-  // 调用toDate进一步验证和转换
-  date = toDate(date);
-  if (!date) return '';
-
-  // 兼容大写和小写的格式标记
-  // 将大写的YYYY/MM/DD/HH/mm/ss转换为小写的yyyy/mm/dd/hh/mm/ss
-  const lowercaseFormat = format
-    .replace(/YYYY/g, 'yyyy')
-    .replace(/D/g, 'd')
-
-  // 使用fecha库进行格式化，支持中文配置
-  const str = fecha.format(date, lowercaseFormat, getSettings());
-  return str;
-};
-
-const parseDate = function(string, format) {
-  return fecha.parse(string, format || 'yyyy-MM-dd', getSettings());
-};
-
-const getDayCountOfMonth = function(year, month) {
-  if (month === 3 || month === 5 || month === 8 || month === 10) {
-    return 30;
-  }
-
-  if (month === 1) {
-    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
-      return 29;
-    } else {
-      return 28;
-    }
-  }
-
-  return 31;
-};
-
-const getDayCountOfYear = function(year) {
-  const isLeapYear = year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
-  return isLeapYear ? 366 : 365;
-};
-
-const getFirstDayOfMonth = function(date) {
-  const temp = new Date(date.getTime());
-  temp.setDate(1);
-  return temp.getDay();
-};
-
-// see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
-// {prev, next} Date should work for Daylight Saving Time
-// Adding 24 * 60 * 60 * 1000 does not work in the above scenario
-const prevDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
-};
-
-const nextDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-};
-
-const getStartDateOfMonth = function(year, month) {
-  const result = new Date(year, month, 1);
-  const day = result.getDay();
-
-  if (day === 0) {
-    return prevDate(result, 7);
-  } else {
-    return prevDate(result, day);
-  }
-};
-
-const getWeekNumber = function(date) {
-  // 支持多种输入类型
-  if (!date||!isDate(date)) {
-    date = new Date();
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  
-  // 验证日期有效性
-  if (!isDate(date)) return null;
-  
-  const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
-  // 设置为最近的星期四：当前日期 + 4 - 当前星期数
-  // 将星期日的星期数设为7
-  d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7));
-  // 获取当年的第一天
-  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
-  // 计算到最近的星期四的完整周数
-  const weekNo = Math.ceil((((d - yearStart) / 86400000) + 1) / 7);
-  // 返回周数
-  return weekNo;
-};
-
-const getRangeHours = function(ranges) {
-  const hours = [];
-  let disabledHours = [];
-
-  (ranges || []).forEach(range => {
-    const value = range.map(date => date.getHours());
-
-    disabledHours = disabledHours.concat(newArray(value[0], value[1]));
-  });
-
-  if (disabledHours.length) {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = disabledHours.indexOf(i) === -1;
-    }
-  } else {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = false;
-    }
-  }
-
-  return hours;
-};
-
-const getPrevMonthLastDays = (date, amount) => {
-  if (amount <= 0) return [];
-  const temp = new Date(date.getTime());
-  temp.setDate(0);
-  const lastDay = temp.getDate();
-  return range(amount).map((_, index) => lastDay - (amount - index - 1));
-};
-
-const getMonthDays = (date) => {
-  const temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  const days = temp.getDate();
-  return range(days).map((_, index) => index + 1);
-};
-
-function setRangeData(arr, start, end, value) {
-  for (let i = start; i < end; i++) {
-    arr[i] = value;
-  }
-}
-
-const getRangeMinutes = function(ranges, hour) {
-  const minutes = new Array(60);
-
-  if (ranges.length > 0) {
-    ranges.forEach(range => {
-      const start = range[0];
-      const end = range[1];
-      const startHour = start.getHours();
-      const startMinute = start.getMinutes();
-      const endHour = end.getHours();
-      const endMinute = end.getMinutes();
-      if (startHour === hour && endHour !== hour) {
-        setRangeData(minutes, startMinute, 60, true);
-      } else if (startHour === hour && endHour === hour) {
-        setRangeData(minutes, startMinute, endMinute + 1, true);
-      } else if (startHour !== hour && endHour === hour) {
-        setRangeData(minutes, 0, endMinute + 1, true);
-      } else if (startHour < hour && endHour > hour) {
-        setRangeData(minutes, 0, 60, true);
-      }
-    });
-  } else {
-    setRangeData(minutes, 0, 60, true);
-  }
-  return minutes;
-};
-
-const range = function(n) {
-  // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
-  return Array.apply(null, {length: n}).map((_, n) => n);
-};
-
-const modifyDate = function(date, y, m, d) {
-  return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-};
-
-const modifyTime = function(date, h, m, s) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
-};
-
-const modifyWithTimeString = (date, time) => {
-  if (date == null || !time) {
-    return date;
-  }
-  time = parseDate(time, 'HH:mm:ss');
-  return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
-};
-
-const clearTime = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-};
-
-const clearMilliseconds = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
-};
-
-const limitTimeRange = function(date, ranges, format = 'HH:mm:ss') {
-  // TODO: refactory a more elegant solution
-  if (ranges.length === 0) return date;
-  const normalizeDate = date => fecha.parse(fecha.format(date, format), format);
-  const ndate = normalizeDate(date);
-  const nranges = ranges.map(range => range.map(normalizeDate));
-  if (nranges.some(nrange => ndate >= nrange[0] && ndate <= nrange[1])) return date;
-
-  let minDate = nranges[0][0];
-  let maxDate = nranges[0][0];
-
-  nranges.forEach(nrange => {
-    minDate = new Date(Math.min(nrange[0], minDate));
-    maxDate = new Date(Math.max(nrange[1], minDate));
-  });
-
-  const ret = ndate < minDate ? minDate : maxDate;
-  // preserve Year/Month/Date
-  return modifyDate(
-    ret,
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate()
-  );
-};
-
-const timeWithinRange = function(date, selectableRange, format) {
-  const limitedDate = limitTimeRange(date, selectableRange, format);
-  return limitedDate.getTime() === date.getTime();
-};
-
-const changeYearMonthAndClampDate = function(date, year, month) {
-  // clamp date to the number of days in `year`, `month`
-  // eg: (2010-1-31, 2010, 2) => 2010-2-28
-  const monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
-  return modifyDate(date, year, month, monthDate);
-};
-
-const prevMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 0
-    ? changeYearMonthAndClampDate(date, year - 1, 11)
-    : changeYearMonthAndClampDate(date, year, month - 1);
-};
-
-const nextMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 11
-    ? changeYearMonthAndClampDate(date, year + 1, 0)
-    : changeYearMonthAndClampDate(date, year, month + 1);
-};
-
-const prevYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year - amount, month);
-};
-
-const nextYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year + amount, month);
-};
-
-const extractDateFormat = function(format) {
-  return format
-    .replace(/\W?m{1,2}|\W?ZZ/g, '')
-    .replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '')
-    .trim();
-};
-
-const extractTimeFormat = function(format) {
-  return format
-    .replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '')
-    .trim();
-};
-
-const validateRangeInOneMonth = function(start, end) {
-  return (start.getMonth() === end.getMonth()) && (start.getFullYear() === end.getFullYear());
-};
-
-/**
- * 计算两个日期之间的工作日数量（不包括周末和节假日）
- * @param {string} start_date - 开始日期字符串，格式为 "YYYY-MM-DD"
- * @param {string} end_date - 结束日期字符串，格式为 "YYYY-MM-DD"
- * @param {Array<string>} holidays - 假期日期字符串数组，格式为 "YYYY-MM-DD"
- * @returns {number} 工作日数量
- */
-const calculateNetworkDays = function (start_date, end_date, holidays = []) {
-  if (typeof start_date !== 'string' || typeof end_date !== 'string') {
-    throw new Error(
-      "Invalid input. Please provide valid date strings in the format 'YYYY-MM-DD'."
-    );
-  }
-
-  const startDateObj = new Date(start_date);
-  const endDateObj = new Date(end_date);
-
-  if (isNaN(startDateObj.getTime()) || isNaN(endDateObj.getTime())) {
-    throw new Error(
-      "Invalid date format. Please provide valid date strings in the format 'YYYY-MM-DD'."
-    );
-  }
-
-  if (startDateObj > endDateObj) {
-    throw new Error('Start date should be earlier than or equal to end date.');
-  }
-
-  let workdays = 0;
-
-  // Iterate through each day in the date range
-  for (
-    let currentDate = new Date(startDateObj);
-    currentDate <= endDateObj;
-    currentDate.setDate(currentDate.getDate() + 1)
-  ) {
-    // Check if the current day is a weekend (Saturday or Sunday)
-    const isWeekend = currentDate.getDay() === 0 || currentDate.getDay() === 6;
-
-    // Check if the current day is a holiday
-    const isHoliday = holidays.some((holiday) => {
-      const holidayDate = new Date(holiday);
-      return currentDate.toDateString() === holidayDate.toDateString();
-    });
-
-    // If it's a workday (not a weekend or holiday), increment the workdays count
-    if (!isWeekend && !isHoliday) {
-      workdays++;
-    }
-  }
-
-  return workdays;
-};
-
-/**
- * 日期加减天数
- * @param {string} start_date - 起始日期字符串，格式为 "YYYY-MM-DD"
- * @param {number} days - 要加上或减去的天数，正数表示加，负数表示减
- * @returns {string} 结果日期，格式为 "YYYY-MM-DD"
- */
-const dateAddDays = function (start_date, days) {
-  if (typeof start_date !== 'string' || !Number.isInteger(days)) {
-    throw new Error(
-      "Invalid input. Please provide a valid date string in the format 'YYYY-MM-DD' and a valid integer for the number of days."
-    );
-  }
-
-  const startDateObj = new Date(start_date);
-  if (isNaN(startDateObj.getTime())) {
-    throw new Error(
-      "Invalid date format. Please provide a valid date string in the format 'YYYY-MM-DD'."
-    );
-  }
-
-  const resultDateObj = new Date(startDateObj);
-  resultDateObj.setDate(resultDateObj.getDate() + days);
-
-  const resultYear = resultDateObj.getFullYear();
-  const resultMonth = String(resultDateObj.getMonth() + 1).padStart(2, '0');
-  const resultDay = String(resultDateObj.getDate()).padStart(2, '0');
-
-  return `${resultYear}-${resultMonth}-${resultDay}`;
-};
-
-/**
+ */
+fecha.parse = function (dateStr, format) {
+  if (typeof format !== 'string') {
+    throw new Error('Invalid format in fecha.parse');
+  }
+
+  format = fecha.masks[format] || format;
+
+  // Avoid regular expression denial of service, fail early for really long strings
+  // https://www.owasp.org/index.php/Regular_expression_Denial_of_Service_-_ReDoS
+  if (dateStr.length > 1000) {
+    return null;
+  }
+
+  var dateInfo = {};
+  var parseInfo = [];
+  var literals = [];
+  format = format.replace(literal, function ($0, $1) {
+    literals.push($1);
+    return '@@@';
+  });
+  var newFormat = regexEscape(format).replace(token, function ($0) {
+    if (parseFlags[$0]) {
+      var info = parseFlags[$0];
+      parseInfo.push(info[1]);
+      return '(' + info[0] + ')';
+    }
+
+    return $0;
+  });
+  newFormat = newFormat.replace(/@@@/g, function () {
+    return literals.shift();
+  });
+  var matches = dateStr.match(new RegExp(newFormat, 'i'));
+  if (!matches) {
+    return null;
+  }
+
+  for (var i = 1; i < matches.length; i++) {
+    parseInfo[i - 1](dateInfo, matches[i]);
+  }
+
+  var today = new Date();
+  if (dateInfo.isPm === true && dateInfo.hour != null && +dateInfo.hour !== 12) {
+    dateInfo.hour = +dateInfo.hour + 12;
+  } else if (dateInfo.isPm === false && +dateInfo.hour === 12) {
+    dateInfo.hour = 0;
+  }
+
+  var date = void 0;
+  if (dateInfo.timezoneOffset != null) {
+    dateInfo.minute = +(dateInfo.minute || 0) - +dateInfo.timezoneOffset;
+    date = new Date(Date.UTC(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1, dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0));
+  } else {
+    date = new Date(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1, dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0);
+  }
+  return date;
+};
+
+// 导出fecha对象
+
+
+// 以下是从date-util.js合并的函数
+var newArray = function newArray(start, end) {
+  var result = [];
+  for (var i = start; i <= end; i++) {
+    result.push(i);
+  }
+  return result;
+};
+
+var getSettings = function getSettings() {
+  return {
+    dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
+    dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
+    monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    amPm: ['上午', '下午']
+  };
+};
+
+var toDate = function toDate(date) {
+  return isDate(date) ? new Date(date) : null;
+};
+
+var isDate = function isDate(date) {
+  if (date === null || date === undefined) return false;
+  if (isNaN(new Date(date).getTime())) return false;
+  if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
+  return true;
+};
+
+var isDateObject = function isDateObject(val) {
+  return val instanceof Date;
+};
+
+var formatDate = function formatDate(date) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yyyy-MM-dd';
+
+  // 处理多种输入类型
+  if (!date) return '';
+
+  // 如果是时间戳，转成日期对象
+  if (typeof date === 'number') {
+    date = new Date(date);
+  }
+  // 如果是字符串，转成日期对象
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+
+  // 调用toDate进一步验证和转换
+  date = toDate(date);
+  if (!date) return '';
+
+  // 兼容大写和小写的格式标记
+  // 将大写的YYYY/MM/DD/HH/mm/ss转换为小写的yyyy/mm/dd/hh/mm/ss
+  var lowercaseFormat = format.replace(/YYYY/g, 'yyyy').replace(/D/g, 'd');
+
+  // 使用fecha库进行格式化，支持中文配置
+  var str = fecha.format(date, lowercaseFormat, getSettings());
+  return str;
+};
+
+var parseDate = function parseDate(string, format) {
+  return fecha.parse(string, format || 'yyyy-MM-dd', getSettings());
+};
+
+var getDayCountOfMonth = function getDayCountOfMonth(year, month) {
+  if (month === 3 || month === 5 || month === 8 || month === 10) {
+    return 30;
+  }
+
+  if (month === 1) {
+    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
+      return 29;
+    } else {
+      return 28;
+    }
+  }
+
+  return 31;
+};
+
+var getDayCountOfYear = function getDayCountOfYear(year) {
+  var isLeapYear = year % 400 === 0 || year % 100 !== 0 && year % 4 === 0;
+  return isLeapYear ? 366 : 365;
+};
+
+var getFirstDayOfMonth = function getFirstDayOfMonth(date) {
+  var temp = new Date(date.getTime());
+  temp.setDate(1);
+  return temp.getDay();
+};
+
+// see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
+// {prev, next} Date should work for Daylight Saving Time
+// Adding 24 * 60 * 60 * 1000 does not work in the above scenario
+var prevDate = function prevDate(date) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
+};
+
+var nextDate = function nextDate(date) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+};
+
+var getStartDateOfMonth = function getStartDateOfMonth(year, month) {
+  var result = new Date(year, month, 1);
+  var day = result.getDay();
+
+  if (day === 0) {
+    return prevDate(result, 7);
+  } else {
+    return prevDate(result, day);
+  }
+};
+
+var getWeekNumber = function getWeekNumber(date) {
+  // 支持多种输入类型
+  if (!date || !isDate(date)) {
+    date = new Date();
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+
+  // 验证日期有效性
+  if (!isDate(date)) return null;
+
+  var d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+  // 设置为最近的星期四：当前日期 + 4 - 当前星期数
+  // 将星期日的星期数设为7
+  d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7));
+  // 获取当年的第一天
+  var yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
+  // 计算到最近的星期四的完整周数
+  var weekNo = Math.ceil(((d - yearStart) / 86400000 + 1) / 7);
+  // 返回周数
+  return weekNo;
+};
+
+var getRangeHours = function getRangeHours(ranges) {
+  var hours = [];
+  var disabledHours = [];
+
+  (ranges || []).forEach(function (range) {
+    var value = range.map(function (date) {
+      return date.getHours();
+    });
+
+    disabledHours = disabledHours.concat(newArray(value[0], value[1]));
+  });
+
+  if (disabledHours.length) {
+    for (var i = 0; i < 24; i++) {
+      hours[i] = disabledHours.indexOf(i) === -1;
+    }
+  } else {
+    for (var _i = 0; _i < 24; _i++) {
+      hours[_i] = false;
+    }
+  }
+
+  return hours;
+};
+
+var getPrevMonthLastDays = function getPrevMonthLastDays(date, amount) {
+  if (amount <= 0) return [];
+  var temp = new Date(date.getTime());
+  temp.setDate(0);
+  var lastDay = temp.getDate();
+  return range(amount).map(function (_, index) {
+    return lastDay - (amount - index - 1);
+  });
+};
+
+var getMonthDays = function getMonthDays(date) {
+  var temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+  var days = temp.getDate();
+  return range(days).map(function (_, index) {
+    return index + 1;
+  });
+};
+
+function setRangeData(arr, start, end, value) {
+  for (var i = start; i < end; i++) {
+    arr[i] = value;
+  }
+}
+
+var getRangeMinutes = function getRangeMinutes(ranges, hour) {
+  var minutes = new Array(60);
+
+  if (ranges.length > 0) {
+    ranges.forEach(function (range) {
+      var start = range[0];
+      var end = range[1];
+      var startHour = start.getHours();
+      var startMinute = start.getMinutes();
+      var endHour = end.getHours();
+      var endMinute = end.getMinutes();
+      if (startHour === hour && endHour !== hour) {
+        setRangeData(minutes, startMinute, 60, true);
+      } else if (startHour === hour && endHour === hour) {
+        setRangeData(minutes, startMinute, endMinute + 1, true);
+      } else if (startHour !== hour && endHour === hour) {
+        setRangeData(minutes, 0, endMinute + 1, true);
+      } else if (startHour < hour && endHour > hour) {
+        setRangeData(minutes, 0, 60, true);
+      }
+    });
+  } else {
+    setRangeData(minutes, 0, 60, true);
+  }
+  return minutes;
+};
+
+var range = function range(n) {
+  // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
+  return Array.apply(null, { length: n }).map(function (_, n) {
+    return n;
+  });
+};
+
+var modifyDate = function modifyDate(date, y, m, d) {
+  return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
+};
+
+var modifyTime = function modifyTime(date, h, m, s) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
+};
+
+var modifyWithTimeString = function modifyWithTimeString(date, time) {
+  if (date == null || !time) {
+    return date;
+  }
+  time = parseDate(time, 'HH:mm:ss');
+  return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
+};
+
+var clearTime = function clearTime(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+var clearMilliseconds = function clearMilliseconds(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
+};
+
+var limitTimeRange = function limitTimeRange(date, ranges) {
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'HH:mm:ss';
+
+  // TODO: refactory a more elegant solution
+  if (ranges.length === 0) return date;
+  var normalizeDate = function normalizeDate(date) {
+    return fecha.parse(fecha.format(date, format), format);
+  };
+  var ndate = normalizeDate(date);
+  var nranges = ranges.map(function (range) {
+    return range.map(normalizeDate);
+  });
+  if (nranges.some(function (nrange) {
+    return ndate >= nrange[0] && ndate <= nrange[1];
+  })) return date;
+
+  var minDate = nranges[0][0];
+  var maxDate = nranges[0][0];
+
+  nranges.forEach(function (nrange) {
+    minDate = new Date(Math.min(nrange[0], minDate));
+    maxDate = new Date(Math.max(nrange[1], minDate));
+  });
+
+  var ret = ndate < minDate ? minDate : maxDate;
+  // preserve Year/Month/Date
+  return modifyDate(ret, date.getFullYear(), date.getMonth(), date.getDate());
+};
+
+var timeWithinRange = function timeWithinRange(date, selectableRange, format) {
+  var limitedDate = limitTimeRange(date, selectableRange, format);
+  return limitedDate.getTime() === date.getTime();
+};
+
+var changeYearMonthAndClampDate = function changeYearMonthAndClampDate(date, year, month) {
+  // clamp date to the number of days in `year`, `month`
+  // eg: (2010-1-31, 2010, 2) => 2010-2-28
+  var monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
+  return modifyDate(date, year, month, monthDate);
+};
+
+var prevMonth = function prevMonth(date) {
+  var year = date.getFullYear();
+  var month = date.getMonth();
+  return month === 0 ? changeYearMonthAndClampDate(date, year - 1, 11) : changeYearMonthAndClampDate(date, year, month - 1);
+};
+
+var nextMonth = function nextMonth(date) {
+  var year = date.getFullYear();
+  var month = date.getMonth();
+  return month === 11 ? changeYearMonthAndClampDate(date, year + 1, 0) : changeYearMonthAndClampDate(date, year, month + 1);
+};
+
+var prevYear = function prevYear(date) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  var year = date.getFullYear();
+  var month = date.getMonth();
+  return changeYearMonthAndClampDate(date, year - amount, month);
+};
+
+var nextYear = function nextYear(date) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  var year = date.getFullYear();
+  var month = date.getMonth();
+  return changeYearMonthAndClampDate(date, year + amount, month);
+};
+
+var extractDateFormat = function extractDateFormat(format) {
+  return format.replace(/\W?m{1,2}|\W?ZZ/g, '').replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '').trim();
+};
+
+var extractTimeFormat = function extractTimeFormat(format) {
+  return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '').trim();
+};
+
+var validateRangeInOneMonth = function validateRangeInOneMonth(start, end) {
+  return start.getMonth() === end.getMonth() && start.getFullYear() === end.getFullYear();
+};
+
+/**
+ * 计算两个日期之间的工作日数量（不包括周末和节假日）
+ * @param {string} start_date - 开始日期字符串，格式为 "YYYY-MM-DD"
+ * @param {string} end_date - 结束日期字符串，格式为 "YYYY-MM-DD"
+ * @param {Array<string>} holidays - 假期日期字符串数组，格式为 "YYYY-MM-DD"
+ * @returns {number} 工作日数量
+ */
+var calculateNetworkDays = function calculateNetworkDays(start_date, end_date) {
+  var holidays = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+
+  if (typeof start_date !== 'string' || typeof end_date !== 'string') {
+    throw new Error("Invalid input. Please provide valid date strings in the format 'YYYY-MM-DD'.");
+  }
+
+  var startDateObj = new Date(start_date);
+  var endDateObj = new Date(end_date);
+
+  if (isNaN(startDateObj.getTime()) || isNaN(endDateObj.getTime())) {
+    throw new Error("Invalid date format. Please provide valid date strings in the format 'YYYY-MM-DD'.");
+  }
+
+  if (startDateObj > endDateObj) {
+    throw new Error('Start date should be earlier than or equal to end date.');
+  }
+
+  var workdays = 0;
+
+  // Iterate through each day in the date range
+
+  var _loop = function _loop(currentDate) {
+    // Check if the current day is a weekend (Saturday or Sunday)
+    var isWeekend = currentDate.getDay() === 0 || currentDate.getDay() === 6;
+
+    // Check if the current day is a holiday
+    var isHoliday = holidays.some(function (holiday) {
+      var holidayDate = new Date(holiday);
+      return currentDate.toDateString() === holidayDate.toDateString();
+    });
+
+    // If it's a workday (not a weekend or holiday), increment the workdays count
+    if (!isWeekend && !isHoliday) {
+      workdays++;
+    }
+  };
+
+  for (var currentDate = new Date(startDateObj); currentDate <= endDateObj; currentDate.setDate(currentDate.getDate() + 1)) {
+    _loop(currentDate);
+  }
+
+  return workdays;
+};
+
+/**
+ * 日期加减天数
+ * @param {string} start_date - 起始日期字符串，格式为 "YYYY-MM-DD"
+ * @param {number} days - 要加上或减去的天数，正数表示加，负数表示减
+ * @returns {string} 结果日期，格式为 "YYYY-MM-DD"
+ */
+var dateAddDays = function dateAddDays(start_date, days) {
+  if (typeof start_date !== 'string' || !Number.isInteger(days)) {
+    throw new Error("Invalid input. Please provide a valid date string in the format 'YYYY-MM-DD' and a valid integer for the number of days.");
+  }
+
+  var startDateObj = new Date(start_date);
+  if (isNaN(startDateObj.getTime())) {
+    throw new Error("Invalid date format. Please provide a valid date string in the format 'YYYY-MM-DD'.");
+  }
+
+  var resultDateObj = new Date(startDateObj);
+  resultDateObj.setDate(resultDateObj.getDate() + days);
+
+  var resultYear = resultDateObj.getFullYear();
+  var resultMonth = String(resultDateObj.getMonth() + 1).padStart(2, '0');
+  var resultDay = String(resultDateObj.getDate()).padStart(2, '0');
+
+  return resultYear + '-' + resultMonth + '-' + resultDay;
+};
+
+/**
  * 计算两个日期之间的差值
  * @date 2023年12月14日
  * @param {String} start_date - 起始日期字符串
  * @param {String} end_date - 结束日期字符串
  * @param {String} unit - 单位：year/month/day
  * @returns {Number} 差值
- */
-const dateDiff = function (start_date, end_date, unit = 'day') {
-  // Assuming date strings are in "YYYY-MM-DD" format
-  var startDate = new Date(start_date);
-  var endDate = new Date(end_date);
-
-  // If the date is invalid, return 0
-  if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
-    return 0;
-  }
-
-  if (unit === 'year') {
-    return endDate.getFullYear() - startDate.getFullYear();
-  } else if (unit === 'month') {
-    return (
-      (endDate.getFullYear() - startDate.getFullYear()) * 12 +
-      (endDate.getMonth() - startDate.getMonth())
-    );
-  } else {
-    // Default to day
-    var timeDifference = endDate - startDate;
-    // Calculate days (86400000 milliseconds per day)
-    return Math.floor(timeDifference / 86400000);
-  }
-};
-
+ */
+var dateDiff = function dateDiff(start_date, end_date) {
+  var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'day';
+
+  // Assuming date strings are in "YYYY-MM-DD" format
+  var startDate = new Date(start_date);
+  var endDate = new Date(end_date);
+
+  // If the date is invalid, return 0
+  if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
+    return 0;
+  }
+
+  if (unit === 'year') {
+    return endDate.getFullYear() - startDate.getFullYear();
+  } else if (unit === 'month') {
+    return (endDate.getFullYear() - startDate.getFullYear()) * 12 + (endDate.getMonth() - startDate.getMonth());
+  } else {
+    // Default to day
+    var timeDifference = endDate - startDate;
+    // Calculate days (86400000 milliseconds per day)
+    return Math.floor(timeDifference / 86400000);
+  }
+};
+
 /**
  * 获取月份中的日期
  * @param {string} date - 日期字符串，格式为 "YYYY-MM-DD"
  * @returns {number} 月份中的日期（1-31）
- */
-const dayOfMonth = function (date) {
-  if (typeof date !== 'string') {
-    throw new Error(
-      "Invalid input. Please provide a valid date string in the format 'YYYY-MM-DD'."
-    );
-  }
-
-  const dateObj = new Date(date);
-  if (isNaN(dateObj.getTime())) {
-    throw new Error(
-      "Invalid date format. Please provide a valid date string in the format 'YYYY-MM-DD'."
-    );
-  }
-
-  return dateObj.getDate();
-};
-
+ */
+var dayOfMonth = function dayOfMonth(date) {
+  if (typeof date !== 'string') {
+    throw new Error("Invalid input. Please provide a valid date string in the format 'YYYY-MM-DD'.");
+  }
+
+  var dateObj = new Date(date);
+  if (isNaN(dateObj.getTime())) {
+    throw new Error("Invalid date format. Please provide a valid date string in the format 'YYYY-MM-DD'.");
+  }
+
+  return dateObj.getDate();
+};
+
 /**
  * 获取当前日期
  * @date 2022年5月7日
  * @param {string} format - 日期格式，默认为'YYYY-MM-DD'
  * @returns {string} 当前日期的格式化字符串
- */
-const getCurrentDate = function (format = 'YYYY-MM-DD') {
-  return formatDate(new Date(), format);
-};
-
+ */
+var getCurrentDate = function getCurrentDate() {
+  var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD';
+
+  return formatDate(new Date(), format);
+};
+
 /**
  * 获取当前日期时间
  * @date 2022年5月7日
  * @param {string} format - 日期时间格式，默认为'YYYY-MM-DD HH:mm:ss'
  * @returns {string} 当前日期时间的格式化字符串
- */
-const getCurrentDateTime = function (format = 'YYYY-MM-DD HH:mm:ss') {
-  return formatDate(new Date(), format);
-};
-
+ */
+var getCurrentDateTime = function getCurrentDateTime() {
+  var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD HH:mm:ss';
+
+  return formatDate(new Date(), format);
+};
+
 /**
  * 获取小时
  * @date 2022年5月7日
  * @param {Date|string} [date] - 日期对象或日期字符串
  * @returns {number} 小时数（0-23）
- */
-const getHour = function (date) {
-  if (!date) {
-    return new Date().getHours();
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  return date.getHours();
-};
-
+ */
+var getHour = function getHour(date) {
+  if (!date) {
+    return new Date().getHours();
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+  return date.getHours();
+};
+
 /**
  * 获取分钟
  * @date 2022年5月7日
  * @param {Date|string} [date] - 日期对象或日期字符串
  * @returns {number} 分钟数（0-59）
- */
-const getMinute = function (date) {
-  if (!date) {
-    return new Date().getMinutes();
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  return date.getMinutes();
-};
-
+ */
+var getMinute = function getMinute(date) {
+  if (!date) {
+    return new Date().getMinutes();
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+  return date.getMinutes();
+};
+
 /**
  * 获取月份
  * @date 2022年5月7日
  * @param {Date|string} [date] - 日期对象或日期字符串
  * @returns {number} 月份数（1-12）
- */
-const getMonth = function (date) {
-  if (!date) {
-    return new Date().getMonth() + 1;
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  return date.getMonth() + 1;
-};
-
+ */
+var getMonth = function getMonth(date) {
+  if (!date) {
+    return new Date().getMonth() + 1;
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+  return date.getMonth() + 1;
+};
+
 /**
  * 获取秒
  * @date 2022年5月7日
  * @param {Date|string} [date] - 日期对象或日期字符串
  * @returns {number} 秒数（0-59）
- */
-const getSecond = function (date) {
-  if (!date) {
-    return new Date().getSeconds();
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  return date.getSeconds();
-};
-
+ */
+var getSecond = function getSecond(date) {
+  if (!date) {
+    return new Date().getSeconds();
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+  return date.getSeconds();
+};
+
 /**
  * 获取星期几
  * @date 2022年5月7日
  * @param {Date|string} [date] - 日期对象或日期字符串
  * @returns {number} 星期几（0-6，0表示星期日）
- */
-const getWeekday = function (date) {
-  if (!date) {
-    return new Date().getDay();
-  }
-  if (typeof date === 'string') {
-    date = new Date(date);
-  }
-  return date.getDay();
-};
-
-
+ */
+var getWeekday = function getWeekday(date) {
+  if (!date) {
+    return new Date().getDay();
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+  }
+  return date.getDay();
+};
+
 /**
  * @desc 获取上午/下午/晚上
  * @author huangbo
  * @date 2022年5月7日
  * @param {String} [time] - 时间
- **/
-const timeCycle = function (time) {
-  let hour = 0;
-  if (!time) {
-    hour = new Date().getHours();
-  } else if (typeof time === 'string') {
-    // 从时间字符串中提取小时
-    const match = time.match(/^(\d{1,2})/);
-    if (match) {
-      hour = parseInt(match[1], 10);
-    }
-  } else if (typeof time === 'number') {
-    hour = time;
-  }
-  // 判断时间段
-  if (hour >= 5 && hour < 12) {
-    return '上午';
-  } else if (hour >= 12 && hour < 18) {
-    return '下午';
-  } else {
-    return '晚上';
-  }
+ **/
+var timeCycle = function timeCycle(time) {
+  var hour = 0;
+  if (!time) {
+    hour = new Date().getHours();
+  } else if (typeof time === 'string') {
+    // 从时间字符串中提取小时
+    var match = time.match(/^(\d{1,2})/);
+    if (match) {
+      hour = parseInt(match[1], 10);
+    }
+  } else if (typeof time === 'number') {
+    hour = time;
+  }
+  // 判断时间段
+  if (hour >= 5 && hour < 12) {
+    return '上午';
+  } else if (hour >= 12 && hour < 18) {
+    return '下午';
+  } else {
+    return '晚上';
+  }
 };
 
 /***/ }),
 
+/***/ 70:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+
+
+var Transition = function () {
+  function Transition() {
+    _classCallCheck(this, Transition);
+  }
+
+  Transition.prototype.beforeEnter = function beforeEnter(el) {
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
+    if (!el.dataset) el.dataset = {};
+    if (el.dataset.state === 6 || !el.dataset.state) {
+      el.dataset.oldPaddingTop = el.style.paddingTop;
+      el.dataset.oldPaddingBottom = el.style.paddingBottom;
+    }
+    el.dataset.state = 1;
+
+    el.style.height = '0';
+    el.style.paddingTop = 0;
+    el.style.paddingBottom = 0;
+  };
+
+  Transition.prototype.enter = function enter(el) {
+    el.dataset.oldOverflow = el.style.overflow;
+    if (el.scrollHeight !== 0) {
+      el.style.height = el.scrollHeight + 'px';
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    } else {
+      el.style.height = '';
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    }
+
+    el.dataset.state = 2;
+    el.style.overflow = 'hidden';
+  };
+
+  Transition.prototype.afterEnter = function afterEnter(el) {
+    // for safari: remove class then reset height is necessary
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
+    el.dataset.state = 3;
+  };
+
+  Transition.prototype.beforeLeave = function beforeLeave(el) {
+    if (!el.dataset) el.dataset = {};
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingBottom = el.style.paddingBottom;
+    el.dataset.oldOverflow = el.style.overflow;
+    el.dataset.state = 4;
+
+    el.style.height = el.scrollHeight + 'px';
+    el.style.overflow = 'hidden';
+  };
+
+  Transition.prototype.leave = function leave(el) {
+    if (el.scrollHeight !== 0) {
+      // for safari: add class after set height, or it will jump to zero height suddenly, weired
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* addClass */ "a"])(el, 'collapse-transition');
+      el.style.height = 0;
+      el.style.paddingTop = 0;
+      el.style.paddingBottom = 0;
+      el.dataset.state = 5;
+    }
+  };
+
+  Transition.prototype.afterLeave = function afterLeave(el) {
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* removeClass */ "i"])(el, 'collapse-transition');
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
+    el.style.paddingTop = el.dataset.oldPaddingTop;
+    el.style.paddingBottom = el.dataset.oldPaddingBottom;
+    el.dataset.state = 6;
+  };
+
+  return Transition;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  name: 'EsCollapseTransition',
+  functional: true,
+  render: function render(h, _ref) {
+    var children = _ref.children;
+
+    var data = {
+      on: new Transition()
+    };
+
+    return h('transition', data, children);
+  }
+});
+
+/***/ }),
+
 /***/ 8:
 /***/ (function(module, exports) {
 
@@ -10424,7 +10283,7 @@ module.exports = require("eoss/lib/message-box");
 
 /***/ }),
 
-/***/ 80:
+/***/ 81:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10508,7 +10367,7 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
       if (!this._colorCache) {
         this._colorCache = {};
       }
-      var isParentMenuIcon = item.children && item.children.length || this.isFourthTabs && item.fourthTabs && item.fourthTabs.length;
+      // 缓存键为颜色槽位；缓存值仅依赖 iconColors 与槽位（iconColors 变化由 watcher 清缓存）
       var key = Array.isArray(this.iconColors) ? 'index_' + index % this.iconColors.length : 'single_color';
 
       if (!this._colorCache[key]) {
@@ -10516,7 +10375,7 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
         this._colorCache[key] = {
           '--icon-bg-color': bgColor,
           '--icon-color': '#fff',
-          '--icon-font-size': isParentMenuIcon ? '16px' : '12px'
+          '--icon-font-size': '12px'
         };
       }
 
@@ -10587,12 +10446,12 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 /***/ }),
 
-/***/ 82:
+/***/ 84:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
-// 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-item-group.vue?vue&type=template&id=6d5d18cf&
+// 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-item-group.vue?vue&type=template&id=ec02cbb0&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -10628,7 +10487,7 @@ var render = function () {
                     "open-icon": _vm.openIcon,
                     "close-icon": _vm.closeIcon,
                     isFourthTabs: _vm.isFourthTabs,
-                    iconColor: _vm.getColor(index),
+                    iconColor: _vm.getColor(index, item),
                     iconColors: _vm.iconColors,
                   },
                 },
@@ -10648,13 +10507,13 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=template&id=6d5d18cf&
+// CONCATENATED MODULE: ./packages/menu/src/menu-item-group.vue?vue&type=template&id=ec02cbb0&
 
 // EXTERNAL MODULE: ./packages/menu/src/mixins.js
-var mixins = __webpack_require__(80);
+var mixins = __webpack_require__(81);
 
 // EXTERNAL MODULE: ./packages/menu/src/menu-item.vue + 4 modules
-var menu_item = __webpack_require__(60);
+var menu_item = __webpack_require__(61);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item-group.vue?vue&type=script&lang=js&
 //