base6-ui 1.1.11 → 1.1.13

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

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

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

@@ -1,6 +1,6 @@
-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 { 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__ */ h({
+const F = { class: "w-full ellipsis-text text-center text-[12px]" }, K = { class: "h-full flex-col-stretch flex-1-hidden" }, z = /* @__PURE__ */ M({
   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(o, { emit: x }) {
-    _((t) => ({
-      v6a6cfcc8: b.value
+  setup(m, { emit: f }) {
+    h((e) => ({
+      "6a6cfcc8": _.value
     }));
-    const [f, v] = E(), C = o, y = x, b = g(() => {
-      const { darkMode: t } = C;
-      return t ? "#000" : "#fff";
-    }), k = (t) => {
-      y("select", t);
+    const [x, v] = E(), C = m, y = f, _ = g(() => {
+      const { darkMode: e } = C;
+      return e ? "#000" : "#fff";
+    }), b = (e) => {
+      y("select", e);
     };
-    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 }) => [
+    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 }) => [
             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
+                "text-primary selected-mix-menu": a
               }])
             }, [
-              (l(), m(I(i && a ? a : s))),
-              r("p", F, D(e), 1)
+              (l(), d(I(a && s ? s : c))),
+              r("p", F, D(t), 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)
+          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)
                 }, null, 8, ["label", "icon", "active", "activeIcon", "onClick"]))
               ], 64))), 256))
             ]),

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

@@ -1,31 +1,31 @@
-import { defineComponent as c, computed as e, createBlock as l, openBlock as n, withCtx as r, createElementVNode as m, unref as u, createCommentVNode as d } from "vue";
+import { defineComponent as d, computed as o, createBlock as i, openBlock as n, unref as a, withCtx as r, createElementVNode as m, createCommentVNode as u } from "vue";
 import p from "../../ASide/index.vue.mjs";
 import _ from "../layoutHeader/title.vue.mjs";
 import h from "../hooks/useBaseLayoutContext.mjs";
-import { LAYOUT_SLIDER_MENU_ID as f } from "../constants.mjs";
-const x = ["id"], H = /* @__PURE__ */ c({
+import { LAYOUT_SLIDER_MENU_ID as x } from "../constants.mjs";
+const f = ["id"], w = /* @__PURE__ */ d({
   name: "LayoutSlider",
   __name: "index",
   setup(y) {
-    const { layoutConfig: o } = h(), t = e(() => o.mode === "vertical-mix"), i = e(() => o.mode === "horizontal-mix"), a = e(() => !t.value && !i.value), s = e(() => ({ height: a.value ? `${o.headerHeight}px` : "" }));
-    return (g, v) => (n(), l(p, {
-      "logo-style": s.value,
+    const { layoutConfig: e } = h(), t = o(() => e.mode === "vertical-mix"), s = o(() => e.mode === "horizontal-mix"), l = o(() => !t.value && !s.value), c = o(() => ({ height: l.value ? `${e.headerHeight}px` : "" }));
+    return (g, v) => (n(), i(p, {
+      "logo-style": c.value,
       "content-scrollable": !t.value,
-      "content-style": "margin-top: 8px"
+      "content-style": `padding-top: 8px; ${a(e).mixSliderFixed ? "" : "overflow: hidden"}`
     }, {
       header: r(() => [
-        a.value ? (n(), l(_, { key: 0 })) : d("", !0)
+        l.value ? (n(), i(_, { key: 0 })) : u("", !0)
       ]),
       default: r(() => [
         m("div", {
-          id: u(f),
+          id: a(x),
           style: { height: "100%" }
-        }, null, 8, x)
+        }, null, 8, f)
       ]),
       _: 1
-    }, 8, ["logo-style", "content-scrollable"]));
+    }, 8, ["logo-style", "content-scrollable", "content-style"]));
   }
 });
 export {
-  H as default
+  w as default
 };

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

