vft 0.0.70 → 0.0.71

package/es/components/side-menu/side-menu.vue2.js

@@ -12,11 +12,7 @@ import "../popover/index.js";
 import { VftMenu as Q, VftSubMenu as X, VftMenuItem as R } from "../menu/index.js";
 import { isUrl as Z, addUnit as k, isNullOrUndefined as N, removeUnit as I } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import { listenerRouteChange as _, useRouterHelper as ee } from "@vft/router";
-import "@vft/store";
-import { useSortable as te } from "@vft/use";
-import { useRouter as oe } from "vue-router";
+import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -67,21 +63,22 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import { useDragLine as le } from "./use-drag-line.js";
+import { listenerRouteChange as ee, useRouterHelper as te } from "@vft/router";
+import { useSortable as oe } from "@vft/use";
+import { useRouter as le } from "vue-router";
+import { useDragLine as ie } from "./use-drag-line.js";
 const a = (
   /* hoist-static*/
-  ie("side-menu")
+  _("side-menu")
 ), ne = T({
   name: a.b()
-}), Tt = /* @__PURE__ */ T({
+}), Rt = /* @__PURE__ */ T({
   ...ne,
   props: {
     menus: null,
@@ -132,7 +129,7 @@ const a = (
     expose: A,
     emit: h
   }) {
-    const c = Y(), y = g(), l = m(() => ({
+    const c = Y(), y = g(), i = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -141,28 +138,28 @@ const a = (
       disabled: "disabled",
       ...t.attrMapping
     }));
-    _((e) => {
+    ee((e) => {
       var o;
       !e || (o = e.meta) != null && o.hideSide && !t.openListenRoute || (y.value = e.path);
     });
     const C = (e, o) => {
-      const i = e[l.value.path], d = e[l.value.title], r = e == null ? void 0 : e[l.value.children], p = e == null ? void 0 : e[l.value.index], u = e == null ? void 0 : e[l.value.icon], s = !(e != null && e[l.value.disabled]);
+      const l = e[i.value.path], d = e[i.value.title], r = e == null ? void 0 : e[i.value.children], u = e == null ? void 0 : e[i.value.index], p = e == null ? void 0 : e[i.value.icon], s = !(e != null && e[i.value.disabled]);
       return r != null && r.length ? v(
         // @ts-ignore
         X,
         {
           popperAppendToBody: !0,
-          key: p || i,
-          index: p || i,
+          key: u || l,
+          index: u || l,
           title: d,
-          icon: u,
+          icon: p,
           popperClass: a.e("popper")
         },
         {
           default: () => r == null ? void 0 : r.map((n, P) => {
             var M;
-            const x = n[l.value.path], S = n[l.value.index], $ = n[l.value.icon], j = n[l.value.title], z = n[l.value.disabled];
-            return (M = n == null ? void 0 : n[l.value.children]) != null && M.length ? C(n, P) : (
+            const x = n[i.value.path], S = n[i.value.index], $ = n[i.value.icon], j = n[i.value.title], z = n[i.value.disabled];
+            return (M = n == null ? void 0 : n[i.value.children]) != null && M.length ? C(n, P) : (
               // @ts-ignore
               v(R, {
                 key: S || x,
@@ -176,11 +173,11 @@ const a = (
           })
         }
       ) : v(R, {
-        key: p || i,
-        index: p || i,
+        key: u || l,
+        index: u || l,
         title: d,
-        route: i,
-        icon: u,
+        route: l,
+        icon: p,
         disabled: t.openDisabled && s
       }, c.menuItem ? () => {
         var n;
@@ -203,16 +200,16 @@ const a = (
         uniqueOpened: t.uniqueOpened,
         collapse: t.collapse,
         "collapse-transition": !1
-      }, () => t.menus.map((i, d) => C(i, d)));
+      }, () => t.menus.map((l, d) => C(l, d)));
     }), {
       go: O
-    } = ee(), w = oe();
+    } = te(), w = le();
     async function H(e) {
-      var r, p, u;
+      var r, u, p;
       const o = e.route;
-      let i = e.route;
-      e.indexPath.some((s) => Z(s)) && (i = e.indexPath.slice(-2).join("/"));
-      const d = (u = (p = (r = w.getRoutes().filter((s) => s.path === i)) == null ? void 0 : r[0]) == null ? void 0 : p.meta) == null ? void 0 : u.linkTarget;
+      let l = e.route;
+      e.indexPath.some((s) => Z(s)) && (l = e.indexPath.slice(-2).join("/"));
+      const d = (p = (u = (r = w.getRoutes().filter((s) => s.path === l)) == null ? void 0 : r[0]) == null ? void 0 : u.meta) == null ? void 0 : p.linkTarget;
       O(d ? {
         url: o,
         winOpenOpt: {
@@ -226,18 +223,18 @@ const a = (
     })), q = m(() => [a.b(), a.m("fixed")]);
     F(() => {
       G(() => {
-        var e, o, i;
+        var e, o, l;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const d = (i = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : i[0], {
+          const d = (l = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : l[0], {
             initSortable: r
-          } = te(d, {
+          } = oe(d, {
             draggable: ".vft-menu-item",
-            onEnd: (p) => {
+            onEnd: (u) => {
               const {
-                oldIndex: u,
+                oldIndex: p,
                 newIndex: s
-              } = p;
-              N(u) || N(s) || u === s || h("dragEnd", u, s);
+              } = u;
+              N(p) || N(s) || p === s || h("dragEnd", p, s);
             },
             ...t.dragOption
           });
@@ -252,7 +249,7 @@ const a = (
       t.collapse ? h("update:sideWidth", W.value) : (W.value = t.sideWidth, h("update:sideWidth", t.collapseWidth)), h("update:collapse", !t.collapse);
     }
     const L = J();
-    return t.dragWidth && le(b, B, m(() => I(t.collapseWidth)), L, m(() => t.collapse)), A({
+    return t.dragWidth && ie(b, B, m(() => I(t.collapseWidth)), L, m(() => t.collapse)), A({
       sideRef: b
     }), () => f("div", {
       ref: b,
@@ -279,5 +276,5 @@ const a = (
   }
 });
 export {
-  Tt as default
+  Rt as default
 };

package/es/components/slot/only-child.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, inject as p, withDirectives as s, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
+import { defineComponent as a, inject as s, withDirectives as p, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -8,15 +8,13 @@ import "@vueuse/core";
 import { noop as O, isObject as R } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const o = "VftOnlyChild", I = /* @__PURE__ */ a({
+const o = "VftOnlyChild", j = /* @__PURE__ */ a({
   name: o,
-  setup(r, {
+  setup(n, {
     slots: t,
     attrs: e
   }) {
-    const n = p(w), m = y((n == null ? void 0 : n.setForwardRef) ?? O);
+    const r = s(w), m = y((r == null ? void 0 : r.setForwardRef) ?? O);
     return () => {
       var u;
       const i = (u = t.default) == null ? void 0 : u.call(t, e);
@@ -25,14 +23,14 @@ const o = "VftOnlyChild", I = /* @__PURE__ */ a({
       if (i.length > 1)
         return l(o, "requires exact only one valid child."), null;
       const c = d(i);
-      return c ? s(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
+      return c ? p(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
     };
   }
 });
-function d(r) {
-  if (!r)
+function d(n) {
+  if (!n)
     return null;
-  const t = r;
+  const t = n;
   for (const e of t) {
     if (R(e))
       switch (e.type) {
@@ -50,12 +48,12 @@ function d(r) {
   }
   return null;
 }
-function f(r) {
+function f(n) {
   const t = F("only-child");
   return v("span", {
     class: t.e("content")
-  }, [r]);
+  }, [n]);
 }
 export {
-  I as OnlyChild
+  j as OnlyChild
 };

package/es/components/switch/switch.vue2.js

@@ -1,6 +1,5 @@
-import { defineComponent as W, computed as s, ref as T, watch as w, onMounted as _, openBlock as c, createElementBlock as d, normalizeClass as r, unref as e, normalizeStyle as j, withModifiers as ee, createElementVNode as B, withKeys as te, createBlock as x, normalizeProps as E, mergeProps as I, createCommentVNode as u, toDisplayString as N, nextTick as ae } from "vue";
-import { singleAttrToObj as G, addUnit as ie, isBoolean as ne } from "@vft/utils";
-import { isPromise as H } from "@vue/shared";
+import { defineComponent as W, computed as s, ref as p, watch as w, onMounted as _, openBlock as c, createElementBlock as d, normalizeClass as r, unref as e, normalizeStyle as j, withModifiers as ee, createElementVNode as B, withKeys as te, createBlock as x, normalizeProps as E, mergeProps as I, createCommentVNode as u, toDisplayString as N, nextTick as ae } from "vue";
+import { singleAttrToObj as G, addUnit as ie, isPromise as H, isBoolean as ne } from "@vft/utils";
 import { debugWarn as L, throwError as le } from "../../utils/error.js";
 import "lodash";
 import "@vueuse/core";
@@ -11,7 +10,6 @@ import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as z } from "..
 import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
 import { useFormItem as ce, useFormItemInputId as re } from "../form/hooks/use-form-item.js";
 import { useFormSize as ue, useFormDisabled as se } from "../form/hooks/use-form-common-props.js";
 const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], fe = ["aria-hidden"], he = ["aria-hidden"], i = (
@@ -19,7 +17,7 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
   oe("switch")
 ), be = W({
   name: i.b()
-}), De = /* @__PURE__ */ W({
+}), Se = /* @__PURE__ */ W({
   ...be,
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -48,7 +46,7 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
   setup(a, { expose: $, emit: v }) {
     const t = a, { formItem: m } = ce(), q = ue(), { inputId: J } = re(t, {
       formItemContext: m
-    }), f = s(() => G(t.activeIcon, "icon")), b = s(() => G(t.inactiveIcon, "icon")), V = se(s(() => t.loading)), p = T(t.modelValue !== !1), y = T(), Q = T(), R = s(() => [
+    }), f = s(() => G(t.activeIcon, "icon")), b = s(() => G(t.inactiveIcon, "icon")), V = se(s(() => t.loading)), T = p(t.modelValue !== !1), y = p(), Q = p(), R = s(() => [
       i.b(),
       i.m(q.value),
       i.is("disabled", V.value),
@@ -59,15 +57,15 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
     w(
       () => t.modelValue,
       () => {
-        p.value = !0;
+        T.value = !0;
       }
     ), w(
       () => t.value,
       () => {
-        p.value = !1;
+        T.value = !1;
       }
     );
-    const D = s(() => p.value ? t.modelValue : t.value), n = s(() => D.value === t.activeValue);
+    const D = s(() => T.value ? t.modelValue : t.value), n = s(() => D.value === t.activeValue);
     [t.activeValue, t.inactiveValue].includes(D.value) || (v(P, t.inactiveValue), v(S, t.inactiveValue), v(z, t.inactiveValue)), w(n, (l) => {
       var o;
       y.value.checked = l, t.validateEvent && ((o = m == null ? void 0 : m.validate) == null || o.call(m, "change").catch((k) => L(k)));
@@ -200,5 +198,5 @@ const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "tr
   }
 });
 export {
-  De as default
+  Se as default
 };

package/es/components/table/table.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, useAttrs as U, ref as d, computed as x, watch as w, createVNode as y, resolveComponent as L, nextTick as Z, reactive as _, onMounted as ee, openBlock as S, createElementBlock as te, normalizeClass as k, unref as a, createBlock as O, mergeProps as N, createCommentVNode as D, createSlots as le, withCtx as P, withDirectives as ne, createElementVNode as T, vShow as ae } from "vue";
+import { defineComponent as W, useAttrs as U, ref as d, computed as x, watch as w, createVNode as p, resolveComponent as L, nextTick as Z, reactive as _, onMounted as ee, openBlock as S, createElementBlock as te, normalizeClass as k, unref as a, createBlock as O, mergeProps as N, createCommentVNode as D, createSlots as le, withCtx as P, withDirectives as ne, createElementVNode as T, vShow as ae } from "vue";
 import { VftEmpty as oe } from "../empty/index.js";
 import { VftPagination as I } from "../pagination/index.js";
 import { useNamespace as re } from "../../hooks/use-namespace/index.js";
@@ -8,8 +8,6 @@ import "../../hooks/use-z-index/index.js";
 import { useDebounceFn as ie, useResizeObserver as ce } from "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import E from "vxe-table";
 import { EmptyEnum as se } from "../empty/constants.js";
 const c = (
@@ -17,7 +15,7 @@ const c = (
   re("table")
 ), ue = W({
   name: c.b()
-}), Ne = /* @__PURE__ */ W({
+}), Se = /* @__PURE__ */ W({
   ...ue,
   props: {
     maxHeight: null,
@@ -72,7 +70,7 @@ const c = (
           row: n,
           column: o
         } = l;
-        return y("span", {
+        return p("span", {
           class: "line-clamp",
           innerHTML: n[o.field] || "-"
         }, null);
@@ -84,7 +82,7 @@ const c = (
           row: n,
           column: o
         } = l;
-        return o.showOverflow = null, y(L("vftClampToggle"), {
+        return o.showOverflow = null, p(L("vftClampToggle"), {
           autoResize: !0,
           maxLines: 2,
           text: n[o.field],
@@ -175,8 +173,8 @@ const c = (
     });
     const H = (e) => {
       v.seqConfig && (v.seqConfig.startIndex = (e - 1) * t.pageSize);
-    }, m = d(), B = d(), C = d(!1);
-    let r = d(), p = d();
+    }, m = d(), B = d();
+    let C = d(!1), r = d(null), y = d(null);
     const f = x(() => {
       var e;
       return ((e = t.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
@@ -191,9 +189,9 @@ const c = (
       deep: !0
     });
     function R() {
-      if (!r.value || !p.value || (b(), !C.value))
+      if (!r.value || !y.value || (b(), !C.value))
         return;
-      const e = r.value.clientWidth, l = p.value.offsetWidth;
+      const e = r.value.clientWidth, l = y.value.offsetWidth;
       m.value.style.width = e - 1 + "px", B.value.style.width = l + "px";
     }
     function b() {
@@ -209,7 +207,7 @@ const c = (
     const K = () => {
       var l;
       const e = (l = s.value) == null ? void 0 : l.$el;
-      e && (r.value = e.querySelector(".vxe-table--body-wrapper"), p.value = e.querySelector(".vxe-table--body"), !(!r.value && !p.value) && (r.value.addEventListener("scroll", function(n) {
+      e && (r.value = e.querySelector(".vxe-table--body-wrapper"), y.value = e.querySelector(".vxe-table--body"), !(!r.value && !y.value) && (r.value.addEventListener("scroll", function(n) {
         m.value.scrollLeft = n.target.scrollLeft;
       }), m.value.addEventListener("scroll", function(n) {
         r.value.scrollLeft = n.target.scrollLeft;
@@ -232,7 +230,7 @@ const c = (
         "page-size": t.pageSize,
         onCurrentChange: l[0] || (l[0] = (o) => h("page-change", t.pageNum)),
         "current-page": t.pageNum
-      }), null, 16, ["class", "total", "page-size", "current-page"])), y(n, N({
+      }), null, 16, ["class", "total", "page-size", "current-page"])), p(n, N({
         ref_key: "xGrid",
         ref: s
       }, v, {
@@ -245,7 +243,7 @@ const c = (
         resizable: "",
         onSortChange: J
       }), le({
-        empty: P(() => [y(a(oe), {
+        empty: P(() => [p(a(oe), {
           type: a(se).NO_DATA
         }, null, 8, ["type"])]),
         _: 2
@@ -259,7 +257,7 @@ const c = (
           ref_key: "stickyScrollBar",
           ref: B,
           class: k(a(c).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[ae, C.value]])]),
+        }, null, 2)], 2), [[ae, a(C)]])]),
         key: "0"
       } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), a(z) ? (S(), O(a(I), N({
         key: 1,
@@ -275,5 +273,5 @@ const c = (
   }
 });
 export {
-  Ne as default
+  Se as default
 };

package/es/components/tabs/tab-bar.vue2.js

@@ -7,9 +7,7 @@ import "../../hooks/use-z-index/index.js";
 import { useResizeObserver as D } from "@vueuse/core";
 import { capitalize as c } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-const U = /* @__PURE__ */ $({
+const M = /* @__PURE__ */ $({
   __name: "tab-bar",
   props: {
     tabs: null
@@ -53,5 +51,5 @@ const U = /* @__PURE__ */ $({
   }
 });
 export {
-  U as default
+  M as default
 };

package/es/components/tabs/tab-nav.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as s, nextTick as et } from "vue";
+import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as r, nextTick as et } from "vue";
 import { capitalize as $ } from "@vft/utils";
 import { throwError as it } from "../../utils/error.js";
 import "lodash";
@@ -16,11 +16,7 @@ import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
 import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "@vft/use";
-import "vue-router";
+import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -74,17 +70,15 @@ import "../message/index.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { EVENT_CODE as T } from "@vft/constants";
-import { TabsRootContextKey as rt } from "./types.js";
-import st from "./tab-bar.vue2.js";
+import { TabsRootContextKey as st } from "./types.js";
+import rt from "./tab-bar.vue2.js";
 const V = (
   /* hoist-static*/
   K("tab-nav")
 ), ct = E({
   name: V.b()
-}), Ko = /* @__PURE__ */ E({
+}), Po = /* @__PURE__ */ E({
   ...ct,
   props: {
     panes: null,
@@ -112,48 +106,48 @@ const V = (
     emit: h
   }) {
     var A;
-    const M = Z(), d = _(rt);
+    const M = Z(), d = _(st);
     d || it(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const e = K("tabs"), q = nt(), H = lt(), y = g(), v = g(), C = g(), m = g(!1), f = g(0), k = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(d.props.tabPosition) ? "width" : "height"), W = I(() => ({
+    const e = K("tabs"), q = nt(), H = lt(), y = g(), p = g(), C = g(), m = g(!1), f = g(0), k = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(d.props.tabPosition) ? "width" : "height"), W = I(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${f.value}px)`
     })), j = () => {
-      if (!v.value)
+      if (!p.value)
         return;
-      const o = v.value[`offset${$(w.value)}`], t = f.value;
+      const o = p.value[`offset${$(w.value)}`], t = f.value;
       t && (f.value = t > o ? t - o : 0);
     }, U = () => {
-      if (!v.value || !C.value)
+      if (!p.value || !C.value)
         return;
-      const o = C.value[`offset${$(w.value)}`], t = v.value[`offset${$(w.value)}`], i = f.value;
+      const o = C.value[`offset${$(w.value)}`], t = p.value[`offset${$(w.value)}`], i = f.value;
       o - i <= t || (f.value = o - i > t * 2 ? i + t : o - t);
     }, R = async () => {
       const o = C.value;
-      if (!m.value || !y.value || !v.value || !o)
+      if (!m.value || !y.value || !p.value || !o)
         return;
       await et();
       const t = y.value.querySelector(".is-active");
       if (!t)
         return;
-      const i = v.value, b = ["top", "bottom"].includes(d.props.tabPosition), r = t.getBoundingClientRect(), l = i.getBoundingClientRect(), u = b ? o.offsetWidth - l.width : o.offsetHeight - l.height, c = f.value;
+      const i = p.value, b = ["top", "bottom"].includes(d.props.tabPosition), s = t.getBoundingClientRect(), l = i.getBoundingClientRect(), u = b ? o.offsetWidth - l.width : o.offsetHeight - l.height, c = f.value;
       let a = c;
-      b ? (r.left < l.left && (a = c - (l.left - r.left)), r.right > l.right && (a = c + r.right - l.right)) : (r.top < l.top && (a = c - (l.top - r.top)), r.bottom > l.bottom && (a = c + (r.bottom - l.bottom))), a = Math.max(a, 0), f.value = Math.min(a, u);
+      b ? (s.left < l.left && (a = c - (l.left - s.left)), s.right > l.right && (a = c + s.right - l.right)) : (s.top < l.top && (a = c - (l.top - s.top)), s.bottom > l.bottom && (a = c + (s.bottom - l.bottom))), a = Math.max(a, 0), f.value = Math.min(a, u);
     }, z = () => {
-      if (!C.value || !v.value)
+      if (!C.value || !p.value)
         return;
-      const o = C.value[`offset${$(w.value)}`], t = v.value[`offset${$(w.value)}`], i = f.value;
+      const o = C.value[`offset${$(w.value)}`], t = p.value[`offset${$(w.value)}`], i = f.value;
       t < o ? (m.value = m.value || {}, m.value.prev = i, m.value.next = i + t < o, o - i < t && (f.value = o - t)) : (m.value = !1, i > 0 && (f.value = 0));
     }, X = (o) => {
       const t = o.code, {
         up: i,
         down: b,
-        left: r,
+        left: s,
         right: l
       } = T;
-      if (![i, b, r, l].includes(t))
+      if (![i, b, s, l].includes(t))
         return;
       const u = Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(o.target);
       let a;
-      t === r || t === i ? c === 0 ? a = u.length - 1 : a = c - 1 : c < u.length - 1 ? a = c + 1 : a = 0, u[a].focus(), u[a].click(), P();
+      t === s || t === i ? c === 0 ? a = u.length - 1 : a = c - 1 : c < u.length - 1 ? a = c + 1 : a = 0, u[a].focus(), u[a].click(), P();
     }, P = () => {
       x.value && (k.value = !0);
     }, S = () => k.value = !1;
@@ -169,26 +163,26 @@ const V = (
     });
     const Y = I(() => {
       var o, t;
-      return m.value ? [s("span", {
+      return m.value ? [r("span", {
         class: [e.e("nav-prev"), e.is("disabled", !m.value.prev)],
         onClick: j
-      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? s(B, n.arrowLeftIconCfg, null) : null]), s("span", {
+      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? r(B, n.arrowLeftIconCfg, null) : null]), r("span", {
         class: [e.e("nav-next"), e.is("disabled", !m.value.next)],
         onClick: U
-      }, [(t = n.arrowRightIconCfg) != null && t.icon ? s(B, n.arrowRightIconCfg, null) : null])] : null;
+      }, [(t = n.arrowRightIconCfg) != null && t.icon ? r(B, n.arrowRightIconCfg, null) : null])] : null;
     }), G = I(() => {
       var o;
       return (o = n.panes) == null ? void 0 : o.map((t, i) => {
         var N, F, L;
-        const b = t.uid, r = t.props.disabled, l = t.props.name ?? t.index ?? `${i}`, u = !r && (t.isClosable || n.editable);
+        const b = t.uid, s = t.props.disabled, l = t.props.name ?? t.index ?? `${i}`, u = !s && (t.isClosable || n.editable);
         t.index = `${i}`;
-        const c = u ? s("span", {
+        const c = u ? r("span", {
           class: "is-icon-close",
-          onClick: (p) => h("tabRemove", t, p)
-        }, [(N = n.closeIconCfg) != null && N.icon ? s(B, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !r && t.active ? 0 : -1;
-        return s("div", {
+          onClick: (v) => h("tabRemove", t, v)
+        }, [(N = n.closeIconCfg) != null && N.icon ? r(B, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !s && t.active ? 0 : -1;
+        return r("div", {
           ref: `tab-${b}`,
-          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", r), e.is("closable", u), e.is("focus", k.value)],
+          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", s), e.is("closable", u), e.is("focus", k.value)],
           id: `tab-${l}`,
           key: `tab-${b}`,
           "aria-controls": `pane-${l}`,
@@ -197,46 +191,46 @@ const V = (
           tabindex: Q,
           onFocus: () => P(),
           onBlur: () => S(),
-          onClick: (p) => {
-            S(), h("tabClick", t, l, p);
+          onClick: (v) => {
+            S(), h("tabClick", t, l, v);
           },
-          onContextmenu: (p) => {
-            p.preventDefault(), h("tabContextmenu", {
+          onContextmenu: (v) => {
+            v.preventDefault(), h("tabContextmenu", {
               pane: t,
               index: i,
-              event: p
+              event: v
             });
           },
-          onKeydown: (p) => {
-            u && (p.code === T.delete || p.code === T.backspace) && h("tabRemove", t, p);
+          onKeydown: (v) => {
+            u && (v.code === T.delete || v.code === T.backspace) && h("tabRemove", t, v);
           }
         }, [a, c]);
       });
-    }), J = n.editable || n.addable ? s("span", {
+    }), J = n.editable || n.addable ? r("span", {
       class: e.e("new-tab"),
       tabindex: "0",
       onClick: () => h("tabAdd"),
       onKeydown: (o) => {
         o.code === T.enter && h("tabAdd");
       }
-    }, [(A = n.addIconCfg) != null && A.icon ? s(B, n.addIconCfg, null) : null]) : null;
-    return () => s("div", {
+    }, [(A = n.addIconCfg) != null && A.icon ? r(B, n.addIconCfg, null) : null]) : null;
+    return () => r("div", {
       ref: y,
       class: [e.e("nav-wrap"), e.is("scrollable", !!m.value), e.is(d.props.tabPosition)]
-    }, [Y.value, s("div", {
+    }, [Y.value, r("div", {
       class: e.e("nav-scroll"),
-      ref: v
-    }, [s("div", {
+      ref: p
+    }, [r("div", {
       class: [e.e("nav"), e.is(d.props.tabPosition), e.is("stretch", n.stretch && ["top", "bottom"].includes(d.props.tabPosition))],
       ref: C,
       style: W.value,
       role: "tablist",
       onKeydown: X
-    }, [n.showBar ? s(st, {
+    }, [n.showBar ? r(rt, {
       tabs: [...n.panes]
     }, null) : null, G.value]), J])]);
   }
 });
 export {
-  Ko as default
+  Po as default
 };