base6-ui 1.1.6 → 1.1.7

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

@@ -4,13 +4,16 @@ declare function __VLS_template(): {
     slots: {
         header?(_: {}): any;
         default?(_: {}): any;
+        default?(_: {}): any;
         footer?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseLayoutASidePropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseLayoutASidePropsType> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const __VLS_component: import('vue').DefineComponent<BaseLayoutASidePropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseLayoutASidePropsType> & Readonly<{}>, {
+    contentScrollable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/components/BaseLayout/ASide/index.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./index.vue2.mjs";
 /* empty css            */
-import a from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5c4a877a"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-841ccab2"]]);
 export {
-  e as default
+  c as default
 };

package/es/components/BaseLayout/ASide/index.vue2.mjs

@@ -1,56 +1,62 @@
-import { NScrollbar as c } from "naive-ui";
-import { defineComponent as m, shallowRef as t, watch as v, createElementBlock as y, openBlock as g, mergeProps as h, createElementVNode as l, normalizeStyle as a, normalizeClass as n, renderSlot as s, createVNode as C, withCtx as S } from "vue";
-import p from "../../../hooks/useNaiveConfigProvideContext.mjs";
-const w = { class: "flex-1 overflow-hidden" }, L = /* @__PURE__ */ m({
+import { NScrollbar as y } from "naive-ui";
+import { defineComponent as m, shallowRef as l, watch as v, createElementBlock as S, openBlock as c, mergeProps as C, createElementVNode as s, normalizeStyle as a, normalizeClass as r, renderSlot as t, createBlock as g, withCtx as h } from "vue";
+import b from "../../../hooks/useNaiveConfigProvideContext.mjs";
+const B = /* @__PURE__ */ m({
   __name: "index",
   props: {
     logoClass: {},
     logoStyle: {},
+    contentClass: {},
+    contentStyle: {},
+    contentScrollable: { type: Boolean, default: !0 },
     footerClass: {},
     footerStyle: {}
   },
   setup(o) {
-    const { mergedThemeOverridesRef: d } = p(), r = t({}), i = t({}), f = t({});
+    const { mergedThemeOverridesRef: d } = b(), n = l({}), i = l({}), u = l({});
     return v(
       () => d?.value?.Layout,
       (e) => {
-        e && (r.value = {
+        e && (n.value = {
           "--n-color": e.siderColor || void 0
         });
       },
       {
         immediate: !0
       }
-    ), (e, b) => {
-      const u = c;
-      return g(), y("aside", h({
+    ), (e, k) => {
+      const f = y;
+      return c(), S("aside", C({
         class: "h-full w-full flex-col-stretch base-layout-aside",
-        style: r.value
+        style: n.value
       }, e.$attrs), [
-        l("div", {
-          class: n(["base-layout-aside-logo-wrap", o.logoClass]),
+        s("div", {
+          class: r(["base-layout-aside-logo-wrap", o.logoClass]),
           style: a([i.value, o.logoStyle])
         }, [
-          s(e.$slots, "header", {}, void 0, !0)
+          t(e.$slots, "header", {}, void 0, !0)
         ], 6),
-        l("div", w, [
-          C(u, null, {
-            default: S(() => [
-              s(e.$slots, "default", {}, void 0, !0)
+        s("div", {
+          class: r(["h-full flex-1", o.contentClass]),
+          style: a(o.contentStyle)
+        }, [
+          o.contentScrollable ? (c(), g(f, { key: 0 }, {
+            default: h(() => [
+              t(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          })
-        ]),
-        l("div", {
-          class: n(["base-layout-aside-footer", o.footerClass]),
-          style: a([f.value, o.footerStyle])
+          })) : t(e.$slots, "default", { key: 1 }, void 0, !0)
+        ], 6),
+        s("div", {
+          class: r(["base-layout-aside-footer", o.footerClass]),
+          style: a([u.value, o.footerStyle])
         }, [
-          s(e.$slots, "footer", {}, void 0, !0)
+          t(e.$slots, "footer", {}, void 0, !0)
         ], 6)
       ], 16);
     };
   }
 });
 export {
-  L as default
+  B as default
 };

package/es/components/BaseLayout/ASide/type.d.ts

@@ -1,7 +1,10 @@
 import { CSSProperties } from 'vue';
 export type BaseLayoutASidePropsType = {
     logoClass?: string;
-    logoStyle?: CSSProperties;
+    logoStyle?: CSSProperties | string;
+    contentClass?: string;
+    contentStyle?: CSSProperties | string;
+    contentScrollable?: boolean;
     footerClass?: string;
-    footerStyle?: CSSProperties;
+    footerStyle?: CSSProperties | string;
 };

package/es/components/BaseLayout/AsideMenu/index.vue.mjs

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

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

@@ -3,18 +3,23 @@ import { BaseDefaultLayoutProps, BaseDefaultLayoutMode } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {}): any;
         default?(_: {}): any;
+        slider?(_: {}): any;
+        footer?(_: {}): 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, {
+    toggleLogo: (...args: any[]) => void;
     toggleSystemTheme: (...args: any[]) => void;
     toggleUserItem: (...args: any[]) => void;
     toggleMenuItem: (...args: any[]) => void;
     toggleMixMenuItem: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<BaseDefaultLayoutProps> & Readonly<{
+    onToggleLogo?: ((...args: any[]) => any) | undefined;
     onToggleSystemTheme?: ((...args: any[]) => any) | undefined;
     onToggleUserItem?: ((...args: any[]) => any) | undefined;
     onToggleMenuItem?: ((...args: any[]) => any) | undefined;

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

@@ -1,144 +1,7 @@
-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"]));
-  }
-});
+import o from "./index.vue2.mjs";
+/* empty css            */
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1087183d"]]);
 export {
-  ee as default
+  _ as default
 };

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

@@ -1,4 +1,147 @@
-import f from "./index.vue.mjs";
+import { defineComponent as L, mergeDefaults as S, defineAsyncComponent as F, computed as l, provide as T, createBlock as $, openBlock as A, withCtx as a, renderSlot as u, createVNode as m, unref as D } from "vue";
+import O from "../index.vue.mjs";
+import P from "./layoutHeader/index.vue.mjs";
+import k from "./layoutSlider/index.vue.mjs";
+import { defaultLayoutProviderInjectKey as N, DefaultLayoutPropsInDefault as U } from "./options.mjs";
+import E from "../../../hooks/useNaiveConfigProvideContext.mjs";
+import { setupMixMenuContext as R } from "../../../hooks/useMenu.mjs";
+const X = /* @__PURE__ */ L({
+  __name: "index",
+  props: /* @__PURE__ */ S({
+    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: {}
+  }, {
+    ...U,
+    menuList: () => [],
+    userActionOption: () => [],
+    userInfo: () => ({ name: "" })
+  }),
+  emits: [
+    "toggleLogo",
+    "toggleMenuItem",
+    "toggleMixMenuItem",
+    "toggleSystemTheme",
+    "toggleUserItem"
+  ],
+  setup(t, { emit: x }) {
+    const M = F(() => import("./layoutMenu/index.vue.mjs")), o = t, s = x, C = E(), { childLevelMenus: f } = R(o), p = l(() => {
+      const {
+        name: e = "light"
+      } = C?.mergedThemeRef.value || {};
+      return e !== "light";
+    }), b = l(() => {
+      const e = "vertical";
+      return o.mode.includes(e) ? e : "horizontal";
+    }), y = l(() => o.mode !== "horizontal"), d = l(() => o.mode === "horizontal-mix"), n = l(() => o.mode === "vertical-mix"), I = () => {
+      const { reverseHorizontalMix: e } = o, { sliderCollapseWidth: i, sliderMixCollapseWidth: h, sliderMixChildMenuWidth: c } = o;
+      if (d.value && e)
+        return i;
+      let r = n.value || d.value ? h : i;
+      return n.value && o.mixSliderFixed && f.value.length && (r += c), r;
+    }, g = l(() => I());
+    function W() {
+      const { reverseHorizontalMix: e } = o, { sliderWidth: i, sliderMixChildMenuWidth: h, sliderMixWidth: c } = o;
+      if (d.value && e)
+        return i;
+      let r = n.value || d.value ? c : i;
+      return n.value && o.mixSliderFixed && f.value.length && (r += h), r;
+    }
+    const v = l(() => W()), B = () => {
+      s("toggleLogo");
+    }, H = (e, i) => {
+      s("toggleMenuItem", e, i);
+    }, V = (e, i) => {
+      s("toggleMixMenuItem", e, i);
+    }, w = () => {
+      s("toggleSystemTheme");
+    }, z = (e, i) => {
+      s("toggleUserItem", e, i);
+    };
+    return T(N, {
+      layoutConfig: o,
+      isDarkMode: p,
+      userActionOption: o.userActionOption,
+      userInfo: o.userInfo,
+      _sliderCollapseWidth: g,
+      _sliderWidth: v,
+      toggleLogo: B,
+      toggleMenuItem: H,
+      toggleMixMenuItem: V,
+      toggleSystemTheme: w,
+      toggleUserItem: z
+    }), (e, i) => (A(), $(O, {
+      mode: b.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": y.value,
+      "slider-class": t.sliderClass,
+      "slider-collapse": t.sliderCollapse,
+      "slider-width": v.value,
+      "slider-collapse-width": g.value,
+      "footer-visible": t.footerVisible,
+      "fixed-footer": t.fixedFooter,
+      "footer-is-full-width": t.footerIsFullWidth,
+      "footer-height": t.footerHeight
+    }, {
+      header: a(() => [
+        u(e.$slots, "header", {}, () => [
+          m(P)
+        ], !0)
+      ]),
+      slider: a(() => [
+        u(e.$slots, "slider", {}, () => [
+          m(k)
+        ], !0)
+      ]),
+      footer: a(() => [
+        u(e.$slots, "footer", {}, void 0, !0)
+      ]),
+      default: a(() => [
+        u(e.$slots, "default", {}, void 0, !0),
+        m(D(M))
+      ]),
+      _: 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 {
-  f as default
+  X as default
 };

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

@@ -1,7 +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"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f1ec5dd8"]]);
 export {
-  f as default
+  d as default
 };

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

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