base6-ui 1.1.14 → 1.1.16

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

@@ -1,4 +1,4 @@
-import { DropdownOption } from 'naive-ui';
+import { MenuOption } from 'naive-ui';
 import { BaseDefaultLayoutProps, BaseDefaultLayoutMode } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -13,24 +13,26 @@ declare function __VLS_template(): {
 };
 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;
+    toggleSystemLang: (...args: any[]) => void;
     toggleUserItem: (...args: any[]) => void;
+    toggleLogo: (...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;
+    onToggleSystemLang?: ((...args: any[]) => any) | undefined;
     onToggleUserItem?: ((...args: any[]) => any) | undefined;
+    onToggleLogo?: ((...args: any[]) => any) | undefined;
     onToggleMenuItem?: ((...args: any[]) => any) | undefined;
     onToggleMixMenuItem?: ((...args: any[]) => any) | undefined;
 }>, {
     contentClass: string;
     headerClass: string;
     footerClass: string;
+    tabClass: string;
     headerHeight: number;
     mode: BaseDefaultLayoutMode;
-    tabClass: string;
     sliderCollapse: boolean;
     sliderClass: string;
     tabHeight: number;
@@ -51,14 +53,14 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDefaultLayoutPr
     footerVisible: boolean;
     fixedFooter: boolean;
     footerIsFullWidth: boolean;
+    userActionOption: (MenuOption | import('naive-ui').MenuGroupOption | import('naive-ui').MenuDividerOption | import('naive-ui/es/menu/src/interface').MenuRenderOption)[];
+    userInfo: import('../../BaseSystemActions/type').UserInfoType;
     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"]>;

package/es/components/BaseLayout/Default/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-941032c1"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8da8ff01"]]);
 export {
-  _ as default
+  m as default
 };

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

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

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

