base6-ui 1.1.5 → 1.1.6

package/es/components/BaseLayout/Default/index.vue.d.ts

@@ -0,0 +1,65 @@
+import { DropdownOption } from 'naive-ui';
+import { BaseDefaultLayoutProps, BaseDefaultLayoutMode } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseDefaultLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleSystemTheme: (...args: any[]) => void;
+    toggleUserItem: (...args: any[]) => void;
+    toggleMenuItem: (...args: any[]) => void;
+    toggleMixMenuItem: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BaseDefaultLayoutProps> & Readonly<{
+    onToggleSystemTheme?: ((...args: any[]) => any) | undefined;
+    onToggleUserItem?: ((...args: any[]) => any) | undefined;
+    onToggleMenuItem?: ((...args: any[]) => any) | undefined;
+    onToggleMixMenuItem?: ((...args: any[]) => any) | undefined;
+}>, {
+    headerHeight: number;
+    contentClass: string;
+    headerClass: string;
+    footerClass: string;
+    mode: BaseDefaultLayoutMode;
+    tabClass: string;
+    sliderCollapse: boolean;
+    sliderClass: string;
+    tabHeight: number;
+    sliderWidth: number;
+    sliderCollapseWidth: number;
+    footerHeight: number;
+    scrollMode: import('..').LayoutScrollMode;
+    scrollElId: string;
+    scrollWrapperClass: string;
+    baseClass: string;
+    fixedTop: boolean;
+    commonClass: string;
+    layoutZIndex: number;
+    headerVisible: boolean;
+    tabVisible: boolean;
+    sliderVisible: boolean;
+    fullContent: boolean;
+    footerVisible: boolean;
+    fixedFooter: boolean;
+    footerIsFullWidth: boolean;
+    sliderMixWidth: number;
+    sliderMixCollapseWidth: number;
+    sliderMixChildMenuWidth: number;
+    mixSliderFixed: boolean;
+    reverseHorizontalMix: boolean;
+    menuList: import('./type').BaseMenuOptionType[];
+    userActionOption: Array<DropdownOption | import('naive-ui').DropdownGroupOption | import('naive-ui').DropdownDividerOption | import('naive-ui').DropdownRenderOption>;
+    userInfo: import('./type').UserInfoType;
+    curRoute: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/components/BaseLayout/Default/index.vue.mjs

@@ -0,0 +1,144 @@
+import { defineComponent as w, mergeDefaults as z, defineAsyncComponent as S, computed as l, provide as F, createBlock as T, openBlock as L, withCtx as r, renderSlot as P, createVNode as d, unref as A } from "vue";
+import D from "../index.vue.mjs";
+import O from "./layoutHeader/index.vue.mjs";
+import k from "./layoutTab/index.vue.mjs";
+import N from "./layoutSlider/index.vue.mjs";
+import U from "./layoutFooter/index.vue.mjs";
+import { defaultLayoutProviderInjectKey as $, DefaultLayoutPropsInDefault as E } from "./options.mjs";
+import R from "../../../hooks/useNaiveConfigProvideContext.mjs";
+import { setupMixMenuContext as j } from "../../../hooks/useMenu.mjs";
+const ee = /* @__PURE__ */ w({
+  __name: "index",
+  props: /* @__PURE__ */ z({
+    scrollMode: {},
+    scrollElId: {},
+    scrollWrapperClass: {},
+    baseClass: {},
+    fixedTop: { type: Boolean },
+    commonClass: {},
+    layoutZIndex: {},
+    headerVisible: { type: Boolean },
+    headerClass: {},
+    headerHeight: {},
+    tabVisible: { type: Boolean },
+    tabClass: {},
+    tabHeight: {},
+    sliderVisible: { type: Boolean },
+    sliderClass: {},
+    sliderCollapse: { type: Boolean },
+    sliderWidth: {},
+    sliderCollapseWidth: {},
+    contentClass: {},
+    fullContent: { type: Boolean },
+    footerVisible: { type: Boolean },
+    footerClass: {},
+    fixedFooter: { type: Boolean },
+    footerIsFullWidth: { type: Boolean },
+    footerHeight: {},
+    mode: {},
+    curRoute: {},
+    sliderMixWidth: {},
+    sliderMixCollapseWidth: {},
+    sliderMixChildMenuWidth: {},
+    mixSliderFixed: { type: Boolean },
+    menuList: {},
+    reverseHorizontalMix: { type: Boolean },
+    userActionOption: {},
+    userInfo: {}
+  }, {
+    ...E,
+    menuList: () => [],
+    userActionOption: () => [],
+    userInfo: () => ({ name: "" })
+  }),
+  emits: [
+    "toggleMenuItem",
+    "toggleMixMenuItem",
+    "toggleSystemTheme",
+    "toggleUserItem"
+  ],
+  setup(t, { emit: x }) {
+    const v = S(() => import("./layoutMenu/index.vue.mjs")), o = t, a = x, M = R(), { childLevelMenus: c } = j(o), p = l(() => {
+      const {
+        name: e = "light"
+      } = M?.mergedThemeRef.value || {};
+      return e !== "light";
+    }), C = l(() => {
+      const e = "vertical";
+      return o.mode.includes(e) ? e : "horizontal";
+    }), b = l(() => o.mode !== "horizontal"), n = l(() => o.mode === "horizontal-mix"), u = l(() => o.mode === "vertical-mix"), y = () => {
+      const { reverseHorizontalMix: e } = o, { sliderCollapseWidth: i, sliderMixCollapseWidth: h, sliderMixChildMenuWidth: m } = o;
+      if (n.value && e)
+        return i;
+      let s = u.value || n.value ? h : i;
+      return u.value && o.mixSliderFixed && c.value.length && (s += m), s;
+    }, f = l(() => y());
+    function I() {
+      const { reverseHorizontalMix: e } = o, { sliderWidth: i, sliderMixChildMenuWidth: h, sliderMixWidth: m } = o;
+      if (n.value && e)
+        return i;
+      let s = u.value || n.value ? m : i;
+      return u.value && o.mixSliderFixed && c.value.length && (s += h), s;
+    }
+    const g = l(() => I()), W = (e, i) => {
+      a("toggleMenuItem", e, i);
+    }, B = (e, i) => {
+      a("toggleMixMenuItem", e, i);
+    }, H = () => {
+      a("toggleSystemTheme");
+    }, V = (e, i) => {
+      a("toggleUserItem", e, i);
+    };
+    return F($, {
+      layoutConfig: o,
+      isDarkMode: p,
+      userActionOption: o.userActionOption,
+      userInfo: o.userInfo,
+      _sliderCollapseWidth: f,
+      _sliderWidth: g,
+      toggleMenuItem: W,
+      toggleMixMenuItem: B,
+      toggleSystemTheme: H,
+      toggleUserItem: V
+    }), (e, i) => (L(), T(D, {
+      mode: C.value,
+      "scroll-mode": t.scrollMode,
+      "scroll-el-id": t.scrollElId,
+      "fixed-top": t.fixedTop,
+      "header-visible": t.headerVisible,
+      "header-height": t.headerHeight,
+      "tab-visible": t.tabVisible,
+      "tab-height": t.tabHeight,
+      "slider-visible": b.value,
+      "slider-class": t.sliderClass,
+      "slider-collapse": t.sliderCollapse,
+      "slider-width": g.value,
+      "slider-collapse-width": f.value,
+      "footer-visible": t.footerVisible,
+      "fixed-footer": t.fixedFooter,
+      "footer-is-full-width": t.footerIsFullWidth,
+      "footer-height": t.footerHeight
+    }, {
+      header: r(() => [
+        d(O)
+      ]),
+      tab: r(() => [
+        d(k)
+      ]),
+      slider: r(() => [
+        d(N)
+      ]),
+      footer: r(() => [
+        d(U)
+      ]),
+      default: r(() => [
+        P(e.$slots, "default"),
+        d(A(v))
+      ]),
+      _: 3
+    }, 8, ["mode", "scroll-mode", "scroll-el-id", "fixed-top", "header-visible", "header-height", "tab-visible", "tab-height", "slider-visible", "slider-class", "slider-collapse", "slider-width", "slider-collapse-width", "footer-visible", "fixed-footer", "footer-is-full-width", "footer-height"]));
+  }
+});
+export {
+  ee as default
+};

package/es/components/BaseLayout/Default/layoutFooter/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/BaseLayout/Default/layoutFooter/index.vue.mjs

@@ -0,0 +1,16 @@
+import { resolveComponent as t, createBlock as n, openBlock as r, withCtx as a, createTextVNode as c } from "vue";
+import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const s = {};
+function f(_, e) {
+  const o = t("BaseContainer");
+  return r(), n(o, { class: "h-full layout-footer-panel" }, {
+    default: a(() => [...e[0] || (e[0] = [
+      c(" 我是底部 ", -1)
+    ])]),
+    _: 1
+  });
+}
+const m = /* @__PURE__ */ l(s, [["render", f]]);
+export {
+  m as default
+};

package/es/components/BaseLayout/Default/layoutHeader/action.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/BaseLayout/Default/layoutHeader/action.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./action.vue2.mjs";
+/* empty css             */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cd49cd7d"]]);
+export {
+  d as default
+};

package/es/components/BaseLayout/Default/layoutHeader/action.vue2.mjs

@@ -0,0 +1,82 @@
+import { NButton as f, NDropdown as y } from "naive-ui";
+import { defineComponent as F, computed as c, h as i, createElementBlock as k, openBlock as b, createVNode as o, unref as e, withCtx as r, createElementVNode as u, toDisplayString as C } from "vue";
+import x from "../hooks/useBaseLayoutContext.mjs";
+import { SvgIcon as n } from "../../../../node_modules/.pnpm/lib-materials@0.0.8_typescript@5.7.2/node_modules/lib-materials/dist/lib-materials.mjs";
+const S = { class: "base-layout-header-action-container" }, z = { class: "user-trigger" }, B = { class: "name" }, H = /* @__PURE__ */ F({
+  name: "GlobalHeaderAction",
+  __name: "action",
+  setup(E) {
+    const { isDarkMode: t, userActionOption: l, userInfo: m, toggleSystemTheme: d, toggleSystemLang: p, toggleUserItem: _ } = x(), a = c(() => ({
+      color: t.value ? "#222327" : "#FFF",
+      colorHover: t.value ? "#222327" : "#FFF",
+      colorFocus: t.value ? "#222327" : "#FFF",
+      textColor: t.value ? "rgba(255,255,255,0.7)" : "#56647A",
+      border: `1px solid ${t.value ? "#2F3A4B " : "#E0E6EF"}`
+    })), g = c(() => l && l.length ? l : [
+      {
+        label: "用户中心",
+        key: "user-center",
+        icon: () => i(n, { icon: "layout-user-center", size: "16" })
+      },
+      {
+        label: "退出账号",
+        key: "logout",
+        icon: () => i(n, { icon: "layout-logout", size: "16" })
+      }
+    ]);
+    return (v, A) => {
+      const s = f, h = y;
+      return b(), k("div", S, [
+        o(s, {
+          "theme-overrides": a.value,
+          onClick: e(d)
+        }, {
+          default: r(() => [
+            o(e(n), {
+              icon: "layout-theme",
+              size: "16"
+            })
+          ]),
+          _: 1
+        }, 8, ["theme-overrides", "onClick"]),
+        o(s, {
+          "theme-overrides": a.value,
+          onClick: e(p)
+        }, {
+          default: r(() => [
+            o(e(n), {
+              icon: "layout-lang",
+              size: "16"
+            })
+          ]),
+          _: 1
+        }, 8, ["theme-overrides", "onClick"]),
+        o(h, {
+          placement: "bottom",
+          trigger: "click",
+          options: g.value,
+          onSelect: e(_)
+        }, {
+          default: r(() => [
+            u("div", z, [
+              o(s, { quaternary: "" }, {
+                default: r(() => [
+                  o(e(n), {
+                    icon: `layout-user-${e(t) ? "dark" : "light"}`,
+                    size: "32"
+                  }, null, 8, ["icon"]),
+                  u("span", B, C(e(m)?.name), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["options", "onSelect"])
+      ]);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/components/BaseLayout/Default/layoutHeader/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/BaseLayout/Default/layoutHeader/index.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as n, computed as d, createBlock as t, openBlock as o, withCtx as e, createElementVNode as i, unref as l, createVNode as m, createCommentVNode as u } from "vue";
+import c from "../../Header/index.vue.mjs";
+import s from "./title.vue.mjs";
+import f from "./action.vue.mjs";
+import { LAYOUT_HEADER_MENU_ID as p } from "../constants.mjs";
+import _ from "../hooks/useBaseLayoutContext.mjs";
+const x = ["id"], k = /* @__PURE__ */ n({
+  name: "GlobalHeader",
+  __name: "index",
+  setup(h) {
+    const { layoutConfig: r } = _(), a = d(() => !(r.mode.indexOf("vertical") > -1));
+    return (y, B) => (o(), t(c, null, {
+      headerTitle: e(() => [
+        a.value ? (o(), t(s, { key: 0 })) : u("", !0)
+      ]),
+      headerActions: e(() => [
+        m(f)
+      ]),
+      default: e(() => [
+        i("div", {
+          id: l(p),
+          class: "h-full flex-y-center flex-1-hidden pl-[16px]"
+        }, null, 8, x)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  k as default
+};

package/es/components/BaseLayout/Default/layoutHeader/index.vue2.mjs

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

package/es/components/BaseLayout/Default/layoutHeader/title.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/BaseLayout/Default/layoutHeader/title.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./title.vue2.mjs";
+/* empty css            */
+import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b7a540f"]]);
+export {
+  f as default
+};

package/es/components/BaseLayout/Default/layoutHeader/title.vue2.mjs

@@ -0,0 +1,28 @@
+import { NDivider as a } from "naive-ui";
+import { defineComponent as i, createElementBlock as m, openBlock as t, createVNode as n, createBlock as s, createCommentVNode as l, unref as e, resolveDynamicComponent as p } from "vue";
+import u from "../../../BaseProductIntroduction/index.vue.mjs";
+import d from "../hooks/useBaseLayoutContext.mjs";
+import { useLogoHook as _ } from "../hooks/useLogo.mjs";
+const f = { class: "base-layout-header-title-container" }, H = /* @__PURE__ */ i({
+  name: "GlobalHeaderTitle",
+  __name: "title",
+  setup(y) {
+    const { layoutConfig: r } = d(), { currentLogoComponent: o } = _();
+    return (C, g) => {
+      const c = a;
+      return t(), m("div", f, [
+        n(u, {
+          y: e(r).headerHeight
+        }, null, 8, ["y"]),
+        n(c, { vertical: "" }),
+        e(o) ? (t(), s(p(e(o)), {
+          key: 0,
+          class: "component-logo"
+        })) : l("", !0)
+      ]);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/components/BaseLayout/Default/layoutMenu/components/first-level-menu.vue.d.ts

@@ -0,0 +1,32 @@
+import { BaseMenuOptionType } from '../../type';
+interface PropsType {
+    menus: Array<BaseMenuOptionType>;
+    activeMenuKey?: string;
+    inverted?: boolean;
+    sliderCollapse?: boolean;
+    darkMode?: boolean;
+    themeColor: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (menu: BaseMenuOptionType) => any;
+    toggleSliderCollapse: () => any;
+}, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{
+    onSelect?: ((menu: BaseMenuOptionType) => any) | undefined;
+    onToggleSliderCollapse?: (() => 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/components/BaseLayout/Default/layoutMenu/components/first-level-menu.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./first-level-menu.vue2.mjs";
+/* empty css                       */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-937ba79c"]]);
+export {
+  m as default
+};

package/es/components/BaseLayout/Default/layoutMenu/components/first-level-menu.vue2.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as h, useCssVars as _, computed as g, resolveComponent as B, createElementBlock as n, openBlock as l, Fragment as c, createVNode as p, createElementVNode as r, unref as u, withCtx as d, normalizeClass as S, createBlock as m, resolveDynamicComponent as I, toDisplayString as D, renderSlot as V, renderList as w } from "vue";
+import { createReusableTemplate as E } from "../../../../../node_modules/.pnpm/@vueuse_core@13.0.0_vue@3.5.13_typescript@5.7.2_/node_modules/@vueuse/core/index.mjs";
+const F = { class: "w-full ellipsis-text text-center text-[12px]" }, K = { class: "h-full flex-col-stretch flex-1-hidden" }, z = /* @__PURE__ */ h({
+  name: "FirstLevelMenu",
+  __name: "first-level-menu",
+  props: {
+    menus: {},
+    activeMenuKey: {},
+    inverted: { type: Boolean },
+    sliderCollapse: { type: Boolean },
+    darkMode: { type: Boolean },
+    themeColor: {}
+  },
+  emits: ["select", "toggleSliderCollapse"],
+  setup(o, { emit: x }) {
+    _((t) => ({
+      v6a6cfcc8: b.value
+    }));
+    const [f, v] = E(), C = o, y = x, b = g(() => {
+      const { darkMode: t } = C;
+      return t ? "#000" : "#fff";
+    }), k = (t) => {
+      y("select", t);
+    };
+    return (t, L) => {
+      const M = B("SimpleScrollbar");
+      return l(), n(c, null, [
+        p(u(f), null, {
+          default: d(({ label: e, icon: s, activeIcon: a, active: i }) => [
+            r("div", {
+              class: S(["mx-[4px] mb-[6px] flex-col-bc cursor-pointer rounded-[8px] bg-transparent px-[4px] py-[8px] hover:bg-[rgba(0,0,0,0.08)]", {
+                "text-primary selected-mix-menu": i
+              }])
+            }, [
+              (l(), m(I(i && a ? a : s))),
+              r("p", F, D(e), 1)
+            ], 2)
+          ]),
+          _: 1
+        }),
+        r("div", K, [
+          V(t.$slots, "default", {}, void 0, !0),
+          p(M, null, {
+            default: d(() => [
+              (l(!0), n(c, null, w(o.menus, (e) => (l(), n(c, null, [
+                (l(), m(u(v), {
+                  key: e.key,
+                  label: e.label,
+                  icon: e.icon,
+                  active: e.key === o.activeMenuKey,
+                  activeIcon: e.activeIcon,
+                  onClick: (s) => k(e)
+                }, null, 8, ["label", "icon", "active", "activeIcon", "onClick"]))
+              ], 64))), 256))
+            ]),
+            _: 1
+          })
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  z as default
+};

package/es/components/BaseLayout/Default/layoutMenu/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/BaseLayout/Default/layoutMenu/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/components/BaseLayout/Default/layoutMenu/index.vue2.mjs

@@ -0,0 +1,23 @@
+import { defineComponent as m, computed as o, createBlock as a, openBlock as i, resolveDynamicComponent as c } from "vue";
+import s from "./modules/horizontalMenu.vue.mjs";
+import _ from "./modules/horizontalMixMenu.vue.mjs";
+import f from "./modules/horizontalMixReversedMenu.vue.mjs";
+import p from "./modules/verticalMenu.vue.mjs";
+import l from "./modules/verticalMixMenu.vue.mjs";
+import u from "../hooks/useBaseLayoutContext.mjs";
+const B = /* @__PURE__ */ m({
+  name: "LayoutMenu",
+  __name: "index",
+  setup(v) {
+    const { layoutConfig: e } = u(), t = {
+      vertical: p,
+      "vertical-mix": l,
+      horizontal: s,
+      "horizontal-mix": e.reverseHorizontalMix ? f : _
+    }, r = o(() => t[e.mode || "vertical"]), n = o(() => e.mode === "vertical");
+    return (d, x) => (i(), a(c(r.value), { key: n.value }));
+  }
+});
+export {
+  B as default
+};

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMenu.vue.mjs

@@ -0,0 +1,30 @@
+import { NMenu as a } from "naive-ui";
+import { defineComponent as p, createBlock as c, openBlock as m, Teleport as s, unref as e, createVNode as i } from "vue";
+import { LAYOUT_HEADER_MENU_ID as l } from "../../constants.mjs";
+import _ from "../../hooks/useBaseLayoutContext.mjs";
+import { useMenu as d } from "../../../../../hooks/useMenu.mjs";
+const x = /* @__PURE__ */ p({
+  __name: "horizontalMenu",
+  setup(f) {
+    const { layoutConfig: o, toggleMenuItem: n } = _(), { selectedKey: t, renderIcon: r } = d(o);
+    return (M, v) => {
+      const u = a;
+      return m(), c(s, {
+        to: `#${e(l)}`
+      }, [
+        i(u, {
+          mode: "horizontal",
+          options: e(o).menuList,
+          value: e(t),
+          indent: 18,
+          responsive: "",
+          renderIcon: e(r),
+          "onUpdate:value": e(n)
+        }, null, 8, ["options", "value", "renderIcon", "onUpdate:value"])
+      ], 8, ["to"]);
+    };
+  }
+});
+export {
+  x as default
+};

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMenu.vue2.mjs

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

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMixMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMixMenu.vue.mjs

@@ -0,0 +1,53 @@
+import { NMenu as f } from "naive-ui";
+import { defineComponent as v, createElementBlock as y, openBlock as n, Fragment as h, createBlock as r, Teleport as s, unref as e, createVNode as i } from "vue";
+import { LAYOUT_HEADER_MENU_ID as x, LAYOUT_SLIDER_MENU_ID as L } from "../../constants.mjs";
+import k from "../components/first-level-menu.vue.mjs";
+import { useMenu as C, useMixMenuContext as I } from "../../../../../hooks/useMenu.mjs";
+import E from "../../hooks/useBaseLayoutContext.mjs";
+const z = /* @__PURE__ */ v({
+  name: "HorizontalMixMenu",
+  __name: "horizontalMixMenu",
+  setup(U) {
+    const { layoutConfig: t, toggleMenuItem: l } = E(), { selectedKey: u, renderIcon: a } = C(t), {
+      allMenus: c,
+      childLevelMenus: m,
+      activeFirstLevelMenuKey: p,
+      setActiveFirstLevelMenuKey: d
+    } = I(), M = (o) => {
+      d(o.key), o.children?.length || l(o.routeKey, {});
+    };
+    return (o, g) => {
+      const _ = f;
+      return n(), y(h, null, [
+        (n(), r(s, {
+          to: `#${e(x)}`
+        }, [
+          i(_, {
+            mode: "horizontal",
+            value: e(u),
+            options: e(m),
+            indent: 18,
+            responsive: "",
+            renderIcon: e(a),
+            "onUpdate:value": e(l)
+          }, null, 8, ["value", "options", "renderIcon", "onUpdate:value"])
+        ], 8, ["to"])),
+        (n(), r(s, {
+          to: `#${e(L)}`
+        }, [
+          i(k, {
+            menus: e(c),
+            "active-menu-key": e(p),
+            sliderCollapse: e(t).sliderCollapse,
+            "dark-mode": !1,
+            "theme-color": "",
+            onSelect: M
+          }, null, 8, ["menus", "active-menu-key", "sliderCollapse"])
+        ], 8, ["to"]))
+      ], 64);
+    };
+  }
+});
+export {
+  z as default
+};

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMixMenu.vue2.mjs

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

package/es/components/BaseLayout/Default/layoutMenu/modules/horizontalMixReversedMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;