x-next 1.3.1 → 1.5.0

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/table/Table.js

@@ -5,7 +5,7 @@ import { getGroupColumns as Gl, mapArrayWithChildren as Ul, mapRawTableData as Y
 import { useRowSelection as Jl } from "./hooks/use-row-selection.js";
 import { useExpand as Ql } from "./hooks/use-expand.js";
 import { usePagination as Xl } from "./hooks/use-pagination.js";
-import Zl from "../../icons/_self/plus.js";
+import Zl from "../../icons/default/plus.js";
 import ea from "../../icons/default/minus-circle-fill.js";
 import { Spin as ta } from "../spin/index.js";
 import { Pagination as la } from "../pagination/index.js";

package/dist/es/components/table/table-th.js

@@ -3,8 +3,8 @@ import { Checkbox as ne } from "../form-checkbox/index.js";
 import { Radio as oe } from "../form-radio/index.js";
 import { Button as N } from "../button/index.js";
 import { Trigger as ie } from "../trigger/index.js";
-import re from "../../icons/_self/down.js";
-import ue from "../../icons/_self/up.js";
+import re from "../../icons/default/down.js";
+import ue from "../../icons/default/up.js";
 import ae from "../../icons/default/filter.js";
 import { useColumnSorter as ce } from "./hooks/use-column-sorter.js";
 import { useColumnFilter as me } from "./hooks/use-column-filter.js";

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
 };

package/dist/es/components/tabs/tabs-button.js

@@ -2,8 +2,8 @@ import { defineComponent as d, computed as u, createVNode as n, isVNode as f } f
 import m from "../_components/icon-hover/index.vue.js";
 import s from "../../icons/_self/left.js";
 import b from "../../icons/_self/right.js";
