x-next 1.4.0 → 1.5.0

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

@@ -1,4 +1,4 @@
-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";
@@ -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/locale/en-US.js

@@ -53,7 +53,8 @@ const e = {
     dateRange: "date range",
     timeRange: "time range",
     tag: "tag",
-    notification: "notification"
+    notification: "notification",
+    more: "More actions"
   },
   imagePreview: {
     fullscreen: "Fullscreen",

package/dist/es/locale/zh-CN.js

@@ -53,7 +53,8 @@ const e = {
     dateRange: "日期范围",
     timeRange: "时间范围",
     tag: "标签",
-    notification: "通知"
+    notification: "通知",
+    more: "更多操作"
   },
   imagePreview: {
     fullscreen: "满屏",