@keyblade/pro-components 1.13.8-alpha.2 → 1.13.8-alpha.20

package/es/pro-menu/pro-menu-item.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as p, createBlock as u, createCommentVNode as l, openBlock as r, withCtx as i, createElementBlock as a, resolveDynamicComponent as m, normalizeClass as k } from "vue";
+import I from "./menu-item.vue.js";
+import M from "./sub-menu.vue.js";
+const $ = ["src"], z = ["src"], y = "keyblade-pro-menu-item", v = /* @__PURE__ */ p({
+  __name: "pro-menu-item",
+  props: {
+    item: {},
+    selectedKeys: {},
+    mode: {}
+  },
+  emits: ["menu-item-click"],
+  setup(h, { emit: f }) {
+    const o = h, d = f, C = (e) => {
+      var n;
+      return (e == null ? void 0 : e.children) && ((n = e == null ? void 0 : e.children) == null ? void 0 : n.length) > 0 && ((o == null ? void 0 : o.mode) === "vertical" || (o == null ? void 0 : o.mode) === "horizontal" && e.topChildrenMenu);
+    }, g = (e) => {
+      var n;
+      return !(e != null && e.children) || ((n = e == null ? void 0 : e.children) == null ? void 0 : n.length) === 0 || o.mode === "horizontal" && e.children.length > 0 && !e.topChildrenMenu;
+    }, s = (e) => {
+      var n;
+      return (n = o == null ? void 0 : o.selectedKeys) != null && n.includes(e.name) && e != null && e.selectedIcon ? e == null ? void 0 : e.selectedIcon : e == null ? void 0 : e.icon;
+    }, c = (e) => {
+      const n = e == null ? void 0 : e.icon;
+      return n != null && n.startsWith("icon") ? "icon" : "url";
+    };
+    return (e, n) => C(e.item) ? (r(), u(M, {
+      key: 0,
+      item: e.item,
+      mode: e.mode,
+      "selected-keys": e.selectedKeys,
+      onMenuItemClick: n[0] || (n[0] = (t) => d("menu-item-click", t))
+    }, {
+      icon: i(() => [
+        c(e.item) === "icon" ? (r(), u(m(s(e.item)), { key: 0 })) : l("", !0),
+        c(e.item) === "url" ? (r(), a("img", {
+          key: 1,
+          class: k(`${y}-img`),
+          src: s(e.item),
+          alt: ""
+        }, null, 10, $)) : l("", !0)
+      ]),
+      _: 1
+    }, 8, ["item", "mode", "selected-keys"])) : g(e.item) ? (r(), u(I, {
+      key: 1,
+      item: e.item,
+      onMenuItemClick: n[1] || (n[1] = (t) => d("menu-item-click", t))
+    }, {
+      icon: i(() => [
+        c(e.item) === "icon" ? (r(), u(m(s(e.item)), { key: 0 })) : l("", !0),
+        c(e.item) === "url" ? (r(), a("img", {
+          key: 1,
+          class: k(`${y}-img`),
+          src: s(e.item),
+          alt: ""
+        }, null, 10, z)) : l("", !0)
+      ]),
+      _: 1
+    }, 8, ["item"])) : l("", !0);
+  }
+});
+export {
+  v as default
+};

package/es/pro-menu/pro-menu-item.vue2.js

@@ -0,0 +1,4 @@
+import f from "./pro-menu-item.vue.js";
+export {
+  f as default
+};

package/es/pro-menu/pro-menu.vue.d.ts