@@ -1,31 +1,38 @@
-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({
+import { defineComponent as c, computed as d, createBlock as t, openBlock as n, withCtx as o, createElementVNode as g, unref as e, createVNode as f, createCommentVNode as p } from "vue";
+import _ from "../../Header/index.vue.mjs";
+import y from "./title.vue.mjs";
+import { LAYOUT_HEADER_MENU_ID as h } from "../constants.mjs";
+import T from "../../../BaseSystemActions/index.vue.mjs";
+import x from "../hooks/useBaseLayoutContext.mjs";
+const L = ["id"], N = /* @__PURE__ */ c({
   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)
+  setup(A) {
+    const { layoutConfig: r, userActionOption: s, userInfo: l, toggleSystemTheme: m, toggleSystemLang: a, toggleUserItem: i } = x(), u = d(() => !(r.mode.indexOf("vertical") > -1));
+    return (I, S) => (n(), t(_, null, {
+      headerTitle: o(() => [
+        u.value ? (n(), t(y, { key: 0 })) : p("", !0)
       ]),
-      headerActions: e(() => [
-        m(f)
+      headerActions: o(() => [
+        f(T, {
+          mode: "horizontal",
+          userActionOption: e(s),
+          userInfo: e(l),
+          onToggleSystemTheme: e(m),
+          onToggleSystemLang: e(a),
+          onToggleUserItem: e(i)
+        }, null, 8, ["userActionOption", "userInfo", "onToggleSystemTheme", "onToggleSystemLang", "onToggleUserItem"])
       ]),
-      default: e(() => [
-        i("div", {
-          id: l(p),
+      default: o(() => [
+        g("div", {
+          id: e(h),
           class: "h-full flex-y-center flex-1-hidden pl-[16px]"
-        }, null, 8, x)
+        }, null, 8, L)
       ]),
       _: 1
     }));
   }
 });
 export {
-  k as default
+  N as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as M, useCssVars as h, computed as g, resolveComponent as B, createElementBlock as o, openBlock as l, Fragment as n, createVNode as i, createElementVNode as r, unref as p, withCtx as u, normalizeClass as S, createBlock as d, 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__ */ M({
+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.22_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: {
@@ -12,44 +12,44 @@ const F = { class: "w-full ellipsis-text text-center text-[12px]" }, K = { class
     themeColor: {}
   },
   emits: ["select", "toggleSliderCollapse"],
-  setup(m, { emit: f }) {
-    h((e) => ({
-      "6a6cfcc8": _.value
+  setup(o, { emit: x }) {
+    _((t) => ({
+      v6a6cfcc8: b.value
     }));
-    const [x, v] = E(), C = m, y = f, _ = g(() => {
-      const { darkMode: e } = C;
-      return e ? "#000" : "#fff";
-    }), b = (e) => {
-      y("select", e);
+    const [f, v] = E(), C = o, y = x, b = g(() => {
+      const { darkMode: t } = C;
+      return t ? "#000" : "#fff";
+    }), k = (t) => {
+      y("select", t);
     };
-    return (e, L) => {
-      const k = B("SimpleScrollbar");
-      return l(), o(n, null, [
-        i(p(x), null, {
-          default: u(({ label: t, icon: c, activeIcon: s, active: a }) => [
+    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": a
+                "text-primary selected-mix-menu": i
               }])
             }, [
-              (l(), d(I(a && s ? s : c))),
-              r("p", F, D(t), 1)
+              (l(), m(I(i && a ? a : s))),
+              r("p", F, D(e), 1)
             ], 2)
           ]),
           _: 1
         }),
         r("div", K, [
-          V(e.$slots, "default", {}, void 0, !0),
-          i(k, null, {
-            default: u(() => [
-              (l(!0), o(n, null, w(e.menus, (t) => (l(), o(n, null, [
-                (l(), d(p(v), {
-                  key: t.key,
-                  label: t.label,
-                  icon: t.icon,
-                  active: t.key === e.activeMenuKey,
-                  activeIcon: t.activeIcon,
-                  onClick: (c) => b(t)
+          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))
             ]),

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

@@ -1,6 +1,7 @@
 import { LayoutProps, LayoutMode } from '../type';
-import { DropdownOption, DropdownGroupOption, DropdownDividerOption, DropdownRenderOption, MenuOption } from 'naive-ui';
+import { DropdownOption, MenuOption } from 'naive-ui';
 import { VNode, ComputedRef } from 'vue';
+import { BaseSystemActionsProps } from '../../BaseSystemActions';
 export type BaseDefaultLayoutMode = LayoutMode | 'horizontal-mix' | 'vertical-mix';
 export type BaseDefaultLayoutProps = Omit<LayoutProps, 'mode'> & {
     mode?: BaseDefaultLayoutMode;
@@ -11,8 +12,8 @@ export type BaseDefaultLayoutProps = Omit<LayoutProps, 'mode'> & {
     mixSliderFixed?: boolean;
     menuList: BaseMenuOptionType[];
     reverseHorizontalMix?: boolean;
-    userActionOption?: Array<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>;
-    userInfo?: UserInfoType;
+    userActionOption?: BaseSystemActionsProps['userActionOption'];
+    userInfo?: BaseSystemActionsProps['userInfo'];
 };
 export type BaseMenuOptionType = {
     key: string;
@@ -25,18 +26,15 @@ export type BaseMenuOptionType = {
     activeIcon?: () => VNode;
     children?: BaseMenuOptionType[];
 };
-export type UserInfoType = {
-    name: string;
-};
 export type BaseLayoutProviderType = {
     layoutConfig: Required<BaseDefaultLayoutProps>;
-    userInfo: UserInfoType;
-    userActionOption?: Array<DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption>;
+    userInfo: BaseSystemActionsProps['userInfo'];
+    userActionOption?: BaseSystemActionsProps['userActionOption'];
     isDarkMode: ComputedRef<boolean>;
     toggleLogo: () => void;
     toggleMenuItem: (key: string, item: MenuOption) => void;
     toggleMixMenuItem: (key: string, item: MenuOption) => void;
-    toggleSystemTheme: () => void;
+    toggleSystemTheme: (e: MouseEvent) => void;
     toggleSystemLang: () => void;
     toggleUserItem: (key: string | number, option: DropdownOption) => void;
 };

package/es/components/BaseLayout/components/WrapFooter.vue.mjs

@@ -1,33 +1,33 @@
-import { defineComponent as u, computed as c, createElementBlock as i, openBlock as p, Fragment as f, createElementVNode as s, withDirectives as m, normalizeClass as r, renderSlot as d, vShow as h } from "vue";
-import o from "../index.module.css.mjs";
-const v = /* @__PURE__ */ u({
+import { defineComponent as c, computed as u, createElementBlock as i, openBlock as f, Fragment as p, createElementVNode as r, withDirectives as m, normalizeClass as l, renderSlot as d, vShow as h } from "vue";
+import t from "../index.module.css.mjs";
+const y = /* @__PURE__ */ c({
   name: "FooterWrap",
   __name: "WrapFooter",
   props: {
     footerClass: { default: "" },
     isFixed: { type: Boolean, default: !0 }
   },
-  setup(l) {
-    const t = l, a = c(() => {
+  setup(o) {
+    const s = o, a = u(() => {
       const e = [];
-      return e.push(o["layout-footer"]), e.push(t.footerClass), t.isFixed && e.push(o["layout-footer-fixed"]), e;
+      return e.push(t["layout-footer"]), e.push(s.footerClass), s.isFixed && e.push(t["layout-footer-fixed"]), e;
     }), n = [
-      o["layout-footer-placement"]
+      t["layout-footer-placement"]
     ];
-    return (e, C) => (p(), i(f, null, [
-      s("footer", {
-        class: r(a.value)
+    return (e, C) => (f(), i(p, null, [
+      r("footer", {
+        class: l(a.value)
       }, [
         d(e.$slots, "default")
       ], 2),
-      m(s("div", {
-        class: r(n)
+      m(r("div", {
+        class: l(n)
       }, null, 512), [
-        [h, e.isFixed]
+        [h, o.isFixed]
       ])
     ], 64));
   }
 });
 export {
-  v as default
+  y as default
 };

package/es/components/BaseLayout/components/WrapHeader.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as u, createElementBlock as i, openBlock as c, Fragment as p, createElementVNode as t, withDirectives as h, normalizeClass as r, renderSlot as m, vShow as f } from "vue";
+import { defineComponent as d, computed as u, createElementBlock as c, openBlock as i, Fragment as p, createElementVNode as l, withDirectives as h, normalizeClass as r, renderSlot as m, vShow as f } from "vue";
 import a from "../index.module.css.mjs";
 const x = /* @__PURE__ */ d({
   __name: "WrapHeader",
@@ -6,21 +6,21 @@ const x = /* @__PURE__ */ d({
     isFixed: { type: Boolean, default: !1 },
     headerClass: { default: "" }
   },
-  setup(l) {
-    const s = l, o = u(() => {
+  setup(s) {
+    const t = s, o = u(() => {
       const e = [];
-      return e.push(a["layout-header"]), s.isFixed && e.push(a["layout-header-is-fixed"]), e.push(s.headerClass), e;
+      return e.push(a["layout-header"]), t.isFixed && e.push(a["layout-header-is-fixed"]), e.push(t.headerClass), e;
     }), n = [a["layout-header-placement"]];
-    return (e, y) => (c(), i(p, null, [
-      t("header", {
+    return (e, y) => (i(), c(p, null, [
+      l("header", {
         class: r(["layout-header", o.value])
       }, [
         m(e.$slots, "default", {}, void 0, !0)
       ], 2),
-      h(t("div", {
+      h(l("div", {
         class: r(n)
       }, null, 512), [
-        [f, e.isFixed]
+        [f, s.isFixed]
       ])
     ], 64));
   }

package/es/components/BaseLayout/components/WrapTab.vue.mjs

@@ -1,34 +1,34 @@
-import { defineComponent as i, computed as c, createElementBlock as u, openBlock as p, Fragment as d, createElementVNode as s, withDirectives as m, normalizeClass as l, renderSlot as f, vShow as b } from "vue";
+import { defineComponent as i, computed as c, createElementBlock as u, openBlock as d, Fragment as p, createElementVNode as l, withDirectives as m, normalizeClass as o, renderSlot as f, vShow as b } from "vue";
 import t from "../index.module.css.mjs";
-const x = /* @__PURE__ */ i({
+const C = /* @__PURE__ */ i({
   name: "TabWrap",
   __name: "WrapTab",
   props: {
     isFixed: { type: Boolean, default: !1 },
     tabClass: { default: "" }
   },
-  setup(o) {
-    const a = o, n = c(() => {
+  setup(a) {
+    const s = a, n = c(() => {
       const e = [];
-      return e.push(t["layout-tab"]), a.isFixed && e.push(t["layout-tab-is-fixed"]), e.push(a.tabClass), e;
+      return e.push(t["layout-tab"]), s.isFixed && e.push(t["layout-tab-is-fixed"]), e.push(s.tabClass), e;
     }), r = [
       t["layout-tab-placement"],
       "flex-shrink-0 overflow-hidden"
     ];
-    return (e, h) => (p(), u(d, null, [
-      s("div", {
-        class: l(n.value)
+    return (e, h) => (d(), u(p, null, [
+      l("div", {
+        class: o(n.value)
       }, [
         f(e.$slots, "default")
       ], 2),
-      m(s("div", {
-        class: l(r)
+      m(l("div", {
+        class: o(r)
       }, null, 512), [
-        [b, e.isFixed]
+        [b, a.isFixed]
       ])
     ], 64));
   }
 });
 export {
-  x as default
+  C as default
 };

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

@@ -16,9 +16,9 @@ declare const __VLS_component: import('vue').DefineComponent<LayoutProps, {}, {}
     contentClass: string;
     headerClass: string;
     footerClass: string;
+    tabClass: string;
     headerHeight: number;
     mode: import('./type').LayoutMode;
-    tabClass: string;
     sliderCollapse: boolean;
     sliderClass: string;
     tabHeight: number;