x-next 1.4.0 → 1.5.0

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

@@ -1,10 +1,10 @@
-import { defineComponent as F, toRefs as $, ref as w, computed as m, reactive as D, watch as j, createVNode as i, mergeProps as b } from "vue";
+import { defineComponent as F, toRefs as $, ref as M, computed as d, reactive as D, watch as j, createVNode as n, mergeProps as b } from "vue";
 import G from "./page-item.vue.js";
 import O from "./page-item-step.vue.js";
 import H from "./page-item-ellipsis.vue.js";
 import B from "./page-jumper.vue.js";
 import K from "./page-options.vue.js";
-import { isNumber as y } from "../../_utils/is.js";
+import { isNumber as h } from "../../_utils/is.js";
 import { useSize as Q } from "../../_hooks/use-size.js";
 import { getClassNameMixin as U } from "../../_utils/config.js";
 import { useLocale as W } from "../../locale/index.js";
@@ -211,88 +211,88 @@ const ne = /* @__PURE__ */ F({
    * @binding {number} total
    */
   setup(e, {
-    emit: f,
-    slots: s
+    emit: o,
+    slots: f
   }) {
-    const o = U("pagination"), {
+    const g = U("pagination"), {
       t: I
     } = W(), {
-      disabled: z,
+      disabled: P,
       pageItemStyle: A,
       activePageItemStyle: E,
       size: L
     } = $(e), {
-      mergedSize: c
-    } = Q(L), p = w(e.defaultCurrent), P = w(e.defaultPageSize), C = (t) => y(t) && Number.isFinite(t) && t > 0, k = (t, a = 10) => C(t) ? t : a, N = m(() => e.current ?? p.value), h = m(() => k(e.pageSize ?? P.value, k(e.defaultPageSize))), u = m(() => Math.max(Math.ceil(e.total / h.value), 1)), l = m(() => y(N.value) ? Math.min(Math.max(N.value, 1), u.value) : 1), S = (t) => {
-      if (t !== l.value && y(t) && !e.disabled) {
+      mergedSize: m
+    } = Q(L), p = M(e.defaultCurrent), C = M(e.defaultPageSize), k = (t) => h(t) && Number.isFinite(t) && t > 0, N = (t, a = 10) => k(t) ? t : a, S = d(() => e.current ?? p.value), y = d(() => N(e.pageSize ?? C.value, N(e.defaultPageSize))), u = d(() => Math.max(Math.ceil(e.total / y.value), 1)), l = d(() => h(S.value) ? Math.min(Math.max(S.value, 1), u.value) : 1), z = (t) => {
+      if (t !== l.value && h(t) && !e.disabled) {
         const a = Math.min(Math.max(t, 1), u.value);
-        a !== l.value && (p.value = a, f("update:current", a), f("change", a));
+        a !== l.value && (p.value = a, o("update:current", a), o("change", a));
       }
     }, J = (t) => {
-      C(t) && (P.value = t, f("update:pageSize", t), f("pageSizeChange", t));
-    }, n = D({
+      k(t) && (C.value = t, o("update:pageSize", t), o("pageSizeChange", t));
+    }, s = D({
       current: l,
       style: A,
       activeStyle: E,
-      onClick: S
+      onClick: z
     }), V = {
       get current() {
-        return n.current;
+        return s.current;
       },
       get disabled() {
-        return z.value;
+        return P.value;
       },
       get style() {
-        return n.style;
+        return s.style;
       },
       get activeStyle() {
-        return n.activeStyle;
+        return s.activeStyle;
       },
       get onClick() {
-        return n.onClick;
+        return s.onClick;
       }
-    }, x = {
+    }, w = {
       get current() {
-        return n.current;
+        return s.current;
       },
       get disabled() {
-        return z.value;
+        return P.value;
       },
       get style() {
-        return n.style;
+        return s.style;
       },
       get onClick() {
-        return n.onClick;
+        return s.onClick;
       },
       get pages() {
         return u.value;
       }
     }, _ = {
       get current() {
-        return n.current;
+        return s.current;
       },
       get style() {
-        return n.style;
+        return s.style;
       },
       get onClick() {
-        return n.onClick;
+        return s.onClick;
       },
       get pages() {
         return u.value;
       }
-    }, r = (t, a = {}) => t === "more" ? i(H, b(a, _), {
-      default: s["page-item-ellipsis"]
-    }) : t === "previous" ? i(O, b({
+    }, r = (t, a = {}) => t === "more" ? n(H, b(a, _), {
+      default: f["page-item-ellipsis"]
+    }) : t === "previous" ? n(O, b({
       type: "previous"
-    }, a, x), {
-      default: s["page-item-step"]
-    }) : t === "next" ? i(O, b({
+    }, a, w), {
+      default: f["page-item-step"]
+    }) : t === "next" ? n(O, b({
       type: "next"
-    }, a, x), {
-      default: s["page-item-step"]
-    }) : i(G, b(a, V), {
-      default: s["page-item"]
-    }), R = m(() => {
+    }, a, w), {
+      default: f["page-item-step"]
+    }) : n(G, b(a, V), {
+      default: f["page-item"]
+    }), R = d(() => {
       const t = [];
       if (u.value < e.baseSize + e.bufferSize * 2)
         for (let a = 1; a <= u.value; a++)
@@ -301,20 +301,20 @@ const ne = /* @__PURE__ */ F({
             pageNumber: a
           }));
       else {
-        let a = 1, g = u.value, d = !1, M = !1;
-        l.value > 2 + e.bufferSize && (d = !0, a = Math.min(l.value - e.bufferSize, u.value - 2 * e.bufferSize)), l.value < u.value - (e.bufferSize + 1) && (M = !0, g = Math.max(l.value + e.bufferSize, 2 * e.bufferSize + 1)), d && (t.push(r("page", {
+        let a = 1, c = u.value, i = !1, x = !1;
+        l.value > 2 + e.bufferSize && (i = !0, a = Math.min(l.value - e.bufferSize, u.value - 2 * e.bufferSize)), l.value < u.value - (e.bufferSize + 1) && (x = !0, c = Math.max(l.value + e.bufferSize, 2 * e.bufferSize + 1)), i && (t.push(r("page", {
           key: 1,
           pageNumber: 1
         })), t.push(r("more", {
           key: "left-ellipsis-pager",
           step: -(e.bufferSize * 2 + 1)
         })));
-        for (let v = a; v <= g; v++)
+        for (let v = a; v <= c; v++)
           t.push(r("page", {
             key: v,
             pageNumber: v
           }));
-        M && (t.push(r("more", {
+        x && (t.push(r("more", {
           key: "right-ellipsis-pager",
           step: e.bufferSize * 2 + 1
         })), t.push(r("page", {
@@ -323,66 +323,69 @@ const ne = /* @__PURE__ */ F({
         })));
       }
       return t;
-    }), T = () => e.simple ? i("span", {
-      class: o.element("simple")
+    }), T = () => e.simple ? n("span", {
+      class: g.element("simple")
     }, [r("previous", {
       simple: !0
-    }), i(B, {
+    }), n(B, {
       disabled: e.disabled,
       current: l.value,
-      size: c.value,
+      size: m.value,
       pages: u.value,
       simple: !0,
-      onChange: S
+      onChange: z
     }, null), r("next", {
       simple: !0
-    })]) : i("ul", {
-      class: o.element("list")
+    })]) : n("ul", {
+      class: g.element("list")
     }, [r("previous"), R.value, e.showMore && r("more", {
       key: "more",
       step: e.bufferSize * 2 + 1
     }), r("next")]);
-    j(h, (t, a) => {
+    j(y, (t, a) => {
       if (e.autoAdjust && t !== a && l.value > 1) {
-        const g = a * (l.value - 1) + 1, d = Math.ceil(g / t);
-        d !== l.value && (p.value = d, f("update:current", d), f("change", d));
+        const c = a * (l.value - 1) + 1, i = Math.ceil(c / t);
+        i !== l.value && (p.value = i, o("update:current", i), o("change", i));
       }
     }), j(u, (t, a) => {
-      if (e.autoAdjust && t !== a && l.value > 1 && l.value > t) {
-        const g = Math.max(t, 1);
-        p.value = g, f("update:current", g), f("change", g);
-      }
+      if (!e.autoAdjust || t === a)
+        return;
+      const c = S.value;
+      if (!h(c) || c <= t)
+        return;
+      const i = Math.max(t, 1);
+      p.value = i, o("update:current", i), o("change", i);
     });
-    const q = m(() => [o.block, o.modifier(`size-${c.value}`), {
-      [o.modifier("simple")]: e.simple,
-      [o.modifier("disabled")]: e.disabled
+    const q = d(() => [g.block, g.modifier(`size-${m.value}`), {
+      [g.modifier("simple")]: e.simple,
+      [g.modifier("disabled")]: e.disabled
     }]);
     return () => {
       var t;
-      return e.hideOnSinglePage && u.value <= 1 ? null : i("div", {
+      return e.hideOnSinglePage && u.value <= 1 ? null : n("div", {
         class: q.value
-      }, [e.showTotal && i("span", {
-        class: o.element("total")
-      }, [((t = s.total) == null ? void 0 : t.call(s, {
+      }, [e.showTotal && n("span", {
+        class: g.element("total")
+      }, [((t = f.total) == null ? void 0 : t.call(f, {
         total: e.total
       })) ?? I("pagination.total", {
         total: e.total
-      })]), T(), e.showPageSize && i(K, {
+      })]), T(), e.showPageSize && n(K, {
         disabled: e.disabled,
         sizeOptions: e.pageSizeOptions,
-        pageSize: h.value,
-        size: c.value,
+        pageSize: y.value,
+        size: m.value,
         onChange: J,
         selectProps: e.pageSizeProps
-      }, null), !e.simple && e.showJumper && i(B, {
+      }, null), !e.simple && e.showJumper && n(B, {
         disabled: e.disabled,
         current: l.value,
         pages: u.value,
-        size: c.value,
-        onChange: S
+        size: m.value,
+        onChange: z
       }, {
-        "jumper-prepend": s["jumper-prepend"],
-        "jumper-append": s["jumper-append"]
+        "jumper-prepend": f["jumper-prepend"],
+        "jumper-append": f["jumper-append"]
       })]);
     };
   }

package/dist/es/components/steps/Step.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as y, getCurrentInstance as h, inject as N, computed as n, ref as j, reactive as w, onBeforeUnmount as B } from "vue";
-import E from "../../icons/default/check.js";
-import K from "../../icons/default/close.js";
-import { stepsInjectionKey as _ } from "./context.js";
-import { useIndex as A } from "../../_hooks/use-index.js";
-import { getClassNameMixin as u } from "../../_utils/config.js";
-const T = y({
+import { defineComponent as j, getCurrentInstance as w, inject as B, computed as o, ref as f, reactive as E, onBeforeUnmount as K } from "vue";
+import O from "../../icons/default/check.js";
+import _ from "../../icons/default/close.js";
+import { stepsInjectionKey as A } from "./context.js";
+import { useIndex as D } from "../../_hooks/use-index.js";
+import { getClassNameMixin as v } from "../../_utils/config.js";
+const $ = j({
   name: "Step",
   components: {
-    IconCheck: E,
-    IconClose: K
+    IconCheck: O,
+    IconClose: _
   },
   slots: Object,
   props: {
@@ -59,57 +59,61 @@ const T = y({
    * @slot description
    */
   setup(a) {
-    const o = u("steps--item"), l = h(), f = u("steps--icon"), e = N(_, void 0), s = n(() => (e == null ? void 0 : e.type) ?? "default"), t = j(), { innerIndex: v } = A({
-      itemRef: t,
-      selector: `.${o.block}`,
+    var m;
+    const i = v("steps--item"), c = w(), s = v("steps--icon"), e = B(A, void 0), b = o(() => (e == null ? void 0 : e.type) ?? "default"), d = f(), I = f(((m = e == null ? void 0 : e.registerOrder) == null ? void 0 : m.call(e)) ?? 1), { innerIndex: g } = D({
+      itemRef: d,
+      selector: `.${i.block}`,
       parentClassName: e == null ? void 0 : e.parentCls
-    }), i = n(() => v.value + 1), r = n(
-      () => a.status ?? (e == null ? void 0 : e.getStatus(i.value)) ?? "process"
-    ), b = n(
-      () => (e == null ? void 0 : e.errorSteps.includes(i.value + 1)) ?? !1
+    }), r = o(() => {
+      const n = g.value;
+      return (n >= 0 ? n : I.value - 1) + 1;
+    }), l = o(
+      () => a.status ?? (e == null ? void 0 : e.getStatus(r.value)) ?? "process"
+    ), S = o(
+      () => (e == null ? void 0 : e.errorSteps.includes(r.value + 1)) ?? !1
     );
-    l && (e == null || e.addItem(
-      l.uid,
-      w({
-        step: i,
-        status: r
+    c && (e == null || e.addItem(
+      c.uid,
+      E({
+        step: r,
+        status: l
       })
-    )), B(() => {
-      l && (e == null || e.removeItem(l.uid));
+    )), K(() => {
+      c && (e == null || e.removeItem(c.uid));
     });
-    const I = n(
+    const k = o(
       () => !(e != null && e.lineLess) && ((e == null ? void 0 : e.labelPlacement) === "vertical" || (e == null ? void 0 : e.direction) === "vertical")
-    ), d = n(() => !!(e != null && e.changeable) && !a.disabled), m = n(() => i.value === (e == null ? void 0 : e.current)), S = (c) => {
-      a.disabled || e == null || e.onClick(i.value, c);
-    }, g = (c) => {
-      !d.value || !["Enter", " "].includes(c.key) || (c.preventDefault(), e == null || e.onClick(i.value, c));
-    }, k = n(() => [
-      o.block,
-      o.modifier(r.value),
+    ), t = o(() => !!(e != null && e.changeable) && !a.disabled), u = o(() => r.value === (e == null ? void 0 : e.current)), y = (n) => {
+      a.disabled || e == null || e.onClick(r.value, n);
+    }, h = (n) => {
+      !t.value || !["Enter", " "].includes(n.key) || (n.preventDefault(), e == null || e.onClick(r.value, n));
+    }, N = o(() => [
+      i.block,
+      i.modifier(l.value),
       {
-        [o.modifier("active")]: m.value,
-        [o.modifier("next-error")]: b.value,
-        [o.modifier("disabled")]: a.disabled
+        [i.modifier("active")]: u.value,
+        [i.modifier("next-error")]: S.value,
+        [i.modifier("disabled")]: a.disabled
         // [`${prefixCls}-custom`]: !!icon,
       }
     ]);
     return {
-      className: o,
-      iconClassName: f,
-      cls: k,
-      itemRef: t,
-      showTail: I,
-      stepNumber: i,
-      computedStatus: r,
-      type: s,
+      className: i,
+      iconClassName: s,
+      cls: N,
+      itemRef: d,
+      showTail: k,
+      stepNumber: r,
+      computedStatus: l,
+      type: b,
       disabled: a.disabled,
-      interactive: d,
-      isActive: m,
-      handleClick: S,
-      handleKeydown: g
+      interactive: t,
+      isActive: u,
+      handleClick: y,
+      handleKeydown: h
     };
   }
 });
 export {
-  T as default
+  $ as default
 };

package/dist/es/components/steps/Steps.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, toRefs as z, ref as k, computed as n, reactive as m, provide as N } from "vue";
-import { stepsInjectionKey as w } from "./context.js";
-import { getClassNameMixin as B } from "../../_utils/config.js";
-const x = S({
+import { defineComponent as k, toRefs as N, ref as w, computed as n, reactive as m, provide as B } from "vue";
+import { stepsInjectionKey as I } from "./context.js";
+import { getClassNameMixin as M } from "../../_utils/config.js";
+const $ = k({
   name: "Steps",
   props: {
     /**
@@ -92,20 +92,22 @@ const x = S({
      */
     change: (e, l) => !0
   },
-  setup(e, { emit: l, slots: I }) {
-    const { type: s, lineLess: c, changeable: v } = z(e), a = B("steps"), d = k(e.defaultCurrent), r = n(() => e.current ?? d.value), i = n(
+  setup(e, { emit: l, slots: P }) {
+    const { type: s, lineLess: c, changeable: v } = N(e), a = M("steps"), d = w(e.defaultCurrent), r = n(() => e.current ?? d.value), o = n(
       () => ["navigation", "arrow"].includes(e.type) ? "horizontal" : e.direction
-    ), f = n(() => e.type === "dot" ? i.value === "vertical" ? "horizontal" : "vertical" : e.type === "navigation" ? "horizontal" : e.labelPlacement), y = (t) => t < r.value ? "finish" : t > r.value ? "wait" : e.status, g = (t, u) => {
+    ), f = n(() => e.type === "dot" ? o.value === "vertical" ? "horizontal" : "vertical" : e.type === "navigation" ? "horizontal" : e.labelPlacement), y = (t) => t < r.value ? "finish" : t > r.value ? "wait" : e.status, g = (t, u) => {
       e.changeable && (d.value = t, l("update:current", t), l("change", t, u));
-    }, o = m(/* @__PURE__ */ new Map()), h = n(
-      () => Array.from(o.values()).filter((t) => t.status === "error").map((t) => t.step)
+    }, i = m(/* @__PURE__ */ new Map()), h = n(
+      () => Array.from(i.values()).filter((t) => t.status === "error").map((t) => t.step)
     ), p = (t, u) => {
-      o.set(t, u);
+      i.set(t, u);
     }, b = (t) => {
-      o.delete(t);
-    }, C = n(() => [
+      i.delete(t);
+    };
+    let C = 0;
+    const S = () => ++C, z = n(() => [
       a.block,
-      a.modifier(i.value),
+      a.modifier(o.value),
       a.element(`label-${f.value}`),
       a.modifier(`mode-${s.value}`),
       {
@@ -114,11 +116,11 @@ const x = S({
         [a.modifier("line-less")]: c.value
       }
     ]);
-    return N(
-      w,
+    return B(
+      I,
       m({
         type: s,
-        direction: i,
+        direction: o,
         labelPlacement: f,
         lineLess: c,
         changeable: v,
@@ -128,13 +130,14 @@ const x = S({
         addItem: p,
         removeItem: b,
         onClick: g,
-        parentCls: a.block
+        parentCls: a.block,
+        registerOrder: S
       })
     ), {
-      cls: C
+      cls: z
     };
   }
 });
 export {
-  x as default
+  $ as default
 };

package/dist/es/components/tabs/TabPane.vue.js

@@ -1,13 +1,15 @@
-import o from "./TabPane.vue2.js";
-import { openBlock as a, createElementBlock as t, normalizeClass as n, renderSlot as r, createCommentVNode as s } from "vue";
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-const m = ["tabindex", "aria-hidden"];
-function l(e, d, c, p, f, u) {
+import i from "./TabPane.vue2.js";
+import { openBlock as a, createElementBlock as t, normalizeClass as n, renderSlot as o, createCommentVNode as r } from "vue";
+import l from "../../_virtual/_plugin-vue_export-helper.js";
+const s = ["id", "tabindex", "aria-hidden", "aria-labelledby"];
+function d(e, m, c, p, f, b) {
   return a(), t("div", {
     ref: "itemRef",
     role: "tabpanel",
+    id: e.panelId,
     tabindex: e.active ? 0 : -1,
     "aria-hidden": !e.active,
+    "aria-labelledby": e.tabId,
     class: n([
       e.className.element("content--item"),
       { [`${e.className.element("content--item")}-active`]: e.active }
@@ -17,11 +19,11 @@ function l(e, d, c, p, f, u) {
       key: 0,
       class: n(e.className.element("pane"))
     }, [
-      r(e.$slots, "default")
-    ], 2)) : s("", !0)
-  ], 10, m);
+      o(e.$slots, "default")
+    ], 2)) : r("", !0)
+  ], 10, s);
 }
-const h = /* @__PURE__ */ i(o, [["render", l]]);
+const h = /* @__PURE__ */ l(i, [["render", d]]);
 export {
   h as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as I, toRefs as g, getCurrentInstance as H, inject as O, ref as m, computed as c, reactive as j, onBeforeUnmount as k, watch as K, onUpdated as N } from "vue";
-import { tabsInjectionKey as R } from "./context.js";
-import { getClassNameMixin as U } from "../../_utils/config.js";
-const z = I({
+import { defineComponent as O, toRefs as j, getCurrentInstance as k, inject as K, ref as y, computed as d, reactive as N, onBeforeUnmount as R, watch as U, onUpdated as _ } from "vue";
+import { tabsInjectionKey as $ } from "./context.js";
+import { getClassNameMixin as h } from "../../_utils/config.js";
+const L = O({
   name: "TabPane",
   props: {
     /**
@@ -40,34 +40,38 @@ const z = I({
    * @en Tab title
    * @slot title
    */
-  setup(d, { slots: n }) {
-    var s, r;
-    const { title: v, disabled: p, closable: y } = g(d), e = H(), b = U("tabs"), t = O(R, {}), B = m(), i = c(() => e == null ? void 0 : e.vnode.key), l = c(() => {
+  setup(n, { slots: s }) {
+    var m, p;
+    const { title: b, disabled: I, closable: B } = j(n), e = k(), g = h("tabs"), t = K($, {}), H = y(), u = d(() => e == null ? void 0 : e.vnode.key), l = d(() => {
       var o;
-      return i.value === ((o = t.activeKey) == null ? void 0 : o.value);
-    }), a = m((s = t.lazyLoad) != null && s.value ? l.value : !0), u = j({
-      key: i,
-      title: v,
-      disabled: p,
-      closable: y,
-      slots: n
+      return u.value === ((o = t.activeKey) == null ? void 0 : o.value);
+    }), a = y((m = t.lazyLoad) != null && m.value ? l.value : !0), i = e == null ? void 0 : e.uid, r = d(() => `x-tabs-tab-${i}`), f = d(() => `x-tabs-panel-${i}`), c = N({
+      key: u,
+      title: b,
+      disabled: I,
+      closable: B,
+      slots: s,
+      tabId: r,
+      panelId: f
     });
-    return e != null && e.uid && ((r = t.addItem) == null || r.call(t, e.uid, u)), k(() => {
+    return e != null && e.uid && ((p = t.addItem) == null || p.call(t, e.uid, c)), R(() => {
       var o;
       e != null && e.uid && ((o = t.removeItem) == null || o.call(t, e.uid));
-    }), K(l, (o) => {
-      var f;
-      o ? a.value || (a.value = !0) : (d.destroyOnHide || (f = t.destroyOnHide) != null && f.value) && (a.value = !1);
-    }), N(() => {
-      u.slots = { ...n };
+    }), U(l, (o) => {
+      var v;
+      o ? a.value || (a.value = !0) : (n.destroyOnHide || (v = t.destroyOnHide) != null && v.value) && (a.value = !1);
+    }), _(() => {
+      c.slots = { ...s };
     }), {
-      className: b,
+      className: g,
       active: l,
-      itemRef: B,
-      mounted: a
+      itemRef: H,
+      mounted: a,
+      tabId: r,
+      panelId: f
     };
   }
 });
 export {
-  z as default
+  L as default
 };