-import y from "../../icons/_self/up.js";
-import v from "../../icons/_self/down.js";
+import y from "../../icons/default/up.js";
+import v from "../../icons/default/down.js";
 import { getClassNameMixin as x } from "../../_utils/config.js";
 import { useLocale as h } from "../../locale/index.js";
 function g(t) {

package/dist/es/components/tabs/tabs-nav.js

@@ -1,10 +1,10 @@
-import { defineComponent as ae, toRefs as le, ref as y, computed as h, watch as I, nextTick as N, onMounted as ie, createVNode as r } from "vue";
+import { defineComponent as ae, toRefs as le, ref as b, computed as h, watch as H, nextTick as I, onMounted as ie, createVNode as r } from "vue";
 import { getTabListStyle as ne, updateScrollOffset as oe } from "./utils.js";
 import re from "./tabs-tab.vue.js";
 import W from "./tabs-button.js";
 import ue from "./tabs-nav-ink.vue.js";
 import se from "../_components/icon-hover/index.vue.js";
-import de from "../../icons/_self/plus.js";
+import de from "../../icons/default/plus.js";
 import O from "../../_container/resize-observer.js";
 import { isUndefined as P, isNumber as fe } from "../../_utils/is.js";
 import { getClassNameMixin as ce } from "../../_utils/config.js";
@@ -56,7 +56,9 @@ const Re = /* @__PURE__ */ ae({
       default: !0
     },
     scrollPosition: {
-      type: String,
+      /* ScrollPosition 含 number（滚动到指定像素），只声明 String 会让
+         `:scroll-position="200"` 触发 prop 类型校验告警 */
+      type: [String, Number],
       default: "auto"
     }
   },
@@ -73,10 +75,10 @@ const Re = /* @__PURE__ */ ae({
       scrollPosition: s
     } = le(a), u = ce("tabs--nav"), {
       t: q
-    } = ve(), n = y(), m = y(), g = y({}), b = h(() => {
+    } = ve(), n = b(), m = b(), g = b({}), y = h(() => {
       if (!P(S.value))
         return g.value[S.value];
-    }), C = y(), L = h(() => a.editable && ["line", "card", "card-gutter"].includes(a.type)), d = y(!1), B = y(0), k = y(0), o = y(0), M = () => {
+    }), C = b(), L = h(() => a.editable && ["line", "card", "card-gutter"].includes(a.type)), d = b(!1), B = b(0), k = b(0), o = b(0), M = () => {
       var e, t;
       return (T.value === "vertical" ? (e = n.value) == null ? void 0 : e.offsetHeight : (t = n.value) == null ? void 0 : t.offsetWidth) ?? 0;
     }, D = () => !m.value || !n.value ? 0 : T.value === "vertical" ? m.value.offsetHeight - n.value.offsetHeight : m.value.offsetWidth - n.value.offsetWidth, w = () => {
@@ -84,9 +86,9 @@ const Re = /* @__PURE__ */ ae({
     }, K = () => n.value && m.value ? a.direction === "vertical" ? m.value.offsetHeight > n.value.offsetHeight : m.value.offsetWidth > n.value.offsetWidth : !1, f = (e) => {
       (!n.value || !m.value || e < 0) && (e = 0), o.value = Math.min(e, k.value);
     }, E = () => {
-      if (!b.value || !n.value || !d.value) return;
+      if (!y.value || !n.value || !d.value) return;
       oe(n.value, T.value);
-      const e = T.value === "horizontal", t = e ? "offsetLeft" : "offsetTop", c = e ? "offsetWidth" : "offsetHeight", l = b.value[t], i = b.value[c], v = n.value[c], ee = window.getComputedStyle(b.value), te = e ? s.value === "end" ? "marginRight" : "marginLeft" : s.value === "end" ? "marginBottom" : "marginTop", x = parseFloat(ee[te]) || 0;
+      const e = T.value === "horizontal", t = e ? "offsetLeft" : "offsetTop", c = e ? "offsetWidth" : "offsetHeight", l = y.value[t], i = y.value[c], v = n.value[c], ee = window.getComputedStyle(y.value), te = e ? s.value === "end" ? "marginRight" : "marginLeft" : s.value === "end" ? "marginBottom" : "marginTop", x = parseFloat(ee[te]) || 0;
       s.value === "auto" ? l < o.value ? f(l - x) : l + i > o.value + v && f(l + i - v + x) : s.value === "center" ? f(l + (i - v + x) / 2) : s.value === "start" ? f(l - x) : s.value === "end" ? f(l + i - v + x) : fe(s.value) && f(l - s.value);
     }, U = (e) => {
       if (!d.value) return;
@@ -99,7 +101,7 @@ const Re = /* @__PURE__ */ ae({
     }, j = (e, t) => {
       z("click", e, t);
     }, F = () => a.tabs.filter((e) => !e.disabled), V = (e) => {
-      N(() => {
+      I(() => {
         var t;
         (t = g.value[e]) == null || t.focus();
       });
@@ -115,27 +117,27 @@ const Re = /* @__PURE__ */ ae({
       }
     }, Y = (e, t) => {
       z("delete", e, t);
-    }, A = (e) => {
+    }, N = (e) => {
       const t = e === "previous" ? o.value - B.value : o.value + B.value;
       f(t);
     }, G = () => {
       w(), C.value && C.value.$forceUpdate();
     };
-    I($, () => {
-      N(() => {
+    H($, () => {
+      I(() => {
         const e = new Set(a.tabs.map((t) => String(t.key)));
         Object.keys(g.value).forEach((t) => {
           e.has(t) || delete g.value[t];
         }), w();
       });
-    }), I([p, s], () => {
+    }), H([p, s], () => {
       setTimeout(() => {
         E();
       }, 0);
     }), ie(() => {
       w();
     });
-    const H = () => !L.value || !a.showAddButton ? null : r(se, {
+    const A = () => !L.value || !a.showAddButton ? null : r(se, {
       as: "button",
       "aria-label": q("tabs.add"),
       class: u.element("add-btn"),
@@ -162,7 +164,7 @@ const Re = /* @__PURE__ */ ae({
         type: "previous",
         direction: a.direction,
         disabled: o.value <= 0,
-        onClick: A
+        onClick: N
       }, null), r(O, {
         onResize: () => w()
       }, {
@@ -192,22 +194,22 @@ const Re = /* @__PURE__ */ ae({
               var l, i;
               return [((i = (l = t.slots).title) == null ? void 0 : i.call(l)) ?? t.title];
             }
-          })), a.type === "line" && b.value && r(ue, {
+          })), a.type === "line" && y.value && r(ue, {
             ref: C,
-            activeTabRef: b.value,
+            activeTabRef: y.value,
             direction: a.direction,
             disabled: !1,
             animation: a.animation
           }, null)])]
-        }), !d.value && H()])]
+        }), !d.value && A()])]
       }), d.value && r(W, {
         type: "next",
         direction: a.direction,
         disabled: o.value >= k.value,
-        onClick: A
+        onClick: N
       }, null), r("div", {
         class: u.element("extra")
-      }, [d.value && H(), (e = R.extra) == null ? void 0 : e.call(R)])]);
+      }, [d.value && A(), (e = R.extra) == null ? void 0 : e.call(R)])]);
     };
   }
 });

package/dist/es/components/tabs/tabs-tab.vue.js

@@ -1,14 +1,16 @@
-import n from "./tabs-tab.vue2.js";
-import { resolveComponent as a, openBlock as o, createElementBlock as i, mergeProps as r, createElementVNode as d, normalizeClass as t, renderSlot as c, createBlock as b, withModifiers as m, withCtx as p, createVNode as f, createCommentVNode as u } from "vue";
+import i from "./tabs-tab.vue2.js";
+import { resolveComponent as a, openBlock as o, createElementBlock as n, mergeProps as r, createElementVNode as d, normalizeClass as t, renderSlot as c, createBlock as b, withModifiers as m, withCtx as p, createVNode as f, createCommentVNode as u } from "vue";
 import v from "../../_virtual/_plugin-vue_export-helper.js";
