wp-element-ui/packages/menu/src/menu-mixin.js

element-ui二开版

export default {
  inject: ['rootMenu'],
  computed: {
    indexPath() {
      const path = [this.index];
      let parent = this.$parent;
      while (parent.$options.componentName !== 'ElMenu') {
        if (parent.index) {
          path.unshift(parent.index);
        }
        parent = parent.$parent;
      }
      return path;
    },
    parentMenu() {
      let parent = this.$parent;
      while (
        parent &&
        ['ElMenu', 'ElSubmenu'].indexOf(parent.$options.componentName) === -1
      ) {
        parent = parent.$parent;
      }
      return parent;
    },
    paddingStyle() {
      const step = this.rootMenu.paddingLrStep;
      const unit = this.rootMenu.paddingLrUnit;
      if (this.rootMenu.mode !== 'vertical') return {paddingLeft: step + unit, paddingRight: step + unit};

      let padding = step;
      let parent = this.$parent;

      if (this.rootMenu.collapse) {
        padding = step;
      } else {
        while (parent && parent.$options.componentName !== 'ElMenu') {
          if (parent.$options.componentName === 'ElSubmenu') {
            padding += step;
          }
          parent = parent.$parent;
        }
      }
      return {paddingLeft: padding + unit, paddingRight: step + unit};
    }
  }
};