Rancher UI 菜单模块源码深度解析

以下是 Tree Item 选项的部分注释摘录，有助于理解配置项含义：

/* Tree item options {
  id: 'str' (identifier to allow removal... should be unique)
  localizedLabel: 'i18n key', (or function that returns one)
  label: 'Displayed unlocalized label', (or function that returns string)
  icon: 'icon icon-something',
  condition: function() { // return true if this item should be displayed
    // condition can depend on anything page-header/component.js shouldUpdateNavTree() depends on
  },
  target: '_blank', (for url only)
  route: 'target.route.path', // as in link-to
  ctx: ['values', 'asContextToRoute', orFunctionThatReturnsValue, anotherFunction]
  qp: {a: 'hello', b: 'world'],
  moreCurrentWhen: ['additional.routes','for.current-when'],
  submenu: [ // Another tree item (only one level of submenu supported, no arbitrary depth nesting)
    {...},
    {...}
  ]
} */

注意：以上注释摘自源码，具体版本可能有所差异，实际开发请以最新代码为准。