@done-coding/admin-core 0.16.0 → 0.17.0

package/es/components/app-layout/AppBody.vue.mjs

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

package/es/components/app-layout/AppBody.vue2.mjs

@@ -1,81 +1,85 @@
-import { defineComponent as N, useCssVars as I, inject as E, ref as b, computed as o, provide as d, readonly as L, watch as H, resolveComponent as F, openBlock as i, createElementBlock as Y, normalizeStyle as g, createElementVNode as $, createBlock as a, unref as S, withCtx as T, createVNode as w, createCommentVNode as s, KeepAlive as k, resolveDynamicComponent as A, renderSlot as D } from "vue";
-import { ElAffix as U } from "element-plus";
-import G from "./AppBreadcrumb.vue.mjs";
-import z from "lodash/debounce";
-import { APP_LAYOUT_APP_STORE_KEY as K, APP_LAYOUT_BRIDGE_KEY as W, BODY_CONTENT_VIEWPORT_HEIGHT as M, BODY_CONTENT_VIEWPORT_RECT as j, BODY_CONTENT_VIEWPORT_INSET as q } from "../../inject/key.mjs";
+import { defineComponent as N, useCssVars as H, inject as E, ref as g, computed as o, provide as a, readonly as T, watch as L, resolveComponent as F, openBlock as i, createElementBlock as Y, normalizeStyle as b, createElementVNode as $, createBlock as l, unref as S, withCtx as w, createVNode as A, createCommentVNode as c, KeepAlive as k, resolveDynamicComponent as O, renderSlot as D } from "vue";
+import { ElAffix as G } from "element-plus";
+import U from "./AppBreadcrumb.vue.mjs";
+import M from "lodash/debounce";
+import { APP_LAYOUT_APP_STORE_KEY as W, APP_LAYOUT_BRIDGE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as K, SCOPE_VIEWPORT_MAX_HEIGHT as j, BODY_CONTENT_VIEWPORT_RECT as X, BODY_CONTENT_VIEWPORT_INSET as q } from "../../inject/key.mjs";
 import { useActivated as J } from "../../hooks/activated.mjs";
