vft 0.0.97 → 0.0.99

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, useAttrs as J, ref as s, computed as h, watch as y, createVNode as C, reactive as K, onMounted as Q, resolveComponent as U, openBlock as b, createElementBlock as Z, normalizeClass as S, unref as n, createBlock as L, mergeProps as w, createCommentVNode as R, createSlots as _, withCtx as P, withDirectives as ee, createElementVNode as O, vShow as te } from "vue";
+import { defineComponent as Y, useAttrs as J, ref as s, computed as v, watch as y, createVNode as b, reactive as K, onMounted as Q, resolveComponent as U, openBlock as C, createElementBlock as Z, normalizeClass as w, unref as n, createBlock as H, mergeProps as S, createCommentVNode as L, createSlots as _, withCtx as R, withDirectives as ee, createElementVNode as O, vShow as te } from "vue";
 import { VftEmpty as ae } from "../empty/index.js";
 import { VftPagination as W } from "../pagination/index.js";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
@@ -13,10 +13,9 @@ import { EmptyEnum as re } from "../empty/constants.js";
 const r = (
   /* hoist-static*/
   le("table")
-), ie = q({
-  name: r.b()
-}), be = /* @__PURE__ */ q({
-  ...ie,
+), be = /* @__PURE__ */ Y({
+  name: r.b(),
+  __name: "table",
   props: {
     maxHeight: {},
     columns: {},
@@ -44,6 +43,10 @@ const r = (
     sticky: {
       type: [Boolean, Object]
     },
+    showPager: {
+      type: Boolean,
+      default: !0
+    },
     pagePlacement: {
       default: "bottom-right"
     },
@@ -51,18 +54,18 @@ const r = (
   },
   emits: ["page-change", "sort-change", "update:pageNum"],
   setup(l, {
-    expose: T,
+    expose: q,
     emit: d
   }) {
-    const V = J(), $ = s(0), i = s(), A = ne(() => G(), 120), k = h(() => l.pagePlacement.startsWith("bottom")), D = h(() => l.columns.map((e) => (e.align || (e.align = "center"), !e.formatter && !e.slots && !e.cellRender && (e.formatter = ({
+    const T = J(), V = s(0), i = s(), $ = ne(() => D(), 120), k = v(() => l.pagePlacement.startsWith("bottom")), A = v(() => l.columns.map((e) => (e.align || (e.align = "center"), !e.formatter && !e.slots && !e.cellRender && (e.formatter = ({
       cellValue: t
     }) => t || "-"), e)));
     y([() => l.loading, () => l.data, () => l.columns], () => {
-      A();
+      $();
     }, {
       immediate: !0
     });
-    function G() {
+    function D() {
       g.data = l.data, N(l.pageNum);
     }
     I.renderer.add("Encrypt", {
@@ -70,11 +73,11 @@ const r = (
       renderDefault(e, t) {
         const {
           row: a,
-          column: f
+          column: p
         } = t;
-        return C("span", {
+        return b("span", {
           class: "line-clamp",
-          innerHTML: a[f.field] || "-"
+          innerHTML: a[p.field] || "-"
         }, null);
       }
     }), I.formats.mixin({
@@ -84,13 +87,13 @@ const r = (
         return e || "-";
       }
     });
-    function M(e) {
+    function G(e) {
       d("page-change", e), d("update:pageNum", e);
     }
-    const X = () => ({
+    const M = () => ({
       maxHeight: "88px",
       height: "44px"
-    }), j = (e) => {
+    }), X = (e) => {
       var a;
       const {
         column: t
@@ -111,12 +114,12 @@ const r = (
         orders: ["desc", "asc", null]
       },
       seqConfig: {
-        startIndex: $.value
+        startIndex: V.value
       },
       cellClassName: "cellClass",
       rowClassName: "rowClass",
-      cellStyle: j,
-      rowStyle: X,
+      cellStyle: X,
+      rowStyle: M,
       headerRowClassName: "headerRowClass",
       headerAlign: "center",
       columnConfig: {
@@ -133,8 +136,8 @@ const r = (
         enabled: !1
       },
       ...l.tableConfig,
-      ...V
-    }), F = (e) => {
+      ...T
+    }), j = (e) => {
       d("sort-change", e);
     };
     y(() => l.pageNum, (e) => {
@@ -143,37 +146,37 @@ const r = (
     const N = (e) => {
       g.seqConfig && (g.seqConfig.startIndex = (e - 1) * l.pageSize);
     }, u = s(), z = s();
-    let p = s(!1), o = s(null), m = s(null);
-    const c = h(() => {
+    let f = s(!1), o = s(null), m = s(null);
+    const c = v(() => {
       var e;
       return ((e = l.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
     });
     y(() => [i, l.sticky], () => {
       var e, t, a;
-      (e = i.value) != null && e.$el && l.sticky && ((t = c.value) == null || t.removeEventListener("scroll", v), (a = c.value) == null || a.addEventListener("scroll", v), setTimeout(() => {
-        E();
+      (e = i.value) != null && e.$el && l.sticky && ((t = c.value) == null || t.removeEventListener("scroll", h), (a = c.value) == null || a.addEventListener("scroll", h), setTimeout(() => {
+        B();
       }, 50));
     }, {
       immediate: !0,
       deep: !0
     });
-    function E() {
-      if (!o.value || !m.value || (v(), !p.value))
+    function B() {
+      if (!o.value || !m.value || (h(), !f.value))
         return;
       const e = o.value.clientWidth, t = m.value.offsetWidth;
       u.value.style.width = e - 1 + "px", z.value.style.width = t + "px";
     }
-    function v() {
-      var x, B, H;
-      if (!((x = i.value) != null && x.$el) || !o.value || !c.value)
+    function h() {
+      var E, P, x;
+      if (!((E = i.value) != null && E.$el) || !o.value || !c.value)
         return;
-      const e = ((B = c.value) == null ? void 0 : B.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
+      const e = ((P = c.value) == null ? void 0 : P.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
         top: t,
         bottom: a
-      } = o.value.getBoundingClientRect(), f = ((H = c.value) == null ? void 0 : H.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
-      p.value = t < e && a > e && a - f > e, u.value.scrollLeft = o.value.scrollLeft;
+      } = o.value.getBoundingClientRect(), p = ((x = c.value) == null ? void 0 : x.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
+      f.value = t < e && a > e && a - p > e, u.value.scrollLeft = o.value.scrollLeft;
     }
-    const Y = () => {
+    const F = () => {
       var t;
       const e = (t = i.value) == null ? void 0 : t.$el;
       e && (o.value = e.querySelector(".vxe-table--body-wrapper"), m.value = e.querySelector(".vxe-table--body"), !(!o.value && !m.value) && (o.value.addEventListener("scroll", function(a) {
@@ -183,61 +186,61 @@ const r = (
       })));
     };
     return Q(() => {
-      l.sticky && (Y(), oe(i, () => E()));
-    }), T({
+      l.sticky && (F(), oe(i, () => B()));
+    }), q({
       table: i
     }), (e, t) => {
       const a = U("vxe-grid");
-      return b(), Z("div", {
-        class: S(n(r).b())
-      }, [k.value ? R("", !0) : (b(), L(n(W), w({
+      return C(), Z("div", {
+        class: w(n(r).b())
+      }, [e.showPager && !k.value ? (C(), H(n(W), S({
         key: 0,
         class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
         layout: "prev, pager, next"
       }, e.pageOptions, {
         total: e.total,
         "page-size": e.pageSize,
-        onCurrentChange: t[0] || (t[0] = (f) => d("page-change", e.pageNum)),
+        onCurrentChange: t[0] || (t[0] = (p) => d("page-change", e.pageNum)),
         "current-page": e.pageNum
-      }), null, 16, ["class", "total", "page-size", "current-page"])), C(a, w({
+      }), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0), b(a, S({
         ref_key: "xGrid",
         ref: i
       }, g, {
         height: e.height,
         "max-height": e.maxHeight,
-        columns: D.value,
+        columns: A.value,
         data: e.data,
         "auto-resize": "",
         loading: e.loading,
         resizable: "",
-        onSortChange: F
+        onSortChange: j
       }), _({
-        empty: P(() => [C(n(ae), {
+        empty: R(() => [b(n(ae), {
           type: n(re).NO_DATA
         }, null, 8, ["type"])]),
         _: 2
       }, [e.sticky ? {
         name: "bottom",
-        fn: P(() => [ee(O("div", {
+        fn: R(() => [ee(O("div", {
           ref_key: "stickyScroll",
           ref: u,
-          class: S(n(r).e("sticky-scroll-warpper"))
+          class: w(n(r).e("sticky-scroll-warpper"))
         }, [O("div", {
           ref_key: "stickyScrollBar",
           ref: z,
-          class: S(n(r).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[te, n(p)]])]),
+          class: w(n(r).e("sticky-scroll-bar"))
+        }, null, 2)], 2), [[te, n(f)]])]),
         key: "0"
-      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), k.value ? (b(), L(n(W), w({
+      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), e.showPager && k.value ? (C(), H(n(W), S({
         key: 1,
         class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
         layout: "prev, pager, next"
       }, e.pageOptions, {
         total: e.total,
         "page-size": e.pageSize,
-        onCurrentChange: M,
+        onCurrentChange: G,
         "current-page": e.pageNum
-      }), null, 16, ["class", "total", "page-size", "current-page"])) : R("", !0)], 2);
+      }), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0)], 2);
     };
   }
 });

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 l, nextTick as et } from "vue";
+import { defineComponent as Q, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as l, nextTick as et } from "vue";
 import { capitalize as $ } from "@vft/utils";
 import { throwError as it } from "../../utils/error.js";
 import "lodash";
@@ -88,13 +88,12 @@ import "../../hooks/use-z-index/index.js";
 import { EVENT_CODE as T } from "@vft/constants";
 import { TabsRootContextKey as st } from "./types.js";
 import lt from "./tab-bar.vue2.js";
-const V = (
+const E = (
   /* hoist-static*/
   K("tab-nav")
-), ct = E({
-  name: V.b()
-}), Xo = /* @__PURE__ */ E({
-  ...ct,
+), Uo = /* @__PURE__ */ Q({
+  name: E.b(),
+  __name: "tab-nav",
   props: {
     panes: {},
     editable: {
@@ -117,20 +116,20 @@ const V = (
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
   setup(n, {
-    expose: D,
+    expose: V,
     emit: h
   }) {
     var A;
-    const M = Z(), d = _(st);
-    d || it(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const e = K("tabs"), q = nt(), H = rt(), 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 D = Z(), d = _(st);
+    d || it(E.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const e = K("tabs"), M = nt(), q = rt(), 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"), H = I(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${f.value}px)`
-    })), j = () => {
+    })), W = () => {
       if (!v.value)
         return;
       const o = v.value[`offset${$(w.value)}`], t = f.value;
       t && (f.value = t > o ? t - o : 0);
-    }, U = () => {
+    }, j = () => {
       if (!v.value || !C.value)
         return;
       const o = C.value[`offset${$(w.value)}`], t = v.value[`offset${$(w.value)}`], i = f.value;
@@ -151,7 +150,7 @@ const V = (
         return;
       const o = C.value[`offset${$(w.value)}`], t = v.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) => {
+    }, U = (o) => {
       const t = o.code, {
         up: i,
         down: b,
@@ -166,26 +165,26 @@ const V = (
     }, P = () => {
       x.value && (k.value = !0);
     }, S = () => k.value = !1;
-    O(q, (o) => {
+    O(M, (o) => {
       o === "hidden" ? x.value = !1 : o === "visible" && setTimeout(() => x.value = !0, 50);
-    }), O(H, (o) => {
+    }), O(q, (o) => {
       o ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), at(y, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
+    }), at(y, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), V({
       scrollToActiveTab: R,
       removeFocus: S
-    }), O(() => n.panes, () => M.update(), {
+    }), O(() => n.panes, () => D.update(), {
       flush: "post"
     });
-    const Y = I(() => {
+    const X = I(() => {
       var o, t;
       return m.value ? [l("span", {
         class: [e.e("nav-prev"), e.is("disabled", !m.value.prev)],
-        onClick: j
+        onClick: W
       }, [(o = n.arrowLeftIconCfg) != null && o.icon ? l(B, n.arrowLeftIconCfg, null) : null]), l("span", {
         class: [e.e("nav-next"), e.is("disabled", !m.value.next)],
-        onClick: U
+        onClick: j
       }, [(t = n.arrowRightIconCfg) != null && t.icon ? l(B, n.arrowRightIconCfg, null) : null])] : null;
-    }), G = I(() => {
+    }), Y = I(() => {
       var o;
       return (o = n.panes) == null ? void 0 : o.map((t, i) => {
         var N, F, L;
@@ -194,7 +193,7 @@ const V = (
         const c = u ? l("span", {
           class: "is-icon-close",
           onClick: (p) => h("tabRemove", t, p)
-        }, [(N = n.closeIconCfg) != null && N.icon ? l(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;
+        }, [(N = n.closeIconCfg) != null && N.icon ? l(B, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, J = !s && t.active ? 0 : -1;
         return l("div", {
           ref: `tab-${b}`,
           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)],
@@ -203,7 +202,7 @@ const V = (
           "aria-controls": `pane-${r}`,
           role: "tab",
           "aria-selected": t.active,
-          tabindex: Q,
+          tabindex: J,
           onFocus: () => P(),
           onBlur: () => S(),
           onClick: (p) => {
@@ -221,7 +220,7 @@ const V = (
           }
         }, [a, c]);
       });
-    }), J = n.editable || n.addable ? l("span", {
+    }), G = n.editable || n.addable ? l("span", {
       class: e.e("new-tab"),
       tabindex: "0",
       onClick: () => h("tabAdd"),
@@ -232,20 +231,20 @@ const V = (
     return () => l("div", {
       ref: y,
       class: [e.e("nav-wrap"), e.is("scrollable", !!m.value), e.is(d.props.tabPosition)]
-    }, [Y.value, l("div", {
+    }, [X.value, l("div", {
       class: e.e("nav-scroll"),
       ref: v
     }, [l("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,
+      style: H.value,
       role: "tablist",
-      onKeydown: X
+      onKeydown: U
     }, [n.showBar ? l(lt, {
       tabs: [...n.panes]
-    }, null) : null, G.value]), J])]);
+    }, null) : null, Y.value]), G])]);
   }
 });
 export {
-  Xo as default
+  Uo as default
 };

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

@@ -1,20 +1,19 @@
-import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as m, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
+import { defineComponent as h, getCurrentInstance as y, useSlots as C, inject as B, ref as u, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as $, vShow as E, createCommentVNode as P } from "vue";
 import "@vft/utils";
-import { throwError as P } from "../../utils/error.js";
+import { throwError as j } from "../../utils/error.js";
 import "lodash";
 import { eagerComputed as p } from "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { TabsRootContextKey as j } from "./types.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { TabsRootContextKey as D } from "./types.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const I = ["id", "aria-hidden", "aria-labelledby"], i = (
+const K = ["id", "aria-hidden", "aria-labelledby"], i = (
   /* hoist-static*/
-  D("tab-pane")
-), K = b({
-  name: i.b()
-}), O = /* @__PURE__ */ b({
-  ...K,
+  I("tab-pane")
+), L = /* @__PURE__ */ h({
+  name: i.b(),
+  __name: "tab-pane",
   props: {
     label: {},
     name: {},
@@ -23,27 +22,27 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
     lazy: { type: Boolean }
   },
   setup(a) {
-    const n = y(), v = C(), t = B(j);
-    t || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
-    const r = m(), f = d(() => a.closable || t.props.closable), e = p(() => t.currentName.value === (a.name ?? r.value)), c = m(e.value), s = d(() => a.name ?? r.value), h = p(() => !a.lazy || c.value || e.value);
+    const n = y(), b = C(), t = B(D);
+    t || j(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
+    const r = u(), v = d(() => a.closable || t.props.closable), e = p(() => t.currentName.value === (a.name ?? r.value)), c = u(e.value), s = d(() => a.name ?? r.value), f = p(() => !a.lazy || c.value || e.value);
     g(e, (l) => {
       l && (c.value = !0);
     });
-    const u = w({
+    const m = w({
       uid: n.uid,
-      slots: v,
+      slots: b,
       props: n.props,
       paneName: s,
       active: e,
       index: r,
-      isClosable: f,
+      isClosable: v,
       attrs: n.attrs
     });
     return N(() => {
-      t.registerPane(u);
+      t.registerPane(m);
     }), k(() => {
-      t.unregisterPane(u.uid);
-    }), (l, M) => o(h) ? x((z(), R("div", {
+      t.unregisterPane(m.uid);
+    }), (l, M) => o(f) ? x((z(), R("div", {
       key: 0,
       id: `pane-${s.value}`,
       class: S(o(i).b()),
@@ -51,12 +50,12 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
       "aria-hidden": !o(e),
       "aria-labelledby": `tab-${s.value}`
     }, [
-      _(l.$slots, "default")
-    ], 10, I)), [
-      [$, o(e)]
-    ]) : E("", !0);
+      $(l.$slots, "default")
+    ], 10, K)), [
+      [E, o(e)]
+    ]) : P("", !0);
   }
 });
 export {
-  O as default
+  L as default
 };

package/es/components/tabs/tabs.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, getCurrentInstance as g, useSlots as M, ref as h, watch as p, nextTick as D, computed as d, createVNode as l, provide as O } from "vue";
+import { defineComponent as z, getCurrentInstance as g, useSlots as M, ref as h, watch as p, nextTick as D, computed as d, createVNode as l, provide as O } from "vue";
 import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -13,10 +13,9 @@ import { TabsRootContextKey as S } from "./types.js";
 const s = (
   /* hoist-static*/
   U("tabs")
-), j = w({
-  name: s.b()
-}), oe = /* @__PURE__ */ w({
-  ...j,
+), te = /* @__PURE__ */ z({
+  name: s.b(),
+  __name: "tabs",
   props: {
     closable: {
       type: Boolean
@@ -62,27 +61,27 @@ const s = (
     expose: c,
     emit: t
   }) {
-    const T = g(), i = M(), u = h(), r = h(a.modelValue ?? "0"), R = (e) => {
+    const w = g(), i = M(), u = h(), r = h(a.modelValue ?? "0"), T = (e) => {
       r.value = e, t("update:modelValue", e), t("tabChange", e);
     }, m = async (e) => {
       var o, n, v;
       if (!(r.value === e || I(e)))
         try {
-          await ((o = a.beforeLeave) == null ? void 0 : o.call(a, e, r.value)) !== !1 && (R(e), (v = (n = u.value) == null ? void 0 : n.removeFocus) == null || v.call(n));
+          await ((o = a.beforeLeave) == null ? void 0 : o.call(a, e, r.value)) !== !1 && (T(e), (v = (n = u.value) == null ? void 0 : n.removeFocus) == null || v.call(n));
         } catch {
         }
-    }, x = (e, o, n) => {
+    }, R = (e, o, n) => {
       e.props.disabled || (m(o), t("tabClick", e, n));
-    }, y = (e, o) => {
+    }, x = (e, o) => {
       e.props.disabled || I(e.props.name) || (o.stopPropagation(), t("edit", e.props.name, "remove"), t("tabRemove", e.props.name));
     };
     p(() => a.modelValue, (e) => m(e)), p(r, async () => {
       var e;
       await D(), (e = u.value) == null || e.scrollToActiveTab();
     });
-    const L = () => {
+    const y = () => {
       t("edit", void 0, "add"), t("tabAdd");
-    }, N = (e, o, n) => {
+    }, L = (e, o, n) => {
       t("tabContextMenu", e, o, n);
     }, b = d(() => {
       var e;
@@ -90,31 +89,31 @@ const s = (
         class: s.e("content")
       }, [(e = i.default) == null ? void 0 : e.call(i)]);
     }), {
-      children: B,
-      addChild: P,
-      removeChild: A
+      children: N,
+      addChild: B,
+      removeChild: P
     } = $(g(), "vft-tab-pane");
     O(S, {
-      props: T.props,
+      props: w.props,
       currentName: r,
-      registerPane: P,
-      unregisterPane: A
+      registerPane: B,
+      unregisterPane: P
     }), c({
       currentName: r
     });
-    const E = d(() => ({
+    const A = d(() => ({
       icon: "ico-ep:plus",
       size: 12,
       ...a.addIconCfg
-    })), V = d(() => ({
+    })), E = d(() => ({
       icon: "ico-ep:close",
       size: 14,
       ...a.closeIconCfg
-    })), k = d(() => ({
+    })), V = d(() => ({
       icon: "ico-ep:arrow-left",
       size: 18,
       ...a.arrowLeftIconCfg
-    })), z = d(() => ({
+    })), k = d(() => ({
       icon: "ico-ep:arrow-right",
       size: 18,
       ...a.arrowRightIconCfg
@@ -125,19 +124,19 @@ const s = (
       }, [l(K, {
         ref: u,
         currentName: r.value,
-        panes: B.value,
+        panes: N.value,
         stretch: a.stretch,
         showBar: a.showBar,
-        closeIconCfg: V.value,
-        addIconCfg: E.value,
-        arrowRightIconCfg: z.value,
-        arrowLeftIconCfg: k.value,
+        closeIconCfg: E.value,
+        addIconCfg: A.value,
+        arrowRightIconCfg: k.value,
+        arrowLeftIconCfg: V.value,
         editable: a.editable,
         addable: a.addable,
-        onTabClick: x,
-        onTabRemove: y,
-        onTabAdd: L,
-        onTabContextmenu: N
+        onTabClick: R,
+        onTabRemove: x,
+        onTabAdd: y,
+        onTabContextmenu: L
       }, null), (e = i.headerRight) == null ? void 0 : e.call(i)]);
     });
     return () => l("div", {
@@ -146,5 +145,5 @@ const s = (
   }
 });
 export {
-  oe as default
+  te as default
 };