base6-ui 1.1.15 → 2.0.0

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

@@ -1,7 +1,7 @@
 import { NModal as T, NCard as S } from "naive-ui";
-import { defineComponent as I, mergeDefaults as P, computed as t, resolveComponent as E, createBlock as m, openBlock as l, mergeProps as p, withCtx as n, createVNode as c, createSlots as H, renderSlot as a, createElementBlock as f, toDisplayString as O, normalizeClass as L, unref as u } from "vue";
+import { defineComponent as I, mergeDefaults as P, computed as l, resolveComponent as E, createBlock as f, openBlock as c, mergeProps as u, withCtx as t, createVNode as r, createSlots as H, renderSlot as a, createElementBlock as y, toDisplayString as O, normalizeClass as L, unref as h } from "vue";
 import { defaultProps as N } from "./options.mjs";
-import y from "../BaseButton/index.vue.mjs";
+import C from "../BaseButton/index.vue.mjs";
 const R = {
   key: 1,
   style: { margin: "0 auto" }
@@ -37,74 +37,74 @@ const R = {
     btnSize: {}
   }, N),
   emits: ["update:visible", "cancel", "confirm"],
-  setup(h, { emit: C }) {
-    const s = C, o = h, b = t(() => ({
-      width: `${o.width}`,
+  setup(e, { emit: b }) {
+    const i = b, n = e, k = l(() => ({
+      width: `${n.width}`,
       position: "fixed",
       left: "50%",
-      top: `${o.top}`,
+      top: `${n.top}`,
       transform: "translateX(-50%)"
-    })), k = t(() => ({
+    })), g = l(() => ({
       lineHeight: "28px",
-      textAlign: `${o.center ? "center" : "left"}`
-    })), g = t(() => o.btnPlacement === "center" ? "flex-c" : "flex justify-end"), r = t({
-      get: () => o.visible,
-      set: (e) => {
-        s("update:visible", e);
+      textAlign: `${n.center ? "center" : "left"}`
+    })), v = l(() => n.btnPlacement === "center" ? "flex-c" : "flex justify-end"), s = l({
+      get: () => n.visible,
+      set: (o) => {
+        i("update:visible", o);
       }
-    }), i = () => {
-      r.value = !1, s("cancel");
-    }, v = () => {
-      s("confirm");
+    }), d = () => {
+      s.value = !1, i("cancel");
+    }, x = () => {
+      i("confirm");
     };
-    return (e, d) => {
+    return (o, m) => {
       const $ = E("svg-icon"), B = S, w = T;
-      return l(), m(w, p({
-        show: r.value,
-        "onUpdate:show": d[0] || (d[0] = (z) => r.value = z),
+      return c(), f(w, u({
+        show: s.value,
+        "onUpdate:show": m[0] || (m[0] = (z) => s.value = z),
         maskClosable: e.maskClosable,
         closeOnEsc: e.closeOnEsc
-      }, e.$attrs), {
-        default: n(() => [
-          c(B, p({
-            "header-style": k.value,
-            style: b.value,
+      }, o.$attrs), {
+        default: t(() => [
+          r(B, u({
+            "header-style": g.value,
+            style: k.value,
             size: e.cardSize,
             closable: e.closable,
             segmented: { content: !0 }
-          }, e.$attrs), H({
-            default: n(() => [
-              a(e.$slots, "default")
+          }, o.$attrs), H({
+            default: t(() => [
+              a(o.$slots, "default")
             ]),
             _: 2
           }, [
-            e.$slots.header || e.title ? {
+            o.$slots.header || e.title ? {
               name: "header",
-              fn: n(() => [
-                e.$slots.header ? a(e.$slots, "header", { key: 0 }) : (l(), f("span", R, O(e.title), 1))
+              fn: t(() => [
+                o.$slots.header ? a(o.$slots, "header", { key: 0 }) : (c(), y("span", R, O(e.title), 1))
               ]),
               key: "0"
             } : void 0,
-            e.$slots["header-extra"] || e.showHeaderExtra ? {
+            o.$slots["header-extra"] || e.showHeaderExtra ? {
               name: "header-extra",
-              fn: n(() => [
-                e.$slots["header-extra"] ? a(e.$slots, "header-extra", { key: 0 }) : (l(), m($, {
+              fn: t(() => [
+                o.$slots["header-extra"] ? a(o.$slots, "header-extra", { key: 0 }) : (c(), f($, {
                   key: 1,
                   icon: "operate-close",
                   class: "cursor-pointer active:scale-[0.95] text-[18px]",
-                  onClick: i
+                  onClick: d
                 }))
               ]),
               key: "1"
             } : void 0,
-            e.$slots.footer || e.showFooter ? {
+            o.$slots.footer || e.showFooter ? {
               name: "footer",
-              fn: n(() => [
-                e.$slots.footer ? a(e.$slots, "footer", { key: 0 }) : (l(), f("div", {
+              fn: t(() => [
+                o.$slots.footer ? a(o.$slots, "footer", { key: 0 }) : (c(), y("div", {
                   key: 1,
-                  class: L(["gap-[8px]", g.value])
+                  class: L(["gap-[8px]", v.value])
                 }, [
-                  c(u(y), {
+                  r(h(C), {
                     icon: e.cancelIcon,
                     "icon-placement": e.cancelIconPlacement,
                     color: e.cancelColor,
@@ -114,9 +114,9 @@ const R = {
                     round: e.btnRound,
                     size: e.btnSize,
                     type: e.cancelType,
-                    onClick: i
+                    onClick: d
                   }, null, 8, ["icon", "icon-placement", "color", "text-color", "content", "loading", "round", "size", "type"]),
-                  c(u(y), {
+                  r(h(C), {
                     icon: e.confirmIcon,
                     "icon-placement": e.confirmIconPlacement,
                     color: e.confirmColor,
@@ -126,7 +126,7 @@ const R = {
                     round: e.btnRound,
                     size: e.btnSize,
                     type: e.confirmType,
-                    onClick: v
+                    onClick: x
                   }, null, 8, ["icon", "icon-placement", "color", "text-color", "content", "loading", "round", "size", "type"])
                 ], 2))
               ]),

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

@@ -2685,7 +2685,6 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{}>, {
-    size: "small" | "medium" | "large";
     prefixIcon: string;
     suffixIcon: string;
     addIcon: string;

package/es/components/BaseInputNumber/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b283fef6"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bc68fd8c"]]);
 export {
   m as default
 };

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

@@ -1,10 +1,10 @@
-import { NButton as N, NInputNumber as S } from "naive-ui";
-import { defineComponent as $, shallowRef as g, ref as R, computed as y, watch as D, resolveComponent as M, createElementBlock as m, openBlock as o, normalizeStyle as F, normalizeClass as b, createBlock as l, createCommentVNode as d, createVNode as s, mergeProps as c, withCtx as a, createSlots as x, Fragment as A, renderSlot as k, createElementVNode as B } from "vue";
+import { NButton as w, NInputNumber as N } from "naive-ui";
+import { defineComponent as S, shallowRef as k, ref as $, computed as p, watch as R, resolveComponent as D, createElementBlock as c, openBlock as t, normalizeStyle as M, normalizeClass as b, createBlock as d, createCommentVNode as a, createVNode as r, mergeProps as f, withCtx as u, createSlots as F, Fragment as A, renderSlot as x, createElementVNode as B } from "vue";
 import H from "../../hooks/useNaiveConfigProvideContext.mjs";
 const L = {
   key: 1,
   class: "inner-controls"
-}, T = /* @__PURE__ */ $({
+}, T = /* @__PURE__ */ S({
   name: "BaseInputNumber",
   __name: "index",
   props: {
@@ -17,18 +17,18 @@ const L = {
     disabled: { type: Boolean },
     min: {},
     max: {},
-    size: { default: "medium" }
+    size: {}
   },
-  setup(I) {
-    const p = I, { mergedThemeOverridesRef: z } = H(), f = g({}), u = g({}), n = R(), t = y(() => p.disabled || !n.value?.addable), i = y(() => p.disabled || !n.value?.minusable), v = () => {
-      !n.value || t.value || n.value.handleAddClick();
-    }, C = () => {
-      !n.value || i.value || n.value.handleMinusClick();
+  setup(n) {
+    const v = n, { mergedThemeOverridesRef: I } = H(), C = k({}), m = k({}), o = $(), s = p(() => v.disabled || !o.value?.addable), l = p(() => v.disabled || !o.value?.minusable), h = () => {
+      !o.value || s.value || o.value.handleAddClick();
+    }, g = () => {
+      !o.value || l.value || o.value.handleMinusClick();
     };
-    return D(
-      () => z?.value?.InputNumber,
+    return R(
+      () => I?.value?.InputNumber,
       (e) => {
-        f.value = {
+        C.value = {
           "--n-input-number-controls-color": e.controlsFontColor,
           "--n-input-number-controls-color-disabled": e.controlFontColorDisabled,
           "--n-input-number-inner-controls-width-large": e.innerControlsLargeWidth,
@@ -42,7 +42,7 @@ const L = {
           "--n-input-number-inner-controls-border-radius-large": e.innerControlsLargeBorderRadius,
           "--n-input-number-inner-controls-border-radius-medium": e.innerControlsMediumBorderRadius,
           "--n-input-number-inner-controls-border-radius-small": e.innerControlsSmallBorderRadius
-        }, u.value = {
+        }, m.value = {
           "--n-border": e.outerControlsBorderStyle,
           "--n-border-disabled": e.outerControlsBorderStyleDisabled,
           "--n-text-color": e.controlsFontColor,
@@ -56,82 +56,82 @@ const L = {
         immediate: !0
       }
     ), (e, W) => {
-      const r = M("svg-icon"), h = N, w = S;
-      return o(), m("div", {
-        class: b(["base-input-number w-full", [`base-input-number--${e.size}`]]),
-        style: F([f.value, e.style])
+      const i = D("svg-icon"), y = w, z = N;
+      return t(), c("div", {
+        class: b(["base-input-number w-full", [`base-input-number--${n.size}`]]),
+        style: M([C.value, n.style])
       }, [
-        e.controlsInner ? d("", !0) : (o(), l(h, c({
+        n.controlsInner ? a("", !0) : (t(), d(y, f({
           key: 0,
-          style: u.value,
-          ghost: !i.value,
+          style: m.value,
+          ghost: !l.value,
           class: "outer-controls minus-btn"
         }, e.$attrs, {
-          disabled: i.value,
-          size: e.size,
-          onClick: C
+          disabled: l.value,
+          size: n.size,
+          onClick: g
         }), {
-          default: a(() => [
-            s(r, { icon: "operate-minus" })
+          default: u(() => [
+            r(i, { icon: "operate-minus" })
           ]),
           _: 1
         }, 16, ["style", "ghost", "disabled", "size"])),
-        s(w, c({ class: "flex-1" }, e.$attrs, {
+        r(z, f({ class: "flex-1" }, e.$attrs, {
           ref_key: "inputNumberRef",
-          ref: n,
+          ref: o,
           "show-button": !1,
-          size: e.size,
-          disabled: e.disabled,
-          min: e.min,
-          max: e.max
-        }), x({
-          suffix: a(() => [
-            e.$slots.suffix || e.suffixIcon ? (o(), m(A, { key: 0 }, [
-              e.$slots.suffix ? k(e.$slots, "suffix", { key: 0 }, void 0, !0) : (o(), l(r, {
+          size: n.size,
+          disabled: n.disabled,
+          min: n.min,
+          max: n.max
+        }), F({
+          suffix: u(() => [
+            e.$slots.suffix || n.suffixIcon ? (t(), c(A, { key: 0 }, [
+              e.$slots.suffix ? x(e.$slots, "suffix", { key: 0 }, void 0, !0) : (t(), d(i, {
                 key: 1,
-                icon: e.suffixIcon
+                icon: n.suffixIcon
               }, null, 8, ["icon"]))
-            ], 64)) : d("", !0),
-            e.controlsInner ? (o(), m("div", L, [
+            ], 64)) : a("", !0),
+            n.controlsInner ? (t(), c("div", L, [
               B("div", {
-                class: b(["add", [t.value ? "is-disabled" : ""]]),
-                onClick: v
+                class: b(["add", [s.value ? "is-disabled" : ""]]),
+                onClick: h
               }, [
-                s(r, { icon: "arrow-top" })
+                r(i, { icon: "arrow-top" })
               ], 2),
               B("div", {
-                class: b(["minus", [i.value ? "is-disabled" : ""]]),
-                onClick: C
+                class: b(["minus", [l.value ? "is-disabled" : ""]]),
+                onClick: g
               }, [
-                s(r, { icon: "arrow-down" })
+                r(i, { icon: "arrow-down" })
               ], 2)
-            ])) : d("", !0)
+            ])) : a("", !0)
           ]),
           _: 2
         }, [
-          e.$slots.prefix || e.prefixIcon ? {
+          e.$slots.prefix || n.prefixIcon ? {
             name: "prefix",
-            fn: a(() => [
-              e.$slots.prefix ? k(e.$slots, "prefix", { key: 0 }, void 0, !0) : (o(), l(r, {
+            fn: u(() => [
+              e.$slots.prefix ? x(e.$slots, "prefix", { key: 0 }, void 0, !0) : (t(), d(i, {
                 key: 1,
-                icon: e.prefixIcon
+                icon: n.prefixIcon
               }, null, 8, ["icon"]))
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["size", "disabled", "min", "max"]),
-        e.controlsInner ? d("", !0) : (o(), l(h, c({
+        n.controlsInner ? a("", !0) : (t(), d(y, f({
           key: 1,
-          size: e.size,
-          ghost: !t.value,
-          style: u.value,
+          size: n.size,
+          ghost: !s.value,
+          style: m.value,
           class: "outer-controls add-btn"
         }, e.$attrs, {
-          disabled: t.value,
-          onClick: v
+          disabled: s.value,
+          onClick: h
         }), {
-          default: a(() => [
-            s(r, { icon: "operate-add" })
+          default: u(() => [
+            r(i, { icon: "operate-add" })
           ]),
           _: 1
         }, 16, ["size", "ghost", "style", "disabled"]))

package/es/components/BaseLayout/ASide/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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-841ccab2"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c445f597"]]);
 export {
-  c as default
+  e as default
 };

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

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

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

@@ -30,9 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDefaultLayoutPr
     contentClass: string;
     headerClass: string;
     footerClass: string;
+    tabClass: string;
     headerHeight: number;
     mode: BaseDefaultLayoutMode;
-    tabClass: string;
     sliderCollapse: boolean;
     sliderClass: string;
     tabHeight: number;

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

@@ -1,4 +1,4 @@
-import { defineComponent as z, mergeDefaults as F, defineAsyncComponent as T, computed as l, provide as $, createBlock as A, openBlock as D, withCtx as n, renderSlot as a, createVNode as m, unref as O } from "vue";
+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";
@@ -57,90 +57,90 @@ const Y = /* @__PURE__ */ z({
     "toggleSystemTheme",
     "toggleUserItem"
   ],
-  setup(c, { emit: v }) {
-    const M = T(() => import("./layoutMenu/index.vue.mjs")), o = c, i = v, C = R(), { childLevelMenus: g } = j(o), b = l(() => {
+  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 = l(() => {
+    }), b = i(() => {
       const e = "vertical";
       return o.mode.includes(e) ? e : "horizontal";
-    }), x = l(() => o.mode !== "horizontal"), r = l(() => o.mode === "horizontal-mix"), d = l(() => 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 && g.value.length && (s += h), s;
-    }, f = l(() => 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 && g.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 = l(() => W()), B = () => {
-      i("toggleLogo");
-    }, L = (e, t) => {
-      i("toggleMenuItem", e, t);
-    }, S = (e, t) => {
-      i("toggleMixMenuItem", 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) => {
-      i("toggleSystemTheme", e);
+      s("toggleSystemTheme", e);
     }, V = () => {
-      i("toggleSystemLang");
-    }, w = (e, t) => {
-      i("toggleUserItem", e, t);
+      s("toggleSystemLang");
+    }, w = (e, l) => {
+      s("toggleUserItem", e, l);
     };
     return $(U, {
       layoutConfig: o,
-      isDarkMode: b,
+      isDarkMode: p,
       userActionOption: o.userActionOption,
       userInfo: o.userInfo,
       _sliderCollapseWidth: f,
-      _sliderWidth: p,
+      _sliderWidth: v,
       toggleLogo: B,
       toggleMenuItem: L,
       toggleMixMenuItem: S,
       toggleSystemLang: V,
       toggleSystemTheme: H,
       toggleUserItem: w
-    }), (e, t) => (D(), A(P, {
-      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,
+    }), (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": e.footerVisible,
-      "fixed-footer": e.fixedFooter,
-      "footer-is-full-width": e.footerIsFullWidth,
-      "footer-height": e.footerHeight
+      "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(k)
+      header: a(() => [
+        u(e.$slots, "header", {}, () => [
+          c(k)
         ], !0)
       ]),
-      slider: n(() => [
-        a(e.$slots, "slider", {}, () => [
-          m(N)
+      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(O(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"]));