x-next 1.4.0 → 1.6.0

package/dist/es/components/skeleton/SkeletonLine.vue.js

@@ -1,18 +1,19 @@
 import t from "./SkeletonLine.vue2.js";
-import { openBlock as r, createElementBlock as l, normalizeClass as n, Fragment as a, renderList as m, normalizeStyle as c } from "vue";
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-function p(e, u, f, _, d, k) {
+import { openBlock as r, createElementBlock as l, normalizeClass as n, Fragment as a, renderList as i, normalizeStyle as m } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+function p(e, u, f, d, _, k) {
   return r(), l("ul", {
-    class: n(e.className.block)
+    class: n(e.className.block),
+    "aria-hidden": "true"
   }, [
-    (r(!0), l(a, null, m(e.lines, (o, s) => (r(), l("li", {
+    (r(!0), l(a, null, i(e.lines, (o, s) => (r(), l("li", {
       key: s,
       class: n(e.className.element("row")),
-      style: c(o)
+      style: m(o)
     }, null, 6))), 128))
   ], 2);
 }
-const B = /* @__PURE__ */ i(t, [["render", p]]);
+const z = /* @__PURE__ */ c(t, [["render", p]]);
 export {
-  B as default
+  z as default
 };

package/dist/es/components/skeleton/SkeletonShape.vue.js

@@ -1,12 +1,13 @@
-import o from "./SkeletonShape.vue2.js";
-import { openBlock as r, createElementBlock as t, normalizeClass as n } from "vue";
-import s from "../../_virtual/_plugin-vue_export-helper.js";
-function c(e, a, l, p, m, f) {
-  return r(), t("div", {
-    class: n(e.cls)
+import r from "./SkeletonShape.vue2.js";
+import { openBlock as o, createElementBlock as t, normalizeClass as n } from "vue";
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+function s(e, c, l, p, i, m) {
+  return o(), t("div", {
+    class: n(e.cls),
+    "aria-hidden": "true"
   }, null, 2);
 }
-const u = /* @__PURE__ */ s(o, [["render", c]]);
+const u = /* @__PURE__ */ a(r, [["render", s]]);
 export {
   u as default
 };

package/dist/es/components/spin/Spin.js

@@ -1,10 +1,10 @@
-import { defineComponent as p, computed as B, createVNode as t, mergeProps as S, Fragment as c, cloneVNode as N } from "vue";
-import L from "../../icons/animation/animation-loading.js";
-import k from "./dot-loading.js";
-import { getFirstComponent as C } from "../../_utils/vue-eco.js";
-import { getClassNameMixin as I } from "../../_utils/config.js";
-import { useLocale as x } from "../../locale/index.js";
-const M = /* @__PURE__ */ p({
+import { defineComponent as D, computed as s, ref as S, watch as x, onUnmounted as B, onMounted as R, onUpdated as U, createVNode as r, mergeProps as V, Fragment as A, cloneVNode as H } from "vue";
+import O from "../../icons/animation/animation-loading.js";
+import _ from "./dot-loading.js";
+import { getFirstComponent as q } from "../../_utils/vue-eco.js";
+import { getClassNameMixin as P } from "../../_utils/config.js";
+import { useLocale as $ } from "../../locale/index.js";
+const j = 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])', Y = /* @__PURE__ */ D({
   name: "Spin",
   inheritAttrs: !1,
   props: {
@@ -28,6 +28,16 @@ const M = /* @__PURE__ */ p({
      * @en Whether it is loading state (Only effective in container mode)
      */
     loading: Boolean,
+    /**
+     * @zh 延迟显示加载态的时间，单位毫秒。用于避免「请求很快就结束」时闪一下加载态；
+     * 加载结束时立即收起，不会拖住已经加载好的内容（这一点与 AntDV 的双向延迟不同）
+     * @en Delay in milliseconds before showing the loading state. Prevents a flash of
+     * loading for fast requests; hiding is immediate (unlike AntDV's symmetric delay)
+     */
+    delay: {
+      type: Number,
+      default: 0
+    },
     /**
      * @zh 是否使用点类型的动画
      * @en Whether to use dot type animation
@@ -47,6 +57,14 @@ const M = /* @__PURE__ */ p({
     hideIcon: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * @zh 提示文字是否开启扫光效果（需要同时设置 tip）
+     * @en Whether the tip text uses a shimmer sweep (requires tip)
+     */
+    tipShimmer: {
+      type: Boolean,
+      default: !1
     }
   },
   /**
@@ -65,71 +83,117 @@ const M = /* @__PURE__ */ p({
    * @slot tip
    */
   setup(e, {
-    attrs: u,
-    slots: i
+    attrs: T,
+    slots: n
   }) {
-    const n = I("spin"), {
-      t: m
-    } = x(), f = B(() => [n.block, e.display === "inline" ? n.modifier("inline") : n.modifier("block"), {
-      [n.modifier("loading")]: e.loading,
-      [n.modifier("with-tip")]: e.tip && !i.default
-    }]), s = () => {
-      if (i.icon) {
-        const a = C(i.icon());
-        if (a)
-          return N(a, {
+    const a = P("spin"), {
+      t: k
+    } = $(), o = s(() => !!n.default), u = S(!1);
+    let c;
+    const v = () => {
+      c !== void 0 && (clearTimeout(c), c = void 0);
+    };
+    x(() => [e.loading, e.delay, o.value], ([t, i, d]) => {
+      if (v(), !d) {
+        u.value = !0;
+        return;
+      }
+      if (!t) {
+        u.value = !1;
+        return;
+      }
+      if (u.value || !i || !Number.isFinite(i) || i <= 0) {
+        u.value = !0;
+        return;
+      }
+      c = setTimeout(() => {
+        u.value = !0, c = void 0;
+      }, i);
+    }, {
+      immediate: !0
+    }), B(v);
+    const l = s(() => e.loading && u.value), z = s(() => [a.block, e.display === "inline" ? a.modifier("inline") : a.modifier("block"), {
+      [a.modifier("loading")]: l.value,
+      [a.modifier("with-tip")]: e.tip && !n.default,
+      /*
+       * 扫光只作用于提示文字。tip 是 prop 时 with-tip 才成立；
+       * 自定义 tip 插槽的内容结构未知，不加扫光，避免破坏使用方自己的样式。
+       */
+      [a.modifier("tip-shimmer")]: e.tipShimmer && !!e.tip
+    }]), C = () => {
+      if (n.icon) {
+        const t = q(n.icon());
+        if (t)
+          return H(t, {
             spin: !0
           });
       }
-      return i.element ? i.element() : e.dot ? t(k, {
+      return n.element ? n.element() : e.dot ? r(_, {
         size: e.size,
         type: e.dot === "color" ? "color" : "default"
-      }, null) : t(L, {
-        spin: !0,
+      }, null) : r(O, {
         size: e.size
       }, null);
-    }, o = () => {
-      var l;
-      const a = e.size ? {
+    }, p = () => {
+      var d;
+      const t = e.size ? {
         fontSize: `${e.size}px`
-      } : void 0, d = !!(i.tip ?? e.tip);
-      return t(c, null, [!e.hideIcon && t("div", {
-        class: n.element("icon"),
-        style: a
-      }, [s()]), d && t("div", {
-        class: n.element("tip")
-      }, [((l = i.tip) == null ? void 0 : l.call(i)) ?? e.tip])]);
+      } : void 0, i = !!(n.tip ?? e.tip);
+      return r(A, null, [!e.hideIcon && r("div", {
+        class: a.element("icon"),
+        style: t
+      }, [C()]), i && r("div", {
+        class: a.element("tip")
+      }, [((d = n.tip) == null ? void 0 : d.call(n)) ?? e.tip])]);
+    }, m = typeof HTMLElement < "u" && "inert" in HTMLElement.prototype, y = S(), f = /* @__PURE__ */ new Map(), b = () => {
+      const t = y.value;
+      t && t.querySelectorAll(j).forEach((i) => {
+        f.has(i) || (f.set(i, i.getAttribute("tabindex")), i.setAttribute("tabindex", "-1"));
+      });
+    }, h = () => {
+      f.forEach((t, i) => {
+        t === null ? i.removeAttribute("tabindex") : i.setAttribute("tabindex", t);
+      }), f.clear();
+    }, g = (t) => {
+      m || (t ? b() : h());
     };
-    return () => {
-      var r;
-      const a = !!i.default, {
-        class: d,
-        style: l,
-        role: g,
-        "aria-live": y,
-        "aria-busy": v,
-        "aria-label": h,
-        ...b
-      } = u, z = !!(i.tip ?? e.tip);
-      return t("div", S(b, {
-        class: [f.value, d],
-        style: l,
-        role: g ?? (a ? void 0 : "status"),
-        "aria-live": y ?? (a && !e.loading ? void 0 : "polite"),
-        "aria-busy": v ?? (a ? e.loading : !0),
-        "aria-label": h ?? (z ? void 0 : m("common.loading"))
-      }), [a ? t(c, null, [t("div", {
-        class: n.element("children"),
-        "aria-hidden": e.loading ? "true" : void 0,
-        inert: e.loading ? "" : void 0
-      }, [(r = i.default) == null ? void 0 : r.call(i)]), e.loading && t("div", {
-        class: n.element("mask")
-      }, [t("div", {
-        class: n.element("mask--icon")
-      }, [o()])])]) : o()]);
+    return x(l, g, {
+      flush: "post"
+    }), R(() => g(l.value)), U(() => {
+      !m && l.value && b();
+    }), B(() => {
+      m || h();
+    }), () => {
+      var L;
+      const {
+        class: t,
+        style: i,
+        role: d,
+        "aria-live": E,
+        "aria-busy": N,
+        "aria-label": F,
+        ...I
+      } = T, M = !!(n.tip ?? e.tip), w = o.value ? l.value : !0;
+      return r("div", V(I, {
+        class: [z.value, t],
+        style: i,
+        role: d ?? (o.value ? void 0 : "status"),
+        "aria-live": E ?? (o.value && !l.value ? void 0 : "polite"),
+        "aria-busy": N ?? (o.value ? l.value : !0),
+        "aria-label": F ?? (w && !M ? k("common.loading") : void 0)
+      }), [o.value ? r(A, null, [r("div", {
+        ref: y,
+        class: a.element("children"),
+        "aria-hidden": l.value ? "true" : void 0,
+        inert: l.value ? "" : void 0
+      }, [(L = n.default) == null ? void 0 : L.call(n)]), l.value && r("div", {
+        class: a.element("mask")
+      }, [r("div", {
+        class: a.element("mask--icon")
+      }, [p()])])]) : p()]);
     };
   }
 });
 export {
-  M as default
+  Y as default
 };

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

@@ -1033,7 +1033,9 @@ const bt = {
       }, {
         default: () => {
           var e;
-          return [((e = s.empty) == null ? void 0 : e.call(s)) ?? u(aa, null, null)];
+          return [((e = s.empty) == null ? void 0 : e.call(s)) ?? u(aa, {
+            component: "table"
+          }, null)];
         }
       })]
     }), Al = (e) => {

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