@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/nav-menu/index.js

@@ -1,457 +1,323 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import { isEmptyObject, isObject } from '@opentiny/vue-renderless/common/type';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import { mapTree } from '@opentiny/vue-renderless/grid/static';
-import { transformTreeData } from '@opentiny/vue-renderless/common/array';
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-import { xss } from '@opentiny/vue-renderless/common/xss.js';
-var nextZIndex = PopupManager.nextZIndex;
-export var computedIsShowMore = function computedIsShowMore(_ref) {
-  var props = _ref.props,
-    state = _ref.state;
-  return function () {
-    return !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
-  };
-};
-export var computedPopClass = function computedPopClass(state) {
-  return function () {
-    return !state.showMore && state.subMenus && state.subMenus.length === 1 ? 'single' : '';
-  };
-};
-export var computedSubMenus = function computedSubMenus(state) {
-  return function () {
-    var arr = state.subMenu;
-    if (state.subMenu && !isEmptyObject(state.subMenu)) {
-      if (!state.subMenu.map(function (item) {
-        return item.children && !isEmptyObject(item.children);
-      }).reduce(function (pre, cur) {
-        return pre || cur;
-      })) {
-        arr = [{
-          children: state.subMenu
-        }];
-      }
+import "../chunk-PKUHTIDK.js";
+import { isEmptyObject, isObject } from "@opentiny/vue-renderless/common/type";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import { mapTree } from "@opentiny/vue-renderless/grid/static";
+import { transformTreeData } from "@opentiny/vue-renderless/common/array";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { xss } from "@opentiny/vue-renderless/common/xss.js";
+const { nextZIndex } = PopupManager;
+const computedIsShowMore = ({ props, state }) => () => !/^(retract|fixed|hidden)$/.test(props.overflow) && state.more && state.more.length;
+const computedPopClass = (state) => () => !state.showMore && state.subMenus && state.subMenus.length === 1 ? "single" : "";
+const computedSubMenus = (state) => () => {
+  let arr = state.subMenu;
+  if (state.subMenu && !isEmptyObject(state.subMenu)) {
+    if (!state.subMenu.map((item) => item.children && !isEmptyObject(item.children)).reduce((pre, cur) => pre || cur)) {
+      arr = [{ children: state.subMenu }];
     }
-    return arr;
-  };
-};
-export var computedMenuStyle = function computedMenuStyle(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var result = {
-      maxWidth: "".concat(state.width, "px")
-    };
-    if (props.overflow === 'retract') {
-      result.width = '0px';
-    }
-    return result;
-  };
-};
-export var computedPopStyle = function computedPopStyle(state) {
-  return function () {
-    return {
-      top: "".concat(state.popMenuTop, "px")
-    };
-  };
+  }
+  return arr;
 };
-export var watchWidth = function watchWidth(_ref3) {
-  var api = _ref3.api,
-    nextTick = _ref3.nextTick;
-  return function () {
-    return nextTick(function () {
-      return api.classify();
-    });
+const computedMenuStyle = ({ props, state }) => () => {
+  let result = {
+    maxWidth: `${state.width}px`
   };
+  if (props.overflow === "retract") {
+    result.width = "0px";
+  }
+  return result;
 };
-var CloneObject = function () {
-  function CloneObject(json, props) {
-    _classCallCheck(this, CloneObject);
+const computedPopStyle = (state) => () => ({
+  top: `${state.popMenuTop}px`
+});
+const watchWidth = ({ api, nextTick }) => () => nextTick(() => api.classify());
+class CloneObject {
+  constructor(json, props) {
     this.props = props;
     if (json) {
       this.data = this.getType(json);
       this.traverse(json, this.data);
     }
   }
-  _createClass(CloneObject, [{
-    key: "traverse",
-    value: function traverse(node, newObject) {
-      if (/^(string|undefined)$/.test(_typeof(node)) || node === null) {
-        newObject = node;
-      } else if (Array.isArray(node)) {
-        this.traverseArray(node, newObject);
-      } else if (_typeof(node) === 'object') {
-        this.traverseObject(node, newObject);
-      }
-      return this;
+  traverse(node, newObject) {
+    if (/^(string|undefined)$/.test(typeof node) || node === null) {
+      newObject = node;
+    } else if (Array.isArray(node)) {
+      this.traverseArray(node, newObject);
+    } else if (typeof node === "object") {
+      this.traverseObject(node, newObject);
     }
-  }, {
-    key: "traverseArray",
-    value: function traverseArray(node, newObject) {
-      for (var i = 0; i < node.length; i++) {
-        newObject.push(this.getType(node[i]));
-        if (node[i] && _typeof(node[i]) === 'object') {
-          this.traverse(node[i], newObject[i]);
-        }
+    return this;
+  }
+  traverseArray(node, newObject) {
+    for (let i = 0; i < node.length; i++) {
+      newObject.push(this.getType(node[i]));
+      if (node[i] && typeof node[i] === "object") {
+        this.traverse(node[i], newObject[i]);
       }
     }
-  }, {
-    key: "traverseObject",
-    value: function traverseObject(node, newObject) {
-      var _this = this;
-      Object.keys(node).forEach(function (key) {
-        if (/^(name|url|route|title|name|children)$/.test(key)) {
-          var alias = key;
-          if (key === 'url') {
-            if (!(_this.props.prevent || _this.props.allowFullUrl)) {
-              alias = 'route';
-            }
-          }
-          if (key === 'name') {
-            alias = 'title';
-          }
-          newObject[alias] = _this.getType(node[key]);
-          if (newObject[alias] && _typeof(newObject[alias]) === 'object') {
-            _this.traverse(node[key], newObject[alias]);
+  }
+  traverseObject(node, newObject) {
+    Object.keys(node).forEach((key) => {
+      if (/^(name|url|route|title|name|children)$/.test(key)) {
+        let alias = key;
+        if (key === "url") {
+          if (!(this.props.prevent || this.props.allowFullUrl)) {
+            alias = "route";
           }
         }
-      });
-    }
-  }, {
-    key: "getType",
-    value: function getType(object) {
-      var result;
-      if (/^(string|undefined)$/.test(_typeof(object)) || object === null) {
-        result = object;
-      } else if (Array.isArray(object)) {
-        result = [];
-      } else if (_typeof(object) === 'object') {
-        result = {};
+        if (key === "name") {
+          alias = "title";
+        }
+        newObject[alias] = this.getType(node[key]);
+        if (newObject[alias] && typeof newObject[alias] === "object") {
+          this.traverse(node[key], newObject[alias]);
+        }
       }
-      return result;
+    });
+  }
+  getType(object) {
+    let result;
+    if (/^(string|undefined)$/.test(typeof object) || object === null) {
+      result = object;
+    } else if (Array.isArray(object)) {
+      result = [];
+    } else if (typeof object === "object") {
+      result = {};
     }
-  }]);
-  return CloneObject;
-}();
-export var initData = function initData(_ref4) {
-  var fetchMenuData = _ref4.fetchMenuData,
-    fields = _ref4.fields,
-    props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    var _ref5 = fields || {},
-      _ref5$textField = _ref5.textField,
-      textField = _ref5$textField === void 0 ? 'title' : _ref5$textField,
-      _ref5$urlField = _ref5.urlField,
-      urlField = _ref5$urlField === void 0 ? 'url' : _ref5$urlField,
-      _ref5$key = _ref5.key,
-      key = _ref5$key === void 0 ? 'id' : _ref5$key;
-    var parentKey = props.parentKey,
-      data = props.data;
-    var isFullUrl = function isFullUrl(url) {
-      return /^(https?:\/\/|\/\/)[\s\S]+$/.test(url);
-    };
-    var buildData = function buildData(item) {
-      var router = item[urlField] || item.route;
-      return {
-        title: item[textField],
-        route: router ? router.replace(/^#\/?/, '') : null,
-        url: item.url,
-        id: item.id,
-        pid: item.pid,
-        isFullUrl: props.allowFullUrl && isFullUrl(router),
-        target: item.target
-      };
+    return result;
+  }
+}
+const initData = ({ fetchMenuData, fields, props, state }) => () => {
+  const { textField = "title", urlField = "url", key = "id" } = fields || {};
+  const { parentKey, data } = props;
+  const isFullUrl = (url) => /^(https?:\/\/|\/\/)[\s\S]+$/.test(url);
+  const buildData = (item) => {
+    const router = item[urlField] || item.route;
+    return {
+      title: item[textField],
+      route: router ? router.replace(/^#\/?/, "") : null,
+      url: item.url,
+      id: item.id,
+      pid: item.pid,
+      isFullUrl: props.allowFullUrl && isFullUrl(router),
+      target: item.target
     };
-    if (data) {
-      state.data = mapTree(parentKey ? transformTreeData(data, key, parentKey) : data, buildData);
-      return;
-    }
-    var menuData = props.fetchMenuData && fetchMenuData();
-    if (isObject(menuData) && menuData.then) {
-      menuData.then(function (data) {
-        state.data = mapTree(props.parentKey ? transformTreeData(data, key, props.parentKey) : data, buildData);
-      });
-      return;
-    }
-    if (!menuData) {
-      state.data = [];
-      return;
-    }
-    var arr = [];
-    if (menuData && menuData.length) {
-      var getMenuData = new CloneObject(menuData, props).data;
-      arr = _typeof(getMenuData) === 'object' && Array.isArray(getMenuData) ? getMenuData : [getMenuData];
-    }
-    state.data = mapTree(parentKey ? transformTreeData(arr, key, parentKey) : arr, buildData);
   };
+  if (data) {
+    state.data = mapTree(parentKey ? transformTreeData(data, key, parentKey) : data, buildData);
+    return;
+  }
+  const menuData = props.fetchMenuData && fetchMenuData();
+  if (isObject(menuData) && menuData.then) {
+    menuData.then((data2) => {
+      state.data = mapTree(props.parentKey ? transformTreeData(data2, key, props.parentKey) : data2, buildData);
+    });
+    return;
+  }
+  if (!menuData) {
+    state.data = [];
+    return;
+  }
+  let arr = [];
+  if (menuData && menuData.length) {
+    let getMenuData = new CloneObject(menuData, props).data;
+    arr = typeof getMenuData === "object" && Array.isArray(getMenuData) ? getMenuData : [getMenuData];
+  }
+  state.data = mapTree(parentKey ? transformTreeData(arr, key, parentKey) : arr, buildData);
 };
-export var mounted = function mounted(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props,
-    router = _ref6.router,
-    route = _ref6.route,
-    state = _ref6.state;
-  return function () {
-    api.calcWidth();
-    on(window, 'resize', api.calcWidth);
-    if (router) {
-      state.afterEach = function () {
-        api.setActiveMenu(api.getSelectedIndex(route.path));
-      };
-      router.afterEach(state.afterEach);
-    }
-    props.data && props.data.length && route && api.setActiveMenu(api.getSelectedIndex(route.path));
-  };
+const mounted = ({ api, props, router, route, state }) => () => {
+  api.calcWidth();
+  on(window, "resize", api.calcWidth);
+  if (router) {
+    state.afterEach = () => {
+      api.setActiveMenu(api.getSelectedIndex(route.path));
+    };
+    router.afterEach(state.afterEach);
+  }
+  props.data && props.data.length && route && api.setActiveMenu(api.getSelectedIndex(route.path));
 };
-export var unMounted = function unMounted(_ref7) {
-  var api = _ref7.api,
-    state = _ref7.state,
-    router = _ref7.router;
-  return function () {
-    if (router && router.afterHooks) {
-      var index = router.afterHooks.indexOf(state.afterEach);
-      router.afterHooks.splice(index, 1);
-    }
-    state.afterEach = null;
-    off(window, 'resize', api.calcWidth);
-  };
+const unMounted = ({ api, state, router }) => () => {
+  if (router && router.afterHooks) {
+    const index = router.afterHooks.indexOf(state.afterEach);
+    router.afterHooks.splice(index, 1);
+  }
+  state.afterEach = null;
+  off(window, "resize", api.calcWidth);
 };
-export var getSelectedIndex = function getSelectedIndex(state) {
-  return function (path) {
-    var length = state.data.length;
-    var index = -1;
-    if (path !== '/') {
-      path = path.replace(/^#?\//, '');
-      var exp = new RegExp('("url":"#/?' + path + '"|"url":"/?' + path + '"|"route":"/?' + path + '")', 'i');
-      for (var i = 0; i < length; i++) {
-        if (exp.test(JSON.stringify(state.data[i]))) {
-          index = i;
-          break;
-        }
+const getSelectedIndex = (state) => (path) => {
+  let length = state.data.length;
+  let index = -1;
+  if (path !== "/") {
+    path = path.replace(/^#?\//, "");
+    let exp = new RegExp('("url":"#/?' + path + '"|"url":"/?' + path + '"|"route":"/?' + path + '")', "i");
+    for (let i = 0; i < length; i++) {
+      if (exp.test(JSON.stringify(state.data[i]))) {
+        index = i;
+        break;
       }
     }
-    return index;
-  };
-};
-export var showSetting = function showSetting(_ref8) {
-  var parent = _ref8.parent,
-    state = _ref8.state;
-  return function () {
-    state.isShowSetting = true;
-    var setting = parent.$el.querySelector('.more-setting');
-    setting.style.zIndex = nextZIndex();
-  };
+  }
+  return index;
 };
-export var willHideSetting = function willHideSetting(state) {
-  return function () {
-    return state.isShowSetting = false;
-  };
+const showSetting = ({ parent, state }) => () => {
+  state.isShowSetting = true;
+  const setting = parent.$el.querySelector(".more-setting");
+  setting.style.zIndex = nextZIndex();
 };
-export var showSubMenu = function showSubMenu(_ref9) {
-  var api = _ref9.api,
-    nextTick = _ref9.nextTick,
-    parent = _ref9.parent,
-    state = _ref9.state;
-  return function (list, _ref10, event) {
-    var more = _ref10.more,
-      index = _ref10.index;
-    if (list || more) {
-      state.subMenu !== list ? api.hideSubMenu() : api.stopHideSubMenu();
-      state.showMore = !!more;
-      state.subMenu = list;
-      state.showPopmenu = true;
-      nextTick(function () {
-        var popmenu = parent.$el.querySelector('.popmenu');
-        if (popmenu) {
-          popmenu.style.zIndex = nextZIndex();
-          if (popmenu.classList.contains('single') && event) {
-            popmenu.style.left = "".concat(event.target.offsetLeft, "px");
-          } else {
-            popmenu.style.left = 0;
-          }
-          popmenu.style.height = 'auto';
-          popmenu.style.display = 'block';
+const willHideSetting = (state) => () => state.isShowSetting = false;
+const showSubMenu = ({ api, nextTick, parent, state }) => (list, { more, index }, event) => {
+  if (list || more) {
+    state.subMenu !== list ? api.hideSubMenu() : api.stopHideSubMenu();
+    state.showMore = !!more;
+    state.subMenu = list;
+    state.showPopmenu = true;
+    nextTick(() => {
+      const popmenu = parent.$el.querySelector(".popmenu");
+      if (popmenu) {
+        popmenu.style.zIndex = nextZIndex();
+        if (popmenu.classList.contains("single") && event) {
+          popmenu.style.left = `${event.target.offsetLeft}px`;
+        } else {
+          popmenu.style.left = 0;
         }
-      });
-      if (index !== undefined) {
-        state.activeIndex = index;
-      }
-      if (more && list && list.length && state.subActiveIndex === -1) {
-        state.subActiveIndex = 0;
+        popmenu.style.height = "auto";
+        popmenu.style.display = "block";
       }
-    } else {
-      api.hideSubMenu();
+    });
+    if (index !== void 0) {
+      state.activeIndex = index;
     }
-  };
-};
-export var hideSubMenu = function hideSubMenu(_ref11) {
-  var api = _ref11.api,
-    parent = _ref11.parent,
-    state = _ref11.state;
-  return function () {
-    api.stopHideSubMenu();
-    state.showMore = false;
-    state.showPopmenu = false;
-    state.activeIndex = -1;
-    state.subActiveIndex = -1;
-    var popmenu = parent.$el.querySelector('.popmenu');
-    popmenu.style.height = 'auto';
-    popmenu.style.display = 'none';
-  };
-};
-export var willHideSubMenu = function willHideSubMenu(_ref12) {
-  var api = _ref12.api,
-    state = _ref12.state;
-  return function () {
-    api.stopHideSubMenu();
-    state.timer = setTimeout(function () {
-      api.hideSubMenu();
-    }, 20);
-  };
+    if (more && list && list.length && state.subActiveIndex === -1) {
+      state.subActiveIndex = 0;
+    }
+  } else {
+    api.hideSubMenu();
+  }
 };
-export var stopHideSubMenu = function stopHideSubMenu(state) {
-  return function () {
-    clearTimeout(state.timer);
-  };
+const hideSubMenu = ({ api, parent, state }) => () => {
+  api.stopHideSubMenu();
+  state.showMore = false;
+  state.showPopmenu = false;
+  state.activeIndex = -1;
+  state.subActiveIndex = -1;
+  const popmenu = parent.$el.querySelector(".popmenu");
+  popmenu.style.height = "auto";
+  popmenu.style.display = "none";
 };
-export var setSubMenu = function setSubMenu(state) {
-  return function (value, index) {
-    state.subActiveIndex = index;
-    state.subMenu = value;
-  };
+const willHideSubMenu = ({ api, state }) => () => {
+  api.stopHideSubMenu();
+  state.timer = setTimeout(() => {
+    api.hideSubMenu();
+  }, 20);
 };
-export var isHide = function isHide(_ref13) {
-  var parent = _ref13.parent,
-    state = _ref13.state;
-  return function (event) {
-    return !state.width || event.offsetTop >= parent.$el.offsetHeight;
-  };
+const stopHideSubMenu = (state) => () => {
+  clearTimeout(state.timer);
 };
-export var hidePopmenu = function hidePopmenu(api) {
-  return function (item) {
-    if (item.url || item.route) {
-      api.setActiveMenu(api.getSelectedIndex(item.url || item.route));
-      api.hideSubMenu();
-    }
-  };
+const setSubMenu = (state) => (value, index) => {
+  state.subActiveIndex = index;
+  state.subMenu = value;
 };
-export var clickMenu = function clickMenu(_ref14) {
-  var api = _ref14.api,
-    props = _ref14.props;
-  return function (item, index) {
-    if (item.url || item.route) {
-      if (props.beforeSkip) {
-        props.beforeSkip(item) && api.skip(item, true);
-      } else {
-        api.skip(item);
-      }
-    }
-    index !== undefined && api.setActiveMenu(index);
-    api.hidePopmenu(item);
-  };
+const isHide = ({ parent, state }) => (event) => !state.width || event.offsetTop >= parent.$el.offsetHeight;
+const hidePopmenu = (api) => (item) => {
+  if (item.url || item.route) {
+    api.setActiveMenu(api.getSelectedIndex(item.url || item.route));
+    api.hideSubMenu();
+  }
 };
-export var skip = function skip(_ref15) {
-  var api = _ref15.api,
-    router = _ref15.router,
-    fields = _ref15.fields;
-  return function (item) {
-    var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (item.isFullUrl) {
-      var _ref16 = fields || {},
-        _ref16$urlField = _ref16.urlField,
-        urlField = _ref16$urlField === void 0 ? 'url' : _ref16$urlField;
-      var _router = item[urlField] || item.route;
-      return window.open(xss.filterUrl(_router)).opener = null;
-    }
-    var address = !item.route || !flag ? api.getUrl(item).replace(/^#/, '') : item.route.replace(/^\/+/, '/').replace('#/', '');
-    if (address) {
-      return router.push(address);
+const clickMenu = ({ api, props }) => (item, index) => {
+  if (item.url || item.route) {
+    if (props.beforeSkip) {
+      props.beforeSkip(item) && api.skip(item, true);
     } else {
-      return '';
+      api.skip(item);
     }
-  };
+  }
+  index !== void 0 && api.setActiveMenu(index);
+  api.hidePopmenu(item);
 };
-export var getPoint = function getPoint(_ref17) {
-  var api = _ref17.api,
-    parent = _ref17.parent;
-  return function () {
-    var items = parent.$el.querySelectorAll('.menu>li');
-    var index = 0;
-    if (items) {
-      index = items.length;
-      for (var i = 0; i < items.length; i++) {
-        if (api.isHide(items[i])) {
-          index = index - (items.length - i);
-          break;
-        }
+const skip = ({ api, router, fields }) => (item, flag = false) => {
+  if (item.isFullUrl) {
+    const { urlField = "url" } = fields || {};
+    const router2 = item[urlField] || item.route;
+    return window.open(xss.filterUrl(router2)).opener = null;
+  }
+  const address = !item.route || !flag ? api.getUrl(item).replace(/^#/, "") : item.route.replace(/^\/+/, "/").replace("#/", "");
+  if (address) {
+    return router.push(address);
+  } else {
+    return "";
+  }
+};
+const getPoint = ({ api, parent }) => () => {
+  const items = parent.$el.querySelectorAll(".menu>li");
+  let index = 0;
+  if (items) {
+    index = items.length;
+    for (let i = 0; i < items.length; i++) {
+      if (api.isHide(items[i])) {
+        index = index - (items.length - i);
+        break;
       }
     }
-    return index;
-  };
-};
-export var classify = function classify(_ref18) {
-  var api = _ref18.api,
-    props = _ref18.props,
-    state = _ref18.state;
-  return function () {
-    var isRetractOrFixed = /^(retract|fixed)$/.test(props.overflow);
-    var menuCount = isRetractOrFixed ? 0 : props.overflow === 'hidden' ? props.data.length : api.getPoint();
-    state.more = state.data.slice(menuCount);
-  };
-};
-export var calcWidth = function calcWidth(_ref19) {
-  var parent = _ref19.parent,
-    props = _ref19.props,
-    state = _ref19.state;
-  return function () {
-    var el = parent.$el;
-    var logoWidth = parent.$slots.logo ? el.querySelector('.slot-logo').offsetWidth : 0;
-    var toolbarWidth = parent.$slots.toolbar ? el.querySelector('.slot-toolbar').offsetWidth : 0;
-    var menuWidth = el.offsetWidth;
-    var width = props.overflow === 'retract' ? 0 : menuWidth - toolbarWidth - logoWidth;
-    width = width - 120 - (toolbarWidth ? 50 : 10) - (logoWidth ? 100 : 0);
-    state.width = width < 200 ? 0 : width;
-    state.popMenuTop = el.offsetHeight;
-  };
-};
-export var getTag = function getTag(props) {
-  return function (item) {
-    return item.url && 'a' || item.route && (!props.beforeSkip ? 'router-link' : 'a') || 'span';
-  };
-};
-export var getUrl = function getUrl() {
-  return function (item) {
-    return item.url || '';
-  };
+  }
+  return index;
 };
-export var getRoute = function getRoute(props) {
-  return function (item) {
-    return !props.beforeSkip ? "/".concat(item.route || '').replace(/^\/+/, '/').replace('#/', '') : '';
-  };
+const classify = ({ api, props, state }) => () => {
+  const isRetractOrFixed = /^(retract|fixed)$/.test(props.overflow);
+  const menuCount = isRetractOrFixed ? 0 : props.overflow === "hidden" ? props.data.length : api.getPoint();
+  state.more = state.data.slice(menuCount);
 };
-export var setActiveMenu = function setActiveMenu(state) {
-  return function (index) {
-    return state.selectedIndex = typeof index !== 'undefined' ? index : -1;
-  };
+const calcWidth = ({ parent, props, state }) => () => {
+  let el = parent.$el;
+  let logoWidth = parent.$slots.logo ? el.querySelector(".slot-logo").offsetWidth : 0;
+  let toolbarWidth = parent.$slots.toolbar ? el.querySelector(".slot-toolbar").offsetWidth : 0;
+  let menuWidth = el.offsetWidth;
+  let width = props.overflow === "retract" ? 0 : menuWidth - toolbarWidth - logoWidth;
+  width = width - 120 - (toolbarWidth ? 50 : 10) - (logoWidth ? 100 : 0);
+  state.width = width < 200 ? 0 : width;
+  state.popMenuTop = el.offsetHeight;
 };
-export var initService = function initService(_ref20) {
-  var props = _ref20.props,
-    service = _ref20.service;
-  var fetchMenuData = function fetchMenuData() {
-    return Promise.reject(new Error('[TINY Error][NavMenu] Prop fetchMenuData is not configured'));
-  };
-  var _ref21 = service || {},
-    _ref21$base = _ref21.base,
-    base = _ref21$base === void 0 ? {} : _ref21$base,
-    _ref21$setting = _ref21.setting,
-    setting = _ref21$setting === void 0 ? {} : _ref21$setting;
-  var _setting$options = setting.options,
-    options = _setting$options === void 0 ? {} : _setting$options;
+const getTag = (props) => (item) => item.url && "a" || item.route && (!props.beforeSkip ? "router-link" : "a") || "span";
+const getUrl = () => (item) => item.url || "";
+const getRoute = (props) => (item) => !props.beforeSkip ? `/${item.route || ""}`.replace(/^\/+/, "/").replace("#/", "") : "";
+const setActiveMenu = (state) => (index) => state.selectedIndex = typeof index !== "undefined" ? index : -1;
+const initService = ({ props, service }) => {
+  const fetchMenuData = () => Promise.reject(new Error("[TINY Error][NavMenu] Prop fetchMenuData is not configured"));
+  const { base = {}, setting = {} } = service || {};
+  const { options = {} } = setting;
   return {
     fetchMenuData: props.fetchMenuData || base.getMenuDataSync || fetchMenuData,
     fields: props.fields || options.NavMenu
   };
-};
+};
+export {
+  calcWidth,
+  classify,
+  clickMenu,
+  computedIsShowMore,
+  computedMenuStyle,
+  computedPopClass,
+  computedPopStyle,
+  computedSubMenus,
+  getPoint,
+  getRoute,
+  getSelectedIndex,
+  getTag,
+  getUrl,
+  hidePopmenu,
+  hideSubMenu,
+  initData,
+  initService,
+  isHide,
+  mounted,
+  setActiveMenu,
+  setSubMenu,
+  showSetting,
+  showSubMenu,
+  skip,
+  stopHideSubMenu,
+  unMounted,
+  watchWidth,
+  willHideSetting,
+  willHideSubMenu
+};