-const ie = /* @__PURE__ */ N({
+const ae = /* @__PURE__ */ N({
   __name: "AppBody",
   props: {
     menuFlatList: { default: () => [] }
   },
-  setup(O) {
-    I((e) => ({
-      v513aac26: r.value
+  setup(P) {
+    H((e) => ({
+      v85c12e9e: s.value
     }));
-    const t = E(K), c = E(W), P = c.APP_ROUTER_CONFIG, u = b(!1), p = o(() => c.APP_LAYOUT_BREADCRUMB_CONFIG.height), m = b(0);
-    d(M, L(m));
-    const y = o(() => t.bodyShimPadding), l = o(() => t.bodyShimStyle), C = o(() => t.bodyStyle), f = o(() => t.showBreadcrumb), R = o(() => parseFloat(`${t.bodyStyle.paddingTop ?? 0}`) || 0), V = o(() => ({
+    const t = E(W), u = E(z), C = u.APP_ROUTER_CONFIG, p = g(!1), m = o(() => u.APP_LAYOUT_BREADCRUMB_CONFIG.height), r = g(0);
+    a(K, T(r)), a(j, {
+      scope: void 0,
+      viewportMaxHeight: T(r),
+      parent: void 0
+    });
+    const y = o(() => t.bodyShimPadding), d = o(() => t.bodyShimStyle), R = o(() => t.bodyStyle), f = o(() => t.showBreadcrumb), V = o(() => parseFloat(`${t.bodyStyle.paddingTop ?? 0}`) || 0), x = o(() => ({
       top: t.bodyStyle.paddingTop,
       left: t.bodyStyle.paddingLeft,
       right: t.bodyStyle.paddingRight,
-      bottom: `calc(100vh - ${t.bodyStyle.paddingTop} - ${l.value.minHeight})`,
+      bottom: `calc(100vh - ${t.bodyStyle.paddingTop} - ${d.value.minHeight})`,
       // app-body-shim 内边距：供 AppPage 各插槽 shim 朝 chrome 侧留呼吸
       shimPadding: y.value
     }));
-    d(j, V), d(
+    a(X, x), a(
       q,
       o(() => t.contentViewportInset)
     );
-    const r = o(
-      () => `calc(${l.value.minHeight} - ${f.value && u.value ? p.value : 0}px - ${y.value * 2}px)`
-    ), x = (e) => {
-      u.value = e;
-    }, n = z(() => {
+    const s = o(
+      () => `calc(${d.value.minHeight} - ${f.value && p.value ? m.value : 0}px - ${y.value * 2}px)`
+    ), B = (e) => {
+      p.value = e;
+    }, n = M(() => {
       const e = document.createElement("div");
-      e.style.height = r.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), m.value = e.clientHeight, e.remove();
+      e.style.height = s.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), r.value = e.clientHeight, e.remove();
     }, 16);
-    return H(r, () => {
+    return L(s, () => {
       n();
     }), J((e) => {
       typeof window > "u" || (e.isActivated ? (n(), window.addEventListener("resize", n)) : (window.removeEventListener("resize", n), n.cancel()));
     }), (e, Q) => {
-      const B = F("RouterView");
+      const I = F("RouterView");
       return i(), Y("div", {
         class: "app-body",
-        style: g(C.value)
+        style: b(R.value)
       }, [
         $("div", {
           class: "app-body-shim",
-          style: g(l.value)
+          style: b(d.value)
         }, [
-          f.value ? (i(), a(S(U), {
+          f.value ? (i(), l(S(G), {
             key: 0,
-            offset: R.value
+            offset: V.value
           }, {
-            default: T(() => [
-              w(G, {
-                height: p.value,
-                menuFlatList: O.menuFlatList,
-                onShow: x
+            default: w(() => [
+              A(U, {
+                height: m.value,
+                menuFlatList: P.menuFlatList,
+                onShow: B
               }, null, 8, ["height", "menuFlatList"])
             ]),
             _: 1
-          }, 8, ["offset"])) : s("", !0),
-          w(B, null, {
-            default: T(({
+          }, 8, ["offset"])) : c("", !0),
+          A(I, null, {
+            default: w(({
               Component: v,
               route: {
                 path: _,
                 meta: { keepAlive: h }
               }
             }) => [
-              (i(), a(k, {
-                max: S(P).keepAliveMaxCount
+              (i(), l(k, {
+                max: S(C).keepAliveMaxCount
               }, [
-                h ? (i(), a(A(v), { key: _ })) : s("", !0)
+                h ? (i(), l(O(v), { key: _ })) : c("", !0)
               ], 1032, ["max"])),
-              h ? s("", !0) : (i(), a(A(v), { key: _ }))
+              h ? c("", !0) : (i(), l(O(v), { key: _ }))
             ]),
             _: 1
           })
@@ -86,5 +90,5 @@ const ie = /* @__PURE__ */ N({
   }
 });
 export {
-  ie as default
+  ae as default
 };

package/es/components/app-layout/AppPage.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./AppPage.vue2.mjs";
 /* empty css              */
 import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-6ba4ec25"]]);
+const c = /* @__PURE__ */ p(o, [["__scopeId", "data-v-8fb8acc9"]]);
 export {
-  e as default
+  c as default
 };

package/es/components/app-layout/AppPage.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as oe, useCssVars as ae, computed as t, useSlots as se, ref as i, shallowRef as le, inject as $, provide as R, openBlock as u, createElementBlock as pe, normalizeStyle as s, createElementVNode as c, createVNode as ie, unref as d, withCtx as v, renderSlot as g, createBlock as x, createCommentVNode as P } from "vue";
-import S from "lodash/debounce";
-import ne from "../modal/ModalShelf.vue.mjs";
-import k from "../display/WatchSize.vue.mjs";
-import { computeAppPageReducedViewportHeight as re, computeAppPageContentInset as ue, computeAppPageReducedViewportWidth as ce, computeAppPageSlotStyles as de, computeAppPageSlotShimStyles as ve } from "./app-page-geometry.mjs";
-import { BODY_CONTENT_VIEWPORT_RECT as ge, BODY_CONTENT_VIEWPORT_HEIGHT as A, BODY_CONTENT_VIEWPORT_INSET as fe, APP_PAGE_CONTENT_INSET as he } from "../../inject/key.mjs";
-import { useActivated as I } from "../../hooks/activated.mjs";
-const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
+import { defineComponent as oe, useCssVars as ae, computed as t, useSlots as se, ref as n, shallowRef as le, inject as H, provide as W, readonly as ie, openBlock as v, createElementBlock as ne, normalizeStyle as s, createElementVNode as d, createVNode as pe, unref as c, withCtx as g, renderSlot as f, createBlock as B, createCommentVNode as R } from "vue";
+import A from "lodash/debounce";
+import re from "../modal/ModalShelf.vue.mjs";
+import E from "../display/WatchSize.vue.mjs";
+import { computeAppPageReducedViewportHeight as ue, computeAppPageContentInset as ve, computeAppPageReducedViewportWidth as de, computeAppPageSlotStyles as ce, computeAppPageSlotShimStyles as ge } from "./app-page-geometry.mjs";
+import { BODY_CONTENT_VIEWPORT_RECT as fe, SCOPE_VIEWPORT_MAX_HEIGHT as I, BODY_CONTENT_VIEWPORT_HEIGHT as he, BODY_CONTENT_VIEWPORT_INSET as me, APP_PAGE_CONTENT_INSET as be } from "../../inject/key.mjs";
+import { useActivated as M } from "../../hooks/activated.mjs";
+const ye = "--app-viewport-max-height", _e = /* @__PURE__ */ oe({
   name: "AppPage",
   __name: "AppPage",
   props: {
@@ -17,41 +17,45 @@ const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
     topBg: {},
     bottomBg: {},
     leftBg: {},
-    rightBg: {}
+    rightBg: {},
+    topObserveResize: { type: Boolean, default: !1 },
+    bottomObserveResize: { type: Boolean, default: !1 },
+    leftObserveResize: { type: Boolean, default: !1 },
+    rightObserveResize: { type: Boolean, default: !1 }
   },
-  setup(z) {
+  setup(r) {
     ae((e) => ({
-      v0f6d6f31: n.value.top,
-      v314acecf: n.value.bottom,
-      v4386a4aa: n.value.left,
-      v2ca12e10: n.value.right,
-      v2c1456bc: n.value.width,
-      v3af5c5cb: n.value.height,
-      v1911457e: a.nextViewportMaxHeight
+      v292949d5: p.value.top,
+      v45d97caa: p.value.bottom,
+      v0807b0f2: p.value.left,
+      f841aac8: p.value.right,
+      f7b4d374: p.value.width,
+      v32838eb2: p.value.height,
+      v5c736bbc: a.nextViewportMaxHeight
     }));
-    const a = z, L = t(() => ({
+    const a = r, L = t(() => ({
       background: a.background,
       ...a.fullViewport ? {
-        [a.fullMode]: `var(${me})`
+        [a.fullMode]: `var(${ye})`
       } : {}
-    })), f = se(), M = t(() => !!f.top), D = t(() => !!f.bottom), F = t(() => !!f.left), Y = t(() => !!f.right), h = i(0), m = i(0), B = i(0), E = i(0), G = (e) => {
-      h.value = e;
-    }, q = (e) => {
+    })), h = se(), D = t(() => !!h.top), F = t(() => !!h.bottom), G = t(() => !!h.left), Y = t(() => !!h.right), m = n(0), b = n(0), P = n(0), _ = n(0), X = (e) => {
       m.value = e;
+    }, q = (e) => {
+      b.value = e;
     }, J = (e) => {
-      B.value = e;
+      P.value = e;
     }, K = (e) => {
-      E.value = e;
-    }, l = le(), V = i({
+      _.value = e;
+    }, l = le(), $ = n({
       top: "0px",
       left: "0px",
       right: "0px",
       bottom: "0px"
-    }), p = $(ge, void 0), Q = !p, r = S(() => {
+    }), i = H(fe, void 0), Q = !i, u = A(() => {
       const e = l.value;
       if (!e || typeof window > "u") return;
       const o = e.getBoundingClientRect();
-      V.value = {
+      $.value = {
         top: `${o.top}px`,
         left: `${o.left}px`,
         right: `${window.innerWidth - o.right}px`,
@@ -59,58 +63,59 @@ const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
       };
     }, 16);
     if (Q && typeof window < "u") {
-      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => r()) : void 0;
-      I((o) => {
-        o.isActivated ? (r(), e && l.value && e.observe(l.value), window.addEventListener("resize", r)) : (e == null || e.disconnect(), window.removeEventListener("resize", r), r.cancel());
+      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => u()) : void 0;
+      M((o) => {
+        o.isActivated ? (u(), e && l.value && e.observe(l.value), window.addEventListener("resize", u)) : (e == null || e.disconnect(), window.removeEventListener("resize", u), u.cancel());
       });
     }
     const U = t(() => {
-      const e = p == null ? void 0 : p.value;
-      return e ? { top: e.top, left: e.left, right: e.right, bottom: e.bottom } : V.value;
-    }), b = t(() => {
+      const e = i == null ? void 0 : i.value;
+      return e ? { top: e.top, left: e.left, right: e.right, bottom: e.bottom } : $.value;
+    }), y = t(() => {
       var e;
-      return ((e = p == null ? void 0 : p.value) == null ? void 0 : e.shimPadding) ?? 0;
+      return ((e = i == null ? void 0 : i.value) == null ? void 0 : e.shimPadding) ?? 0;
     }), T = t(() => ({
-      topH: h.value,
-      bottomH: m.value,
-      leftW: B.value,
-      rightW: E.value
-    })), X = $(A, i(0)), W = t(
-      () => re(
-        X.value,
+      topH: m.value,
+      bottomH: b.value,
+      leftW: P.value,
+      rightW: _.value
+    })), w = H(I, void 0), k = t(
+      () => ue(
+        (w == null ? void 0 : w.viewportMaxHeight.value) ?? 0,
         T.value,
-        b.value
+        y.value
       )
     );
-    R(A, W);
-    const Z = {
+    W(he, k), W(I, {
+      scope: void 0,
+      viewportMaxHeight: k,
+      parent: w
+    });
+    const Z = n({
       top: 0,
       bottom: 0,
       left: 0,
       right: 0
-    }, j = $(
-      fe,
-      t(() => Z)
-    ), C = t(
-      () => ue(j.value, T.value, a.gap)
+    }), j = H(me, Z), C = t(
+      () => ve(j.value, T.value, a.gap)
     );
-    R(he, C);
-    const H = i(0), O = () => {
-      l.value && (H.value = l.value.clientWidth);
-    }, w = S(O, 16);
+    W(be, ie(C));
+    const V = n(0), N = () => {
+      l.value && (V.value = l.value.clientWidth);
+    }, z = A(N, 16);
     if (typeof window < "u") {
-      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => w()) : void 0;
-      I((o) => {
-        o.isActivated ? (O(), e && l.value ? e.observe(l.value) : window.addEventListener("resize", w)) : (e == null || e.disconnect(), window.removeEventListener("resize", w), w.cancel());
+      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => z()) : void 0;
+      M((o) => {
+        o.isActivated ? (N(), e && l.value ? e.observe(l.value) : window.addEventListener("resize", z)) : (e == null || e.disconnect(), window.removeEventListener("resize", z), z.cancel());
       });
     }
     const ee = t(
-      () => ce(
-        H.value,
+      () => de(
+        V.value,
         T.value,
-        b.value
+        y.value
       )
-    ), n = t(() => {
+    ), p = t(() => {
       const e = C.value;
       return {
         top: `${e.top}px`,
@@ -118,12 +123,12 @@ const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
         left: `${e.left}px`,
         right: `${e.right}px`,
         width: `${ee.value}px`,
-        height: `${W.value}px`
+        height: `${k.value}px`
       };
-    }), y = t(
-      () => de(U.value, h.value, m.value)
-    ), _ = t(() => {
-      const e = ve(b.value, a.gap);
+    }), O = t(
+      () => ce(U.value, m.value, b.value)
+    ), x = t(() => {
+      const e = ge(y.value, a.gap);
       return {
         top: { ...e.top, background: a.topBg },
         bottom: { ...e.bottom, background: a.bottomBg },
@@ -131,102 +136,106 @@ const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
         right: { ...e.right, background: a.rightBg }
       };
     }), te = t(() => {
-      const e = b.value, o = (N) => `${Math.max(0, N ? N - e : 0)}px`;
+      const e = y.value, o = (S) => `${Math.max(0, S ? S - e : 0)}px`;
       return {
-        paddingTop: o(h.value),
-        paddingBottom: o(m.value),
-        paddingLeft: o(B.value),
-        paddingRight: o(E.value)
+        paddingTop: o(m.value),
+        paddingBottom: o(b.value),
+        paddingLeft: o(P.value),
+        paddingRight: o(_.value)
       };
     });
-    return (e, o) => (u(), pe("div", {
+    return (e, o) => (v(), ne("div", {
       ref_key: "appPageRef",
       ref: l,
       class: "dc-app-page app-page",
       style: s(L.value)
     }, [
-      c("div", {
+      d("div", {
         class: "app-page-shim",
         style: s(te.value)
       }, [
-        ie(d(ne), { level: "page" }, {
-          default: v(() => [
-            g(e.$slots, "default", {}, void 0, !0)
+        pe(c(re), { level: "page" }, {
+          default: g(() => [
+            f(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         })
       ], 4),
-      M.value ? (u(), x(d(k), {
+      D.value ? (v(), B(c(E), {
         key: 0,
         mode: "height",
+        "observe-resize": r.topObserveResize,
         class: "app-page-slot app-page-slot--top",
-        style: s(y.value.top),
-        onHeightChange: G
+        style: s(O.value.top),
+        onHeightChange: X
       }, {
-        default: v(() => [
-          c("div", {
+        default: g(() => [
+          d("div", {
             class: "app-page-slot-shim",
-            style: s(_.value.top)
+            style: s(x.value.top)
           }, [
-            g(e.$slots, "top", {}, void 0, !0)
+            f(e.$slots, "top", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : P("", !0),
-      D.value ? (u(), x(d(k), {
+      }, 8, ["observe-resize", "style"])) : R("", !0),
+      F.value ? (v(), B(c(E), {
         key: 1,
         mode: "height",
+        "observe-resize": r.bottomObserveResize,
         class: "app-page-slot app-page-slot--bottom",
-        style: s(y.value.bottom),
+        style: s(O.value.bottom),
         onHeightChange: q
       }, {
-        default: v(() => [
-          c("div", {
+        default: g(() => [
+          d("div", {
             class: "app-page-slot-shim",
-            style: s(_.value.bottom)
+            style: s(x.value.bottom)
           }, [
-            g(e.$slots, "bottom", {}, void 0, !0)
+            f(e.$slots, "bottom", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : P("", !0),
-      F.value ? (u(), x(d(k), {
+      }, 8, ["observe-resize", "style"])) : R("", !0),
+      G.value ? (v(), B(c(E), {
         key: 2,
         mode: "width",
+        "observe-resize": r.leftObserveResize,
         class: "app-page-slot app-page-slot--left",
-        style: s(y.value.left),
+        style: s(O.value.left),
         onWidthChange: J
       }, {
-        default: v(() => [
-          c("div", {
+        default: g(() => [
+          d("div", {
             class: "app-page-slot-shim",
-            style: s(_.value.left)
+            style: s(x.value.left)
           }, [
-            g(e.$slots, "left", {}, void 0, !0)
+            f(e.$slots, "left", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : P("", !0),
-      Y.value ? (u(), x(d(k), {
+      }, 8, ["observe-resize", "style"])) : R("", !0),
+      Y.value ? (v(), B(c(E), {
         key: 3,
         mode: "width",
+        "observe-resize": r.rightObserveResize,
         class: "app-page-slot app-page-slot--right",
-        style: s(y.value.right),
+        style: s(O.value.right),
         onWidthChange: K
       }, {
-        default: v(() => [
-          c("div", {
+        default: g(() => [
+          d("div", {
             class: "app-page-slot-shim",
-            style: s(_.value.right)
+            style: s(x.value.right)
           }, [
-            g(e.$slots, "right", {}, void 0, !0)
+            f(e.$slots, "right", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : P("", !0)
+      }, 8, ["observe-resize", "style"])) : R("", !0)
     ], 4));
   }
 });
 export {
-  Ee as default
+  _e as default
 };

package/es/components/display/TabsHeader.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./TabsHeader.vue2.mjs";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6b4fc73b"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9d365b46"]]);
 export {
-  f as default
+  m as default
 };

package/es/components/display/TabsHeader.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent as L, toRefs as $, useModel as z, ref as K, computed as n, onMounted as T, onBeforeUnmount as g, watch as B, openBlock as s, createElementBlock as l, normalizeClass as y, Fragment as R, renderList as S, unref as D, renderSlot as H, createTextVNode as I, toDisplayString as N, normalizeStyle as V, createCommentVNode as F, mergeModels as U, nextTick as W } from "vue";
-const X = ["onClick"], q = /* @__PURE__ */ L({
+import { defineComponent as L, toRefs as $, useModel as z, ref as K, computed as n, watch as T, openBlock as i, createElementBlock as o, normalizeClass as y, Fragment as g, renderList as R, unref as S, renderSlot as B, createTextVNode as A, toDisplayString as D, normalizeStyle as H, createCommentVNode as I, mergeModels as N, nextTick as V } from "vue";
+import { useActivated as F } from "../../hooks/activated.mjs";
+const W = ["onClick"], q = /* @__PURE__ */ L({
   __name: "TabsHeader",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ N({
     tabs: {},
     level: { default: 1 },
     variant: {}
@@ -10,64 +11,62 @@ const X = ["onClick"], q = /* @__PURE__ */ L({
     activeKeyModifiers: {}
   }),
   emits: ["update:activeKey"],
-  setup(u) {
-    const v = u, { tabs: b, level: k, variant: h } = $(v), o = z(u, "activeKey"), i = /* @__PURE__ */ new Map(), d = K(0), m = n(
+  setup(v) {
+    const u = v, { tabs: b, level: k, variant: h } = $(u), s = z(v, "activeKey"), l = /* @__PURE__ */ new Map(), d = K(0), m = n(
       () => Math.min(Math.max(Math.floor(k.value), 1), 4)
-    ), M = n(() => `tabs-main-bar--l${m.value}`), w = {
+    ), w = n(() => `tabs-main-bar--l${m.value}`), M = {
       1: "card",
       2: "indicator",
       3: "indicator-compact",
       4: "plain"
     }, r = n(
-      () => h.value ?? w[m.value]
+      () => h.value ?? M[m.value]
     ), C = n(
       () => `tabs-main-bar--variant-${r.value}`
     ), x = n(
       () => r.value === "indicator" || r.value === "indicator-compact"
     ), _ = n(() => {
-      const [, t] = [d.value, o.value], a = t ? i.get(t) : void 0;
+      const [, e] = [d.value, s.value], a = e ? l.get(e) : void 0;
       return a ? {
         width: `${a.offsetWidth}px`,
         transform: `translateX(${a.offsetLeft}px)`
       } : { width: "0px" };
-    }), E = (t, a) => {
-      a instanceof HTMLElement ? i.set(t, a) : i.delete(t);
+    }), E = (e, a) => {
+      a instanceof HTMLElement ? l.set(e, a) : l.delete(e);
     }, c = () => {
-      W(() => {
+      V(() => {
         d.value++;
       });
     }, f = () => c();
-    return T(() => {
-      c(), window.addEventListener("resize", f);
-    }), g(() => {
-      window.removeEventListener("resize", f);
-    }), B(
-      () => v.tabs,
+    return F((e) => {
+      e.isActivated ? (c(), window.addEventListener("resize", f)) : window.removeEventListener("resize", f);
+    }), T(
+      () => u.tabs,
       () => c(),
       { flush: "post" }
-    ), (t, a) => (s(), l("div", {
-      class: y(["tabs-main-bar", [M.value, C.value]])
+    ), (e, a) => (i(), o("div", {
+      class: y(["tabs-main-bar", [w.value, C.value]])
     }, [
-      (s(!0), l(R, null, S(D(b), (e) => (s(), l("button", {
-        key: e.key,
+      (i(!0), o(g, null, R(S(b), (t) => (i(), o("button", {
+        key: t.key,
         ref_for: !0,
-        ref: (p) => E(e.key, p),
+        ref: (p) => E(t.key, p),
         type: "button",
-        class: y(["tabs-main-bar-item", { "tabs-main-bar-item_active": e.key === o.value }]),
-        onClick: (p) => o.value = e.key
+        class: y(["tabs-main-bar-item", { "tabs-main-bar-item_active": t.key === s.value }]),
+        onClick: (p) => s.value = t.key
       }, [
-        H(t.$slots, e.key, {
-          tab: e,
-          active: e.key === o.value
+        B(e.$slots, t.key, {
+          tab: t,
+          active: t.key === s.value
         }, () => [
-          I(N(e.title), 1)
+          A(D(t.title), 1)
         ], !0)
-      ], 10, X))), 128)),
-      x.value ? (s(), l("div", {
+      ], 10, W))), 128)),
+      x.value ? (i(), o("div", {
         key: 0,
         class: "tabs-main-bar-indicator",
-        style: V(_.value)
-      }, null, 4)) : F("", !0)
+        style: H(_.value)
+      }, null, 4)) : I("", !0)
     ], 2));
   }
 });