From ab3561718a70fa87f56342ee5b7e90830913ea98 Mon Sep 17 00:00:00 2001
From: jarmywang <awangjianjun9@gmail.com>
Date: Thu, 25 Jul 2024 12:37:37 +0800
Subject: [PATCH] fix(TabBar): resolved wx:key wrong (#3002)

---
 src/side-bar/_example/base/index.wxml      | 4 ++--
 src/side-bar/_example/custom/index.wxml    | 4 ++--
 src/side-bar/_example/switch/index.wxml    | 4 ++--
 src/side-bar/_example/with-icon/index.wxml | 4 ++--
 src/tab-bar-item/tab-bar-item.wxml         | 2 +-
 src/tab-bar/_example/base/index.wxml       | 2 +-
 src/tab-bar/_example/custom/index.wxml     | 2 +-
 src/tab-bar/_example/icon-only/index.wxml  | 2 +-
 src/tab-bar/_example/round/index.wxml      | 2 +-
 src/tab-bar/_example/sub/index.wxml        | 2 +-
 10 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/side-bar/_example/base/index.wxml b/src/side-bar/_example/base/index.wxml
index 8dc1dd973..7c005f25a 100644
--- a/src/side-bar/_example/base/index.wxml
+++ b/src/side-bar/_example/base/index.wxml
@@ -5,7 +5,7 @@
   <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
     <t-side-bar-item
       wx:for="{{categories}}"
-      wx:key="index"
+      wx:key="label"
       value="{{item.value || index}}"
       label="{{item.label}}"
       badge-props="{{item.badgeProps}}"
@@ -15,7 +15,7 @@
     <view wx:for="{{categories}}" wx:key="index" class="section">
       <view class="title">{{item.title || item.label}}</view>
       <t-grid column="{{3}}" border="{{false}}">
-        <block wx:for="{{item.items}}" wx:key="index" wx:for-item="cargo">
+        <block wx:for="{{item.items}}" wx:key="label" wx:for-item="cargo">
           <t-grid-item
             text="{{cargo.label}}"
             image="{{cargo.image}}"
diff --git a/src/side-bar/_example/custom/index.wxml b/src/side-bar/_example/custom/index.wxml
index 8dc1dd973..7c005f25a 100644
--- a/src/side-bar/_example/custom/index.wxml
+++ b/src/side-bar/_example/custom/index.wxml
@@ -5,7 +5,7 @@
   <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
     <t-side-bar-item
       wx:for="{{categories}}"
-      wx:key="index"
+      wx:key="label"
       value="{{item.value || index}}"
       label="{{item.label}}"
       badge-props="{{item.badgeProps}}"
@@ -15,7 +15,7 @@
     <view wx:for="{{categories}}" wx:key="index" class="section">
       <view class="title">{{item.title || item.label}}</view>
       <t-grid column="{{3}}" border="{{false}}">
-        <block wx:for="{{item.items}}" wx:key="index" wx:for-item="cargo">
+        <block wx:for="{{item.items}}" wx:key="label" wx:for-item="cargo">
           <t-grid-item
             text="{{cargo.label}}"
             image="{{cargo.image}}"
diff --git a/src/side-bar/_example/switch/index.wxml b/src/side-bar/_example/switch/index.wxml
index 2f689a441..06f984297 100644
--- a/src/side-bar/_example/switch/index.wxml
+++ b/src/side-bar/_example/switch/index.wxml
@@ -5,7 +5,7 @@
   <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
     <t-side-bar-item
       wx:for="{{categories}}"
-      wx:key="index"
+      wx:key="label"
       value="{{item.value || index}}"
       label="{{item.label}}"
       disabled="{{item.disabled}}"
@@ -15,7 +15,7 @@
   <view class="content" style="transform: translateY(-{{sideBarIndex * 100}}%)">
     <scroll-view
       wx:for="{{categories}}"
-      wx:key="index"
+      wx:key="label"
       class="section"
       scroll-y
       scroll-top="{{scrollTop}}"
diff --git a/src/side-bar/_example/with-icon/index.wxml b/src/side-bar/_example/with-icon/index.wxml
index ad53dee4c..1ebbd3579 100644
--- a/src/side-bar/_example/with-icon/index.wxml
+++ b/src/side-bar/_example/with-icon/index.wxml
@@ -5,7 +5,7 @@
   <t-side-bar value="{{sideBarIndex}}" bind:change="onSideBarChange">
     <t-side-bar-item
       wx:for="{{categories}}"
-      wx:key="index"
+      wx:key="label"
       value="{{item.value || index}}"
       label="{{item.label}}"
       icon="{{item.icon}}"
@@ -13,7 +13,7 @@
     />
   </t-side-bar>
   <scroll-view class="content" scroll-y scroll-with-animation scroll-top="{{scrollTop}}" bind:scroll="onScroll">
-    <view wx:for="{{categories}}" wx:key="index" class="section">
+    <view wx:for="{{categories}}" wx:key="label" class="section">
       <view class="title">{{item.title || item.label}}</view>
       <t-grid column="{{3}}" border="{{false}}">
         <block wx:for="{{item.items}}" wx:key="index" wx:for-item="cargo">
diff --git a/src/tab-bar-item/tab-bar-item.wxml b/src/tab-bar-item/tab-bar-item.wxml
index d4a3f5435..376e02f0a 100644
--- a/src/tab-bar-item/tab-bar-item.wxml
+++ b/src/tab-bar-item/tab-bar-item.wxml
@@ -50,7 +50,7 @@
       wx:for="{{subTabBar}}"
       wx:for-item="child"
       wx:for-index="index"
-      wx:key="index"
+      wx:key="value"
       bind:tap="selectChild"
       data-value="{{child.value || index}}"
       aria-role="tab"
diff --git a/src/tab-bar/_example/base/index.wxml b/src/tab-bar/_example/base/index.wxml
index f38744b0e..5ce76af8b 100644
--- a/src/tab-bar/_example/base/index.wxml
+++ b/src/tab-bar/_example/base/index.wxml
@@ -1,5 +1,5 @@
 <t-tab-bar t-class="t-tab-bar" value="{{value}}" bindchange="onChange" theme="tag" split="{{false}}">
-  <t-tab-bar-item wx:for="{{list}}" wx:key="index" value="{{item.value}}" icon="{{item.icon}}">
+  <t-tab-bar-item wx:for="{{list}}" wx:key="value" value="{{item.value}}" icon="{{item.icon}}">
     {{item.label}}
   </t-tab-bar-item>
 </t-tab-bar>
diff --git a/src/tab-bar/_example/custom/index.wxml b/src/tab-bar/_example/custom/index.wxml
index 1fb8832fd..f69767686 100644
--- a/src/tab-bar/_example/custom/index.wxml
+++ b/src/tab-bar/_example/custom/index.wxml
@@ -2,7 +2,7 @@
   <t-tab-bar t-class="t-tab-bar" value="{{value}}" bindchange="onChange">
     <t-tab-bar-item
       wx:for="{{list}}"
-      wx:key="index"
+      wx:key="value"
       value="{{item.value}}"
       icon="{{item.icon}}"
       ariaLabel="{{item.ariaLabel}}"
diff --git a/src/tab-bar/_example/icon-only/index.wxml b/src/tab-bar/_example/icon-only/index.wxml
index 8c4875064..91a120383 100644
--- a/src/tab-bar/_example/icon-only/index.wxml
+++ b/src/tab-bar/_example/icon-only/index.wxml
@@ -1,7 +1,7 @@
 <t-tab-bar t-class="t-tab-bar" value="{{value}}" bindchange="onChange" theme="tag" split="{{false}}">
   <t-tab-bar-item
     wx:for="{{list}}"
-    wx:key="index"
+    wx:key="value"
     value="{{item.value}}"
     icon="{{item.icon}}"
     ariaLabel="{{item.ariaLabel}}"
diff --git a/src/tab-bar/_example/round/index.wxml b/src/tab-bar/_example/round/index.wxml
index 936e7f631..59b7bed7e 100644
--- a/src/tab-bar/_example/round/index.wxml
+++ b/src/tab-bar/_example/round/index.wxml
@@ -1,7 +1,7 @@
 <t-tab-bar t-class="t-tab-bar" value="{{value}}" bindchange="onChange" shape="round" theme="tag" split="{{false}}">
   <t-tab-bar-item
     wx:for="{{list}}"
-    wx:key="index"
+    wx:key="value"
     value="{{item.value}}"
     icon="{{item.icon}}"
     ariaLabel="{{item.ariaLabel}}"
diff --git a/src/tab-bar/_example/sub/index.wxml b/src/tab-bar/_example/sub/index.wxml
index 915cf2582..5bb2c3fc8 100644
--- a/src/tab-bar/_example/sub/index.wxml
+++ b/src/tab-bar/_example/sub/index.wxml
@@ -1,5 +1,5 @@
 <t-tab-bar t-class="t-tab-bar" defaultValue="label_3" theme="tag" split="{{false}}">
-  <t-tab-bar-item wx:for="{{list}}" wx:key="index" value="{{item.value}}" sub-tab-bar="{{item.children}}">
+  <t-tab-bar-item wx:for="{{list}}" wx:key="value" value="{{item.value}}" sub-tab-bar="{{item.children}}">
     {{item.label}}
   </t-tab-bar-item>
 </t-tab-bar>