@rebilly/revel 6.31.2 → 6.31.3

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [6.31.2](https://github.com/Rebilly/rebilly/compare/revel-v6.31.1...revel-v6.31.2) (2024-09-02)
+## [6.31.3](https://github.com/Rebilly/rebilly/compare/revel-v6.31.2...revel-v6.31.3) (2024-09-06)
+
+
+### Bug Fixes
+
+* **revel:** use tabId instead of index ([#7415](https://github.com/Rebilly/rebilly/issues/7415)) ([3f5ecb5](https://github.com/Rebilly/rebilly/commit/3f5ecb5410626941028d3fc8523dfd308cac23a3))

package/dist/components/r-tabs/r-tabs.vue.d.ts

@@ -3503,7 +3503,7 @@ declare const _default: import("vue").DefineComponent<{
     }[];
 }, {
     getTabName(tab: Tab, index: number): string;
-    selectTab({ name, value, to }: Tab, index?: Nullable<number>): void;
+    selectTab({ name, value, to, tabId }: Tab, index?: Nullable<number>): void;
     getRouteTab(): {
         tabId: string;
         tabPanelId: string;

package/dist/revel.mjs

@@ -12574,15 +12574,15 @@ const SX = /* @__PURE__ */ w1($X, [["render", DX]]), EX = J({
     getTabName(M, b) {
       return M.name ? M.name.includes(" ") ? xp(M.name) : QB(M.name) ? xp(M.name.split("-").join(" ")) : M.name : `Tab ${b + 1}`;
     },
-    selectTab({ name: M, value: b, to: z }, p = null) {
-      if (p !== null && this.$emit("tab-selected", { name: M, value: b, index: p }), z && !this.goingToSameRoute(z)) {
+    selectTab({ name: M, value: b, to: z, tabId: p }, o = null) {
+      if ((o !== null || p !== null) && this.$emit("tab-selected", { name: M, value: b, index: o, tabId: p }), z && !this.goingToSameRoute(z)) {
         this.$router.push(z);
         return;
       }
-      p !== null ? this.tabs.forEach((o, O) => {
-        o.isActive = p === O;
-      }) : this.tabs.forEach((o) => {
-        o.isActive = o.name === M;
+      o !== null || p !== null ? this.tabs.forEach((O) => {
+        O.isActive = p === O.tabId;
+      }) : this.tabs.forEach((O) => {
+        O.isActive = O.name === M;
       });
     },
     getRouteTab() {
@@ -12619,7 +12619,7 @@ function xX(M, b, z, p, o, O) {
       role: "tablist"
     }, [
       (s(!0), f(r0, null, w0(M.visibleTabs, (e, c) => (s(), f("div", {
-        key: c,
+        key: e.tabId,
         class: "r-tab-item"
       }, [
         e.to ? (s(), f("button", {