-const h = ["tabindex", "aria-selected", "aria-disabled"];
+const h = ["id", "tabindex", "aria-selected", "aria-disabled", "aria-controls"];
 function k(e, C, N, $, B, V) {
-  const s = a("icon-close"), l = a("icon-hover");
-  return o(), i("div", r({
+  const l = a("icon-close"), s = a("icon-hover");
+  return o(), n("div", r({
     role: "tab",
+    id: e.tab.tabId,
     tabindex: e.active && !e.tab.disabled ? 0 : -1,
     "aria-selected": e.active,
     "aria-disabled": e.tab.disabled || void 0,
+    "aria-controls": e.tab.panelId,
     class: e.cls
   }, e.eventHandlers), [
     d("span", {
@@ -16,7 +18,7 @@ function k(e, C, N, $, B, V) {
     }, [
       c(e.$slots, "default")
     ], 2),
-    e.editable && e.tab.closable ? (o(), b(l, {
+    e.editable && e.tab.closable ? (o(), b(s, {
       key: 0,
       as: "button",
       "aria-label": e.t("tabs.close", { title: String(e.tab.title ?? e.tab.key) }),
@@ -24,13 +26,13 @@ function k(e, C, N, $, B, V) {
       onClick: m(e.handleDelete, ["stop"])
     }, {
       default: p(() => [
-        f(s)
+        f(l)
       ]),
       _: 1
     }, 8, ["aria-label", "class", "onClick"])) : u("", !0)
   ], 16, h);
 }
-const E = /* @__PURE__ */ v(n, [["render", k]]);
+const E = /* @__PURE__ */ v(i, [["render", k]]);
 export {
   E as default
 };

package/dist/es/components/tag/Tag.vue.js

@@ -1,48 +1,48 @@
 import k from "./Tag.vue2.js";
-import { resolveComponent as t, openBlock as o, createElementBlock as l, normalizeStyle as f, normalizeClass as s, renderSlot as n, createCommentVNode as a, createBlock as u, withModifiers as C, withCtx as g, createVNode as r } from "vue";
+import { resolveComponent as t, openBlock as o, createElementBlock as s, normalizeStyle as f, normalizeClass as l, renderSlot as a, createCommentVNode as n, createBlock as u, withModifiers as C, withCtx as g, createVNode as r } from "vue";
 import y from "../../_virtual/_plugin-vue_export-helper.js";
-function $(e, i, h, N, b, v) {
+function $(e, i, b, h, N, v) {
   const m = t("close"), c = t("icon-hover"), p = t("animation-loading");
-  return e.computedVisible ? (o(), l("span", {
+  return e.computedVisible ? (o(), s("span", {
     key: 0,
-    class: s(e.cls),
+    class: l(e.cls),
     style: f(e.style),
     onClick: i[0] || (i[0] = (...d) => e.handleClick && e.handleClick(...d))
   }, [
-    e.$slots.icon ? (o(), l("span", {
+    e.$slots.icon ? (o(), s("span", {
       key: 0,
-      class: s(e.className.element("icon"))
+      class: l(e.className.element("icon"))
     }, [
-      n(e.$slots, "icon")
-    ], 2)) : a("", !0),
-    e.nowrap ? (o(), l("span", {
+      a(e.$slots, "icon")
+    ], 2)) : n("", !0),
+    e.nowrap ? (o(), s("span", {
       key: 1,
-      class: s(e.className.element("text"))
+      class: l(e.className.element("text"))
     }, [
-      n(e.$slots, "default")
-    ], 2)) : n(e.$slots, "default", { key: 2 }),
+      a(e.$slots, "default")
+    ], 2)) : a(e.$slots, "default", { key: 2 }),
     e.closable ? (o(), u(c, {
       key: 3,
       as: "button",
-      "aria-label": e.t("common.closeTarget", { target: e.t("common.tag") }),
+      "aria-label": e.closeAriaLabel ?? e.t("common.closeTarget", { target: e.t("common.tag") }),
       prefix: "tag",
-      class: s(e.className.element("close-icon")),
+      class: l(e.className.element("close-icon")),
       onClick: C(e.handleClose, ["stop"])
     }, {
       default: g(() => [
-        n(e.$slots, "close-icon", {}, () => [
+        a(e.$slots, "close-icon", {}, () => [
           r(m)
         ])
       ]),
       _: 3
-    }, 8, ["aria-label", "class", "onClick"])) : a("", !0),
-    e.loading ? (o(), l("span", {
+    }, 8, ["aria-label", "class", "onClick"])) : n("", !0),
+    e.loading ? (o(), s("span", {
       key: 4,
-      class: s(e.className.element("loading-icon"))
+      class: l(e.className.element("loading-icon"))
     }, [
       r(p)
-    ], 2)) : a("", !0)
-  ], 6)) : a("", !0);
+    ], 2)) : n("", !0)
+  ], 6)) : n("", !0);
 }
 const z = /* @__PURE__ */ y(k, [["render", $]]);
 export {