@@ -1,33 +1,33 @@
-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({
+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({
   name: "FooterWrap",
   __name: "WrapFooter",
   props: {
     footerClass: { default: "" },
     isFixed: { type: Boolean, default: !0 }
   },
-  setup(o) {
-    const s = o, a = u(() => {
+  setup(l) {
+    const t = l, a = c(() => {
       const e = [];
-      return e.push(t["layout-footer"]), e.push(s.footerClass), s.isFixed && e.push(t["layout-footer-fixed"]), e;
+      return e.push(o["layout-footer"]), e.push(t.footerClass), t.isFixed && e.push(o["layout-footer-fixed"]), e;
     }), n = [
-      t["layout-footer-placement"]
+      o["layout-footer-placement"]
     ];
-    return (e, C) => (f(), i(p, null, [
-      r("footer", {
-        class: l(a.value)
+    return (e, C) => (p(), i(f, null, [
+      s("footer", {
+        class: r(a.value)
       }, [
         d(e.$slots, "default")
       ], 2),
-      m(r("div", {
-        class: l(n)
+      m(s("div", {
+        class: r(n)
       }, null, 512), [
-        [h, o.isFixed]
+        [h, e.isFixed]
       ])
     ], 64));
   }
 });
 export {
-  y as default
+  v as default
 };

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

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

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

@@ -13,10 +13,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<LayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutProps> & Readonly<{}>, {
-    headerHeight: number;
     contentClass: string;
     headerClass: string;
     footerClass: string;
+    headerHeight: number;
     mode: import('./type').LayoutMode;
     tabClass: string;
     sliderCollapse: boolean;

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, mergeDefaults as E, useSlots as T, computed as o, createElementBlock as j, openBlock as u, normalizeStyle as z, createElementVNode as G, normalizeClass as M, unref as B, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as d, renderSlot as c } from "vue";
+import { defineComponent as x, mergeDefaults as E, useSlots as T, computed as o, createElementBlock as j, openBlock as n, normalizeStyle as z, createElementVNode as G, normalizeClass as M, unref as b, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as u, renderSlot as d } from "vue";
 import A from "./components/WrapHeader.vue.mjs";
 import N from "./components/WrapTab.vue.mjs";
 import D from "./components/WrapContent.vue.mjs";
@@ -7,7 +7,7 @@ import U from "./components/WrapFooter.vue.mjs";
 import { DEFAULT_LAYOUT_PROPS as R } from "./options.mjs";
 import { getCssVarsByLayoutProps as Y } from "./layoutCssVar.mjs";
 import r from "./index.module.css.mjs";
-const Z = ["id"], te = /* @__PURE__ */ _({
+const Z = ["id"], ae = /* @__PURE__ */ x({
   name: "LayoutMaterial",
   __name: "index",
   props: /* @__PURE__ */ E({
@@ -38,80 +38,80 @@ const Z = ["id"], te = /* @__PURE__ */ _({
     footerIsFullWidth: { type: Boolean },
     footerHeight: {}
   }, R),
-  setup(i) {
-    const n = T(), s = i, F = o(() => Y(s)), C = o(() => !!n.header && s.headerVisible), V = o(() => !!n.tab && s.tabVisible), v = o(() => !!n.slider && s.sliderVisible), h = o(() => !!n.footer && s.footerVisible), m = o(() => s.mode === "vertical"), a = o(() => s.mode === "horizontal"), f = o(() => s.scrollMode === "wrapper"), $ = o(() => s.scrollMode === "content"), y = o(() => s.fixedTop || a.value && f.value), t = o(() => v.value ? s.sliderCollapse ? r["left-gap-collapsed"] : r["left-gap-full"] : ""), k = o(() => m.value ? t.value : ""), L = o(() => {
-      const e = m.value, b = a.value && f.value && !s.fixedFooter, I = !!(a.value && !s.footerIsFullWidth);
-      return e || b || I ? t.value : "";
+  setup(B) {
+    const i = T(), s = B, F = o(() => Y(s)), m = o(() => !!i.header && s.headerVisible), V = o(() => !!i.tab && s.tabVisible), C = o(() => !!i.slider && s.sliderVisible), v = o(() => !!i.footer && s.footerVisible), f = o(() => s.mode === "vertical"), t = o(() => s.mode === "horizontal"), c = o(() => s.scrollMode === "wrapper"), $ = o(() => s.scrollMode === "content"), h = o(() => s.fixedTop || t.value && c.value), a = o(() => C.value ? s.sliderCollapse ? r["left-gap-collapsed"] : r["left-gap-full"] : ""), k = o(() => f.value ? a.value : ""), L = o(() => {
+      const e = f.value, y = t.value && c.value && !s.fixedFooter, I = !!(t.value && !s.footerIsFullWidth);
+      return e || y || I ? a.value : "";
     }), S = o(() => {
       let e = "";
-      return C.value && a.value && (e += r["slider-padding-top"]), h.value && !L.value && (e += ` ${r["slider-padding-bottom"]}`), e;
-    }), g = o(() => {
+      return m.value && t.value && (e += r["slider-padding-top"]), v.value && !L.value && (e += ` ${r["slider-padding-bottom"]}`), e;
+    }), _ = o(() => {
       const e = [];
       return e.push(k.value), e.push(s.commonClass), e.push(s.headerClass), e.join(" ");
-    }), x = o(() => {
+    }), g = o(() => {
       const e = [];
-      return e.push(t.value), e.push(s.commonClass), e.push(s.tabClass), e.join(" ");
+      return e.push(a.value), e.push(s.commonClass), e.push(s.tabClass), e.join(" ");
     }), w = o(() => {
       const e = [];
-      return e.push(t.value), e.push(s.commonClass), e.push(s.contentClass), $.value && e.push(r["overflow-y-auto"]), e.join(" ");
+      return e.push(a.value), e.push(s.commonClass), e.push(s.contentClass), $.value && e.push(r["overflow-y-auto"]), e.join(" ");
     }), W = o(() => {
       const e = [];
       return e.push(s.commonClass), e.push(s.sliderClass), e.push(S.value), e.join(" ");
     }), H = o(() => {
       const e = [];
-      return m.value && e.push(t.value), a.value && f.value && !s.fixedFooter && e.push(t.value), a.value && !s.footerIsFullWidth && e.push(t.value), e.push(s.commonClass), e.push(s.footerClass), e.join(" ");
+      return f.value && e.push(a.value), t.value && c.value && !s.fixedFooter && e.push(a.value), t.value && !s.footerIsFullWidth && e.push(a.value), e.push(s.commonClass), e.push(s.footerClass), e.join(" ");
     });
-    return (e, b) => (u(), j("div", {
+    return (e, y) => (n(), j("div", {
       class: "layout-material",
       style: z(F.value)
     }, [
       G("div", {
-        id: i.scrollElId ? i.scrollElId : void 0,
-        class: M(["layout-content", f.value ? B(r)["overflow-y-auto"] : ""])
+        id: e.scrollElId ? e.scrollElId : void 0,
+        class: M(["layout-content", c.value ? b(r)["overflow-y-auto"] : ""])
       }, [
-        C.value ? (u(), p(A, {
+        m.value ? (n(), p(A, {
           key: 0,
-          isFixed: y.value,
-          headerClass: g.value
+          isFixed: h.value,
+          headerClass: _.value
         }, {
-          default: d(() => [
-            e.$slots.header ? c(e.$slots, "header", { key: 0 }, void 0, !0) : l("", !0)
+          default: u(() => [
+            e.$slots.header ? d(e.$slots, "header", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["isFixed", "headerClass"])) : l("", !0),
-        V.value ? (u(), p(N, {
+        V.value ? (n(), p(N, {
           key: 1,
-          isFixed: y.value,
-          tabClass: x.value
+          isFixed: h.value,
+          tabClass: g.value
         }, {
-          default: d(() => [
-            e.$slots.tab ? c(e.$slots, "tab", { key: 0 }, void 0, !0) : l("", !0)
+          default: u(() => [
+            e.$slots.tab ? d(e.$slots, "tab", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["isFixed", "tabClass"])) : l("", !0),
-        v.value ? (u(), p(O, {
+        C.value ? (n(), p(O, {
           key: 2,
-          sliderCollapse: i.sliderCollapse,
+          sliderCollapse: e.sliderCollapse,
           sliderClass: W.value
         }, {
-          default: d(() => [
-            e.$slots.slider ? c(e.$slots, "slider", { key: 0 }, void 0, !0) : l("", !0)
+          default: u(() => [
+            e.$slots.slider ? d(e.$slots, "slider", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["sliderCollapse", "sliderClass"])) : l("", !0),
         P(D, { contentClass: w.value }, {
-          default: d(() => [
-            c(e.$slots, "default", {}, void 0, !0)
+          default: u(() => [
+            d(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["contentClass"]),
-        h.value ? (u(), p(U, {
+        v.value ? (n(), p(U, {
           key: 3,
           footerClass: H.value,
-          isFixed: i.fixedFooter
+          isFixed: e.fixedFooter
         }, {
-          default: d(() => [
-            B(n).footer ? c(e.$slots, "footer", { key: 0 }, void 0, !0) : l("", !0)
+          default: u(() => [
+            b(i).footer ? d(e.$slots, "footer", { key: 0 }, void 0, !0) : l("", !0)
           ]),
           _: 3
         }, 8, ["footerClass", "isFixed"])) : l("", !0)
@@ -120,5 +120,5 @@ const Z = ["id"], te = /* @__PURE__ */ _({
   }
 });
 export {
-  te as default
+  ae as default
 };

package/es/components/BaseNavIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseNavIcon } from './index.vue';
+export type { BaseNavIconProps } from './type';

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

@@ -0,0 +1,13 @@
+import { BaseNavIconProps } from './type';
+declare const _default: import('vue').DefineComponent<BaseNavIconProps, {
+    instRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BaseNavIconProps> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    active: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    instRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/components/BaseNavIcon/index.vue.mjs

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

package/es/components/BaseNavIcon/index.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as o, ref as p, createElementBlock as n, openBlock as t, normalizeClass as f, Fragment as m, renderList as u } from "vue";
+const y = /* @__PURE__ */ o({
+  __name: "index",
+  props: {
+    active: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(_, { expose: l, emit: r }) {
+    const a = r, s = p(null), c = (e) => {
+      a("click", e);
+    };
+    return l({
+      instRef: s
+    }), (e, k) => (t(), n("div", {
+      ref_key: "instRef",
+      ref: s,
+      class: f([
+        "base-nav-icon",
+        {
+          "is-toggle": e.active
+        }
+      ]),
+      onClick: c
+    }, [
+      (t(!0), n(m, null, u(Array(3), (d, i) => (t(), n("span", {
+        key: i,
+        class: "line"
+      }))), 128))
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/es/components/BaseNavIcon/type.d.ts

@@ -0,0 +1,3 @@
+export type BaseNavIconProps = {
+    active?: boolean;
+};