@@ -1,58 +1,10 @@
-import { PropType } from 'vue';
-import { IProMenuItem } from './interface';
-import { MenuProps } from '@arco-design/web-vue/es/menu/interface';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    mode: {
-        type: PropType<"horizontal" | "vertical">;
-        required: false;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean>;
-        required: false;
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    items: {
-        type: PropType<IProMenuItem[]>;
-        required: true;
-    };
-    menuProps: {
-        type: PropType<Partial<MenuProps>>;
-        required: false;
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "menu-item-click": (_item: IProMenuItem) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    mode: {
-        type: PropType<"horizontal" | "vertical">;
-        required: false;
-        default: string;
-    };
-    collapsed: {
-        type: PropType<boolean>;
-        required: false;
-    };
-    selectedKeys: {
-        type: PropType<string[]>;
-        required: true;
-    };
-    items: {
-        type: PropType<IProMenuItem[]>;
-        required: true;
-    };
-    menuProps: {
-        type: PropType<Partial<MenuProps>>;
-        required: false;
-        default: () => {};
-    };
-}>> & Readonly<{
-    "onMenu-item-click"?: ((_item: IProMenuItem) => any) | undefined;
+import { IProMenuProps } from './interface';
+declare const _default: import('vue').DefineComponent<IProMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "menu-item-click": (item: import('./interface').IProMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<IProMenuProps> & Readonly<{
+    "onMenu-item-click"?: ((item: import('./interface').IProMenuItem) => any) | undefined;
 }>, {
     mode: "horizontal" | "vertical";
-    menuProps: Partial<MenuProps>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/pro-menu/pro-menu.vue.js

@@ -1,121 +1,35 @@
-import { defineComponent as $, computed as b, resolveComponent as f, createBlock as u, openBlock as o, mergeProps as A, withCtx as a, createVNode as R, createElementBlock as s, unref as h, createCommentVNode as r, Fragment as p, createSlots as x, renderList as M, createTextVNode as _, toDisplayString as q, resolveDynamicComponent as I, normalizeClass as N } from "vue";
-import { createReusableTemplate as j } from "@vueuse/core";
-const w = ["src"], E = ["src"], F = "keyblade-pro-menu", T = "keyblade-pro-menu-item", W = /* @__PURE__ */ $({
+import { defineComponent as p, resolveComponent as a, createBlock as t, openBlock as o, mergeProps as u, withCtx as c, createElementBlock as i, Fragment as f, renderList as k, unref as y } from "vue";
+import C from "./pro-menu-item.vue.js";
+import { renderItems as B } from "./util.js";
+const _ = "keyblade-pro-menu", I = /* @__PURE__ */ p({
   __name: "pro-menu",
   props: {
-    mode: {
-      type: String,
-      required: !1,
-      default: "vertical"
-    },
-    collapsed: {
-      type: Boolean,
-      required: !1
-    },
-    selectedKeys: {
-      type: Array,
-      required: !0
-    },
-    items: {
-      type: Array,
-      required: !0
-    },
-    menuProps: {
-      type: Object,
-      required: !1,
-      default: () => ({})
-    }
+    items: {},
+    selectedKeys: {},
+    mode: { default: "vertical" },
+    collapsed: { type: Boolean },
+    menuProps: { default: () => ({}) }
   },
-  emits: {
-    "menu-item-click": (l) => !0
-  },
-  setup(l, { emit: z }) {
-    const y = l, B = z, [D, v] = j(), d = b(() => (n) => {
-      var c;
-      return (c = y == null ? void 0 : y.selectedKeys) != null && c.includes(n.name) && n != null && n.selectedIcon ? n == null ? void 0 : n.selectedIcon : n == null ? void 0 : n.icon;
-    }), t = b(() => (n) => {
-      const c = n == null ? void 0 : n.icon;
-      return c != null && c.startsWith("icon") ? "icon" : "url";
-    }), K = (n) => {
-      B("menu-item-click", n);
-    };
-    return (n, c) => {
-      const P = f("a-sub-menu"), S = f("a-menu-item"), V = f("a-menu");
-      return o(), u(V, A(l.menuProps, {
-        mode: l.mode,
-        class: F,
-        collapsed: l.collapsed,
-        "selected-keys": l.selectedKeys,
+  emits: ["menu-item-click"],
+  setup(K, { emit: n }) {
+    const l = n;
+    return (e, m) => {
+      const r = a("a-menu");
+      return o(), t(r, u(e.menuProps, {
+        mode: e.mode,
+        class: _,
+        collapsed: e.collapsed,
+        "selected-keys": e.selectedKeys,
         "auto-open-selected": ""
       }), {
-        default: a(() => [
-          R(h(D), null, {
-            default: a(({ item: e }) => {
-              var C, g;
-              return [
-                e && !e.hideInMenu && (l.mode === "vertical" || l.mode === "horizontal" && e.topMenu) ? (o(), s(p, { key: 0 }, [
-                  e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 && // 垂直菜单模式 || (顶部菜单模式 && 子元素都是顶部菜单)
-                  (l.mode === "vertical" || l.mode === "horizontal" && e.topChildrenMenu) ? (o(), u(P, {
-                    key: e.name
-                  }, x({
-                    title: a(() => [
-                      _(q(e.title), 1)
-                    ]),
-                    default: a(() => [
-                      e != null && e.hideChildrenInMenu ? r("", !0) : (o(!0), s(p, { key: 0 }, M((e == null ? void 0 : e.children) || [], (k) => (o(), u(h(v), {
-                        key: k.name,
-                        item: k
-                      }, null, 8, ["item"]))), 128))
-                    ]),
-                    _: 2
-                  }, [
-                    e != null && e.icon ? {
-                      name: "icon",
-                      fn: a(() => [
-                        t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
-                        t.value(e) === "url" ? (o(), s("img", {
-                          key: 1,
-                          class: N(`${T}-img`),
-                          src: d.value(e),
-                          alt: ""
-                        }, null, 10, w)) : r("", !0)
-                      ]),
-                      key: "0"
-                    } : void 0
-                  ]), 1024)) : r("", !0),
-                  !(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 || // 顶部菜单模式 & 有子元素 & 子元素不是顶部菜单
-                  l.mode === "horizontal" && e.children.length > 0 && !e.topChildrenMenu ? (o(), u(S, {
-                    key: e.name,
-                    onClick: (k) => K(e)
-                  }, x({
-                    default: a(() => [
-                      _(" " + q(e.title), 1)
-                    ]),
-                    _: 2
-                  }, [
-                    e != null && e.icon ? {
-                      name: "icon",
-                      fn: a(() => [
-                        t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
-                        t.value(e) === "url" ? (o(), s("img", {
-                          key: 1,
-                          class: N(`${T}-img`),
-                          src: d.value(e),
-                          alt: ""
-                        }, null, 10, E)) : r("", !0)
-                      ]),
-                      key: "0"
-                    } : void 0
-                  ]), 1032, ["onClick"])) : r("", !0)
-                ], 64)) : r("", !0)
-              ];
-            }),
-            _: 1
-          }),
-          (o(!0), s(p, null, M(l.items, (e) => (o(), u(h(v), {
-            key: e.name,
-            item: e
-          }, null, 8, ["item"]))), 128))
+        default: c(() => [
+          (o(!0), i(f, null, k(y(B)(e.items, { mode: e.mode }), (s) => (o(), t(C, {
+            key: s.name,
+            mode: e.mode,
+            item: s,
+            "selected-keys": e.selectedKeys,
+            onMenuItemClick: m[0] || (m[0] = (d) => l("menu-item-click", d))
+          }, null, 8, ["mode", "item", "selected-keys"]))), 128))
         ]),
         _: 1
       }, 16, ["mode", "collapsed", "selected-keys"]);
@@ -123,5 +37,5 @@ const w = ["src"], E = ["src"], F = "keyblade-pro-menu", T = "keyblade-pro-menu-
   }
 });
 export {
-  W as default
+  I as default
 };

package/es/pro-menu/sub-menu.vue.d.ts

@@ -0,0 +1,22 @@
+import { IProMenuItem, IProMenuItemProps } from './interface.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "menu-item-click": (_item: IProMenuItem) => void;
+}, string, import('vue').PublicProps, Readonly<IProMenuItemProps> & Readonly<{
+    "onMenu-item-click"?: ((_item: IProMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-menu/sub-menu.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as p, resolveComponent as k, createBlock as s, openBlock as t, createSlots as f, withCtx as m, createElementBlock as y, createCommentVNode as _, Fragment as C, renderList as h, unref as b, createTextVNode as B, toDisplayString as S, renderSlot as g } from "vue";
+import v from "./pro-menu-item.vue.js";
+import { renderItems as I } from "./util.js";
+const $ = /* @__PURE__ */ p({
+  __name: "sub-menu",
+  props: {
+    item: {},
+    selectedKeys: {},
+    mode: {}
+  },
+  emits: {
+    "menu-item-click": (l) => !0
+  },
+  setup(l, { emit: c }) {
+    const d = c, u = (e) => {
+      d("menu-item-click", e);
+    };
+    return (e, K) => {
+      var n;
+      const a = k("a-sub-menu");
+      return t(), s(a, {
+        key: e.item.name
+      }, f({
+        title: m(() => [
+          B(S(e.item.title), 1)
+        ]),
+        default: m(() => {
+          var o, i;
+          return [
+            (o = e.item) != null && o.hideChildrenInMenu ? _("", !0) : (t(!0), y(C, { key: 0 }, h(b(I)(((i = e.item) == null ? void 0 : i.children) || [], { mode: e.mode }), (r) => (t(), s(v, {
+              key: r.name,
+              mode: e.mode,
+              item: r,
+              "selected-keys": e.selectedKeys,
+              onMenuItemClick: u
+            }, null, 8, ["mode", "item", "selected-keys"]))), 128))
+          ];
+        }),
+        _: 2
+      }, [
+        (n = e.item) != null && n.icon ? {
+          name: "icon",
+          fn: m(() => [
+            g(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+export {
+  $ as default
+};

package/es/pro-menu/sub-menu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./sub-menu.vue.js";
+export {
+  f as default
+};

package/es/pro-menu/util.d.ts

@@ -0,0 +1,9 @@
+import { IProMenuItem, IProMenuProps } from './interface.ts';
+/**
+ * 真实渲染的items(避免渲染多余的if)
+ * @param items
+ * @param params
+ */
+export declare const renderItems: (items: IProMenuItem[], params: {
+    mode: IProMenuProps["mode"];
+}) => IProMenuItem[];

package/es/pro-menu/util.js

@@ -0,0 +1,7 @@
+const o = (n, t) => {
+  const { mode: r } = t || {};
+  return n.filter((e) => e && !e.hideInMenu && (r === "vertical" || r === "horizontal" && e.topMenu));
+};
+export {
+  o as renderItems
+};

package/es/pro-page-container/index.d.ts

@@ -1,151 +1,57 @@
 import { App } from 'vue';
 declare const ProPageContainer: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: () => any;
+    }, import('vue').PublicProps, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    hidePageHeader: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    pageHeader: {
-        type: import('vue').PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<{
+    hidePageHeader?: boolean;
+    showFooterBar?: boolean;
+    footerBarOptions?: import('..').ProFooterBarProps;
+    pageHeader?: import('./inerface').PageHeaderProps;
+}> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, {
     hidePageHeader: boolean;
-    pageHeader: {
-        title?: string;
-        subTitle?: string;
-        titlePosition?: "top" | "bottom";
-        hideTitle?: boolean;
-        breadcrumbRouterMode?: boolean;
-        breadcrumbPrefixIcon?: boolean | string;
-        breadcrumbItems?: {
-            label: string;
-            path?: string;
-        }[];
-    };
+    showFooterBar: boolean;
+    pageHeader: import('./inerface').PageHeaderProps;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        footerBar?(_: {}): any;
     };
 }) & {
     install: (app: App) => void;

package/es/pro-page-container/index.js

@@ -1,12 +1,13 @@
-import e from "./pro-page-container.vue.js";
+import r from "./pro-page-container.vue.js";
 /* empty css                        */
-import { ProPageHeader as r } from "../pro-page-header/index.js";
-const i = Object.assign(e, {
+import { ProPageHeader as e } from "../pro-page-header/index.js";
+import { ProFooterBar as t } from "../pro-footer-bar/index.js";
+const s = Object.assign(r, {
   install: (o) => {
-    o.use(r), o.component("KbProPageContainer", e);
+    o.use(e), o.use(t), o.component("KbProPageContainer", r);
   }
 });
 export {
-  i as ProPageContainer,
-  i as default
+  s as ProPageContainer,
+  s as default
 };

package/es/pro-page-container/inerface.d.ts

@@ -0,0 +1,12 @@
+export interface PageHeaderProps {
+    title?: string;
+    subTitle?: string;
+    titlePosition?: 'top' | 'bottom';
+    hideTitle?: boolean;
+    breadcrumbRouterMode?: boolean;
+    breadcrumbPrefixIcon?: boolean | string;
+    breadcrumbItems?: {
+        label: string;
+        path?: string;
+    }[];
+}