fix(TabBar): resolved wx:key wrong (#3002)

Tencent · Jul 25, 2024 · ab35617 · ab35617
1 parent dfcd484
commit ab35617
Show file tree

Hide file tree

Showing 10 changed files with 14 additions and 14 deletions.
diff --git 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
@@ -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
@@ -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
@@ -5,15 +5,15 @@
   <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}}"
       badge-props="{{item.badgeProps}}"
     />
   </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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>