x-next 1.12.0 → 1.14.0

package/dist/es/components/pagination/Pagination.js

@@ -1,14 +1,15 @@
-import { defineComponent as D, toRefs as G, ref as O, computed as g, reactive as H, watch as B, createVNode as n, mergeProps as b } from "vue";
-import K from "./page-item.vue.js";
-import L from "./page-item-step.vue.js";
-import Q from "./page-item-ellipsis.vue.js";
-import I from "./page-jumper.vue.js";
-import U from "./page-options.vue.js";
-import { isNumber as h } from "../../_utils/is.js";
-import { useSize as W } from "../../_hooks/use-size.js";
-import { getClassNameMixin as X } from "../../_utils/config.js";
-import { useLocale as Y } from "../../locale/index.js";
-const oe = /* @__PURE__ */ D({
+import { defineComponent as U, toRefs as Y, ref as B, computed as s, reactive as Z, watch as ee, createVNode as l, mergeProps as S, nextTick as te } from "vue";
+import ae from "./page-item.vue.js";
+import I from "./page-item-step.vue.js";
+import re from "./page-item-ellipsis.vue.js";
+import T from "./page-jumper.vue.js";
+import ue from "./page-options.vue.js";
+import { isNumber as le } from "../../_utils/is.js";
+import { useSize as ne } from "../../_hooks/use-size.js";
+import { getClassNameMixin as ie } from "../../_utils/config.js";
+import { useLocale as se } from "../../locale/index.js";
+import { normalizeInteger as P, isValidPageSize as A } from "./utils.js";
+const Se = /* @__PURE__ */ U({
   name: "Pagination",
   props: {
     /**
@@ -214,184 +215,192 @@ const oe = /* @__PURE__ */ D({
     emit: f,
     slots: o
   }) {
-    const c = X("pagination"), {
-      t: S
-    } = Y(), {
-      disabled: y,
-      pageItemStyle: A,
-      activePageItemStyle: E,
-      size: T
-    } = G(t), {
-      mergedSize: d
-    } = W(T), p = O(t.defaultCurrent), N = O(t.defaultPageSize), k = (e) => h(e) && Number.isFinite(e) && e > 0, w = (e, a = 10) => k(e) ? e : a, F = g(() => t.current ?? p.value), z = g(() => w(t.pageSize ?? N.value, w(t.defaultPageSize))), P = g(() => {
+    const d = ie("pagination"), {
+      t: z
+    } = se(), {
+      disabled: C,
+      pageItemStyle: _,
+      activePageItemStyle: L,
+      size: K
+    } = Y(t), {
+      mergedSize: h
+    } = ne(K), k = B(t.defaultCurrent), x = B(t.defaultPageSize), E = (e, a = 10) => A(e) ? e : a, R = s(() => t.current ?? k.value), y = s(() => E(t.pageSize ?? x.value, E(t.defaultPageSize))), N = s(() => {
       const e = t.total;
-      return h(e) && Number.isFinite(e) && e > 0 ? e : 0;
-    }), x = g(() => {
-      const e = F.value;
-      return h(e) && Number.isFinite(e) ? e : 1;
-    }), u = g(() => Math.max(Math.ceil(P.value / z.value), 1)), l = g(() => Math.min(Math.max(x.value, 1), u.value)), C = (e) => {
-      if (e !== l.value && h(e) && !t.disabled) {
-        const a = Math.min(Math.max(e, 1), u.value);
-        a !== l.value && (p.value = a, f("update:current", a), f("change", a));
+      return P(e, 0, 0, Number.MAX_SAFE_INTEGER);
+    }), j = s(() => {
+      const e = R.value;
+      return P(e, 1, 1, Number.MAX_SAFE_INTEGER);
+    }), q = s(() => P(t.baseSize, 6, 1, 100)), n = s(() => P(t.bufferSize, 2, 0, 100)), r = s(() => Math.max(Math.ceil(N.value / y.value), 1)), m = s(() => Math.min(Math.max(j.value, 1), r.value)), M = (e) => {
+      if (le(e) && Number.isFinite(e) && !t.disabled) {
+        const a = Math.min(Math.max(Math.trunc(e), 1), r.value);
+        a !== m.value && (k.value = a, f("update:current", a), f("change", a));
       }
-    }, J = (e) => {
-      k(e) && (N.value = e, f("update:pageSize", e), f("pageSizeChange", e));
-    }, s = H({
-      current: l,
-      style: A,
-      activeStyle: E,
-      onClick: C
-    }), V = {
+    }, F = (e) => {
+      t.disabled || !A(e) || e === y.value || (x.value = e, f("update:pageSize", e), f("pageSizeChange", e));
+    }, i = Z({
+      current: m,
+      style: _,
+      activeStyle: L,
+      onClick: M
+    }), J = {
       get current() {
-        return s.current;
+        return i.current;
       },
       get disabled() {
-        return y.value;
+        return C.value;
       },
       get style() {
-        return s.style;
+        return i.style;
       },
       get activeStyle() {
-        return s.activeStyle;
+        return i.activeStyle;
       },
       get onClick() {
-        return s.onClick;
+        return i.onClick;
       }
-    }, M = {
+    }, O = {
       get current() {
-        return s.current;
+        return i.current;
       },
       get disabled() {
-        return y.value;
+        return C.value;
       },
       get style() {
-        return s.style;
+        return i.style;
       },
       get onClick() {
-        return s.onClick;
+        return i.onClick;
       },
       get pages() {
-        return u.value;
+        return r.value;
       }
-    }, _ = {
+    }, V = {
       get current() {
-        return s.current;
+        return i.current;
       },
       get disabled() {
-        return y.value;
+        return C.value;
       },
       get style() {
-        return s.style;
+        return i.style;
       },
       get onClick() {
-        return s.onClick;
+        return i.onClick;
       },
       get pages() {
-        return u.value;
+        return r.value;
       }
-    }, r = (e, a = {}) => e === "more" ? n(Q, b(a, _), {
+    }, u = (e, a = {}) => e === "more" ? l(re, S(a, V), {
       default: o["page-item-ellipsis"]
-    }) : e === "previous" ? n(L, b({
+    }) : e === "previous" ? l(I, S({
       type: "previous"
-    }, a, M), {
+    }, a, O), {
       default: o["page-item-step"]
-    }) : e === "next" ? n(L, b({
+    }) : e === "next" ? l(I, S({
       type: "next"
-    }, a, M), {
+    }, a, O), {
       default: o["page-item-step"]
-    }) : n(K, b(a, V), {
+    }) : l(ae, S(a, J), {
       default: o["page-item"]
-    }), R = g(() => {
+    }), G = s(() => {
       const e = [];
-      if (u.value < t.baseSize + t.bufferSize * 2)
-        for (let a = 1; a <= u.value; a++)
-          e.push(r("page", {
+      if (r.value < q.value + n.value * 2)
+        for (let a = 1; a <= r.value; a++)
+          e.push(u("page", {
             key: a,
             pageNumber: a
           }));
       else {
-        let a = 1, m = u.value, i = !1, j = !1;
-        l.value > 2 + t.bufferSize && (i = !0, a = Math.min(l.value - t.bufferSize, u.value - 2 * t.bufferSize)), l.value < u.value - (t.bufferSize + 1) && (j = !0, m = Math.max(l.value + t.bufferSize, 2 * t.bufferSize + 1)), i && (e.push(r("page", {
+        let a = 1, c = r.value, g = !1, v = !1;
+        m.value > 2 + n.value && (g = !0, a = Math.min(m.value - n.value, r.value - 2 * n.value)), m.value < r.value - (n.value + 1) && (v = !0, c = Math.max(m.value + n.value, 2 * n.value + 1)), g && (e.push(u("page", {
           key: 1,
           pageNumber: 1
-        })), e.push(r("more", {
+        })), e.push(u("more", {
           key: "left-ellipsis-pager",
-          step: -(t.bufferSize * 2 + 1)
+          step: -(n.value * 2 + 1)
         })));
-        for (let v = a; v <= m; v++)
-          e.push(r("page", {
-            key: v,
-            pageNumber: v
+        for (let p = a; p <= c; p++)
+          e.push(u("page", {
+            key: p,
+            pageNumber: p
           }));
-        j && (e.push(r("more", {
+        v && (e.push(u("more", {
           key: "right-ellipsis-pager",
-          step: t.bufferSize * 2 + 1
-        })), e.push(r("page", {
-          key: u.value,
-          pageNumber: u.value
+          step: n.value * 2 + 1
+        })), e.push(u("page", {
+          key: r.value,
+          pageNumber: r.value
         })));
       }
       return e;
-    }), q = () => t.simple ? n("span", {
-      class: c.element("simple")
-    }, [r("previous", {
+    }), w = /* @__PURE__ */ new WeakSet(), X = (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      const a = e.target;
+      a.matches(".x-pagination--item") && a === document.activeElement && w.add(e);
+    }, W = (e) => {
+      if (!w.has(e)) return;
+      w.delete(e);
+      const a = e.target, c = e.currentTarget;
+      te(() => {
+        var g;
+        !a.isConnected && c.isConnected && document.activeElement === document.body && ((g = c.querySelector('[aria-current="page"]')) == null || g.focus());
+      });
+    }, $ = () => t.simple ? l("span", {
+      class: d.element("simple")
+    }, [u("previous", {
       simple: !0
-    }), n(I, {
+    }), l(T, {
       disabled: t.disabled,
-      current: l.value,
-      size: d.value,
-      pages: u.value,
+      current: m.value,
+      size: h.value,
+      pages: r.value,
       simple: !0,
-      onChange: C
-    }, null), r("next", {
+      onChange: M
+    }, null), u("next", {
       simple: !0
-    })]) : n("ul", {
-      class: c.element("list")
-    }, [r("previous"), R.value, t.showMore && r("more", {
+    })]) : l("ul", {
+      class: d.element("list"),
+      onKeydownCapture: X,
+      onKeydown: W
+    }, [u("previous"), G.value, t.showMore && u("more", {
       key: "more",
-      step: t.bufferSize * 2 + 1
-    }), r("next")]);
-    B(z, (e, a) => {
-      if (t.autoAdjust && e !== a && l.value > 1) {
-        const m = a * (l.value - 1) + 1, i = Math.ceil(m / e);
-        i !== l.value && (p.value = i, f("update:current", i), f("change", i));
-      }
-    }), B(u, (e, a) => {
-      if (!t.autoAdjust || e === a || x.value <= e)
-        return;
-      const i = Math.max(e, 1);
-      p.value = i, f("update:current", i), f("change", i);
+      step: n.value * 2 + 1
+    }), u("next")]);
+    ee([y, r, j], ([e, a, c], [g, v, p]) => {
+      if (!t.autoAdjust || c !== p || e === g && a === v) return;
+      const H = Math.min(p, v), Q = e === g ? c : Math.floor((H - 1) * g / e) + 1, b = Math.min(Q, a);
+      b !== c && (k.value = b, f("update:current", b), f("change", b));
     });
-    const $ = g(() => [c.block, c.modifier(`size-${d.value}`), {
-      [c.modifier("simple")]: t.simple,
-      [c.modifier("disabled")]: t.disabled
+    const D = s(() => [d.block, d.modifier(`size-${h.value}`), {
+      [d.modifier("simple")]: t.simple,
+      [d.modifier("disabled")]: t.disabled
     }]);
     return () => {
       var e;
-      return t.hideOnSinglePage && u.value <= 1 ? null : n("div", {
-        class: $.value,
+      return t.hideOnSinglePage && r.value <= 1 ? null : l("div", {
+        class: D.value,
         role: "navigation",
-        "aria-label": S("pagination.ariaLabel")
-      }, [t.showTotal && n("span", {
-        class: c.element("total")
+        "aria-label": z("pagination.ariaLabel")
+      }, [t.showTotal && l("span", {
+        class: d.element("total")
       }, [((e = o.total) == null ? void 0 : e.call(o, {
-        total: P.value
-      })) ?? S("pagination.total", {
-        total: P.value
-      })]), q(), t.showPageSize && n(U, {
+        total: N.value
+      })) ?? z("pagination.total", {
+        total: N.value
+      })]), $(), t.showPageSize && l(ue, {
         disabled: t.disabled,
         sizeOptions: t.pageSizeOptions,
-        pageSize: z.value,
-        size: d.value,
-        onChange: J,
+        pageSize: y.value,
+        size: h.value,
+        onChange: F,
         selectProps: t.pageSizeProps
-      }, null), !t.simple && t.showJumper && n(I, {
+      }, null), !t.simple && t.showJumper && l(T, {
         disabled: t.disabled,
-        current: l.value,
-        pages: u.value,
-        size: d.value,
-        ariaLabel: S("pagination.jumpTo"),
-        onChange: C
+        current: m.value,
+        pages: r.value,
+        size: h.value,
+        ariaLabel: z("pagination.jumpTo"),
+        onChange: M
       }, {
         "jumper-prepend": o["jumper-prepend"],
         "jumper-append": o["jumper-append"]
@@ -400,5 +409,5 @@ const oe = /* @__PURE__ */ D({
   }
 });
 export {
-  oe as default
+  Se as default
 };

package/dist/es/components/pagination/page-item-ellipsis.vue.js

@@ -1,24 +1,24 @@
 import l from "./page-item-ellipsis.vue2.js";
-import { resolveComponent as i, openBlock as r, createElementBlock as s, normalizeClass as d, renderSlot as t, createVNode as p } from "vue";
-import m from "../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as r, openBlock as i, createElementBlock as s, normalizeClass as d, renderSlot as t, createVNode as m } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
 const b = ["tabindex", "aria-label", "aria-disabled"];
-function f(e, o, u, g, k, C) {
-  const a = i("icon-more");
-  return r(), s("li", {
+function f(e, o, g, u, k, C) {
+  const a = r("icon-more");
+  return i(), s("li", {
     class: d(e.cls),
     role: "button",
-    tabindex: e.disabled ? -1 : 0,
+    tabindex: e.mergedDisabled ? -1 : 0,
     "aria-label": e.t("pagination.jumpToPage", { page: e.nextPage }),
-    "aria-disabled": e.disabled || void 0,
+    "aria-disabled": e.mergedDisabled || void 0,
     onClick: o[0] || (o[0] = (...n) => e.handleClick && e.handleClick(...n)),
     onKeydown: o[1] || (o[1] = (...n) => e.handleKeyDown && e.handleKeyDown(...n))
   }, [
     t(e.$slots, "default", {}, () => [
-      p(a)
+      m(a)
     ])
   ], 42, b);
 }
-const y = /* @__PURE__ */ m(l, [["render", f]]);
+const w = /* @__PURE__ */ p(l, [["render", f]]);
 export {
-  y as default
+  w as default
 };

package/dist/es/components/pagination/page-item-ellipsis.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as c, computed as i } from "vue";
-import p from "../../icons/_self/more-dot.js";
-import { getLegalPage as u } from "./utils.js";
-import { getClassNameMixin as f } from "../../_utils/config.js";
-import { useLocale as d } from "../../locale/index.js";
-const x = c({
+import { defineComponent as u, computed as r } from "vue";
+import d from "../../icons/_self/more-dot.js";
+import { getLegalPage as f } from "./utils.js";
+import { getClassNameMixin as p } from "../../_utils/config.js";
+import { useLocale as g } from "../../locale/index.js";
+const x = u({
   name: "EllipsisPager",
   components: {
-    IconMore: p
+    IconMore: d
   },
   props: {
     current: {
@@ -27,24 +27,29 @@ const x = c({
     }
   },
   emits: ["click"],
-  setup(e, { emit: a }) {
-    const o = f("pagination--item"), { t: s } = d(), n = i(
-      () => u(e.current + e.step, {
+  setup(e, { emit: l }) {
+    const t = p("pagination--item"), { t: s } = g(), a = r(
+      () => f(e.current + e.step, {
         min: 1,
         max: e.pages
       })
-    ), r = (t) => {
-      e.disabled || a("click", n.value);
-    }, m = (t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r());
-    }, l = i(() => [o.block, o.modifier("ellipsis")]);
+    ), i = r(() => e.disabled || a.value === e.current), n = (o) => {
+      i.value || l("click", a.value);
+    }, m = (o) => {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), n());
+    }, c = r(() => [
+      t.block,
+      t.modifier("ellipsis"),
+      { [t.modifier("disabled")]: i.value }
+    ]);
     return {
       t: s,
-      className: o,
-      cls: l,
+      className: t,
+      cls: c,
       // 模板的 aria-label 需要它（点击后真正跳转到的页码）
-      nextPage: n,
-      handleClick: r,
+      nextPage: a,
+      mergedDisabled: i,
+      handleClick: n,
       handleKeyDown: m
     };
   }

package/dist/es/components/pagination/page-item-step.vue.js

@@ -1,10 +1,10 @@
-import t from "./page-item-step.vue2.js";
-import { resolveComponent as i, openBlock as o, createBlock as n, resolveDynamicComponent as l, normalizeClass as s, withCtx as d, renderSlot as p } from "vue";
+import n from "./page-item-step.vue2.js";
+import { resolveComponent as a, openBlock as i, createBlock as r, resolveDynamicComponent as l, normalizeClass as t, withCtx as s, renderSlot as d, createVNode as p } from "vue";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
-function c(e, f, b, u, g, k) {
-  const a = i("icon-right"), r = i("icon-left");
-  return o(), n(l(e.simple ? "span" : "li"), {
-    class: s(e.cls),
+function c(e, f, b, u, h, v) {
+  const o = a("x-icon");
+  return i(), r(l(e.simple ? "span" : "li"), {
+    class: t(e.cls),
     role: "button",
     tabindex: e.mergedDisabled ? -1 : 0,
     "aria-label": e.isNext ? e.t("pagination.next") : e.t("pagination.prev"),
@@ -12,17 +12,20 @@ function c(e, f, b, u, g, k) {
     onClick: e.handleClick,
     onKeydown: e.handleKeyDown
   }, {
-    default: d(() => [
-      p(e.$slots, "default", {
+    default: s(() => [
+      d(e.$slots, "default", {
         type: e.isNext ? "next" : "previous"
       }, () => [
-        e.isNext ? (o(), n(a, { key: 0 })) : (o(), n(r, { key: 1 }))
+        p(o, {
+          name: e.isNext ? "chevron-right" : "chevron-left",
+          "stroke-width": 1.5
+        }, null, 8, ["name"])
       ])
     ]),
     _: 3
   }, 40, ["class", "tabindex", "aria-label", "aria-disabled", "onClick", "onKeydown"]);
 }
-const v = /* @__PURE__ */ m(t, [["render", c]]);
+const w = /* @__PURE__ */ m(n, [["render", c]]);
 export {
-  v as default
+  w as default
 };

package/dist/es/components/pagination/page-item-step.vue2.js

@@ -1,14 +1,12 @@
-import { defineComponent as d, computed as a } from "vue";
-import f from "../../icons/_self/left.js";
-import g from "../../icons/_self/right.js";
-import { getLegalPage as p } from "./utils.js";
+import { defineComponent as d, computed as i } from "vue";
+import { Icon as f } from "../../icons/index.js";
+import { getLegalPage as g } from "./utils.js";
 import { getClassNameMixin as y } from "../../_utils/config.js";
-import { useLocale as b } from "../../locale/index.js";
-const C = d({
+import { useLocale as p } from "../../locale/index.js";
+const q = d({
   name: "StepPager",
   components: {
-    IconLeft: f,
-    IconRight: g
+    XIcon: f
   },
   props: {
     pages: {
@@ -33,34 +31,34 @@ const C = d({
     }
   },
   emits: ["click"],
-  setup(e, { emit: m }) {
-    const t = y("pagination--item"), { t: u } = b(), r = e.type === "next", i = a(() => e.disabled ? e.disabled : !e.pages || r && e.current === e.pages ? !0 : !r && e.current <= 1), l = a(
-      () => p(e.current + (r ? 1 : -1), {
+  setup(e, { emit: u }) {
+    const t = y("pagination--item"), { t: l } = p(), n = e.type === "next", a = i(() => e.disabled ? e.disabled : !e.pages || n && e.current === e.pages ? !0 : !n && e.current <= 1), c = i(
+      () => g(e.current + (n ? 1 : -1), {
         min: 1,
         max: e.pages
       })
-    ), o = (n) => {
-      i.value || m("click", l.value);
-    }, c = (n) => {
-      (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o());
-    }, s = a(() => [
+    ), o = (r) => {
+      a.value || u("click", c.value);
+    }, m = (r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), o());
+    }, s = i(() => [
       t.block,
       t.modifier(e.type),
       {
-        [t.modifier("disabled")]: i.value
+        [t.modifier("disabled")]: a.value
       }
     ]);
     return {
-      t: u,
+      t: l,
       className: t,
       cls: s,
-      isNext: r,
-      mergedDisabled: i,
+      isNext: n,
+      mergedDisabled: a,
       handleClick: o,
-      handleKeyDown: c
+      handleKeyDown: m
     };
   }
 });
 export {
-  C as default
+  q as default
 };

package/dist/es/components/pagination/page-item.vue.js

@@ -1,24 +1,25 @@
-import o from "./page-item.vue2.js";
-import { openBlock as i, createElementBlock as l, normalizeStyle as n, normalizeClass as d, renderSlot as s, createTextVNode as t, toDisplayString as p } from "vue";
+import l from "./page-item.vue2.js";
+import { openBlock as o, createElementBlock as i, normalizeStyle as n, normalizeClass as d, renderSlot as s, createTextVNode as t, toDisplayString as p } from "vue";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
-const u = ["tabindex", "aria-current", "aria-disabled"];
-function b(e, r, f, g, y, k) {
-  return i(), l("li", {
+const b = ["tabindex", "aria-current", "aria-label", "aria-disabled"];
+function u(e, a, f, g, y, k) {
+  return o(), i("li", {
     class: d(e.cls),
     style: n(e.mergedStyle),
     role: "button",
     tabindex: e.disabled ? -1 : 0,
     "aria-current": e.isActive ? "page" : void 0,
+    "aria-label": e.pageLabel,
     "aria-disabled": e.disabled || void 0,
-    onClick: r[0] || (r[0] = (...a) => e.handleClick && e.handleClick(...a)),
-    onKeydown: r[1] || (r[1] = (...a) => e.handleKeyDown && e.handleKeyDown(...a))
+    onClick: a[0] || (a[0] = (...r) => e.handleClick && e.handleClick(...r)),
+    onKeydown: a[1] || (a[1] = (...r) => e.handleKeyDown && e.handleKeyDown(...r))
   }, [
     s(e.$slots, "default", { page: e.pageNumber }, () => [
       t(p(e.pageNumber), 1)
     ])
-  ], 46, u);
+  ], 46, b);
 }
-const v = /* @__PURE__ */ m(o, [["render", b]]);
+const v = /* @__PURE__ */ m(l, [["render", u]]);
 export {
   v as default
 };

package/dist/es/components/pagination/page-item.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as o, computed as n } from "vue";
-import { getClassNameMixin as u } from "../../_utils/config.js";
-const f = o({
+import { defineComponent as b, computed as a } from "vue";
+import { getClassNameMixin as p } from "../../_utils/config.js";
+import { useLocale as y } from "../../locale/index.js";
+const N = b({
   name: "Pager",
   props: {
     pageNumber: {
@@ -21,27 +22,31 @@ const f = o({
     }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const a = u("pagination--item"), c = n(() => e.current === e.pageNumber), i = (t) => {
-      e.disabled || l("click", e.pageNumber, t);
-    }, m = (t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(t));
-    }, r = n(() => [
-      a.block,
+  setup(e, { emit: c }) {
+    const n = p("pagination--item"), { t: o, locale: m } = y(), r = a(() => o(
+      m.value.pagination.pageLabel ? "pagination.pageLabel" : "pagination.jumpToPage",
+      { page: e.pageNumber ?? 1 }
+    )), i = a(() => e.current === e.pageNumber), l = (t) => {
+      e.disabled || c("click", e.pageNumber, t);
+    }, s = (t) => {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(t));
+    }, u = a(() => [
+      n.block,
       {
-        [a.modifier("active")]: c.value
+        [n.modifier("active")]: i.value
       }
-    ]), s = n(() => c.value ? e.activeStyle : e.style);
+    ]), g = a(() => i.value ? { ...e.style, ...e.activeStyle } : e.style);
     return {
-      className: a,
-      isActive: c,
-      cls: r,
-      mergedStyle: s,
-      handleClick: i,
-      handleKeyDown: m
+      pageLabel: r,
+      className: n,
+      isActive: i,
+      cls: u,
+      mergedStyle: g,
+      handleClick: l,
+      handleKeyDown: s
     };
   }
 });
 export {
-  f as default
+  N as default
 };