fix:修复wx:key语法warn (#685)

Author: juzi214032

.eslintrc.js

@@ -41,5 +41,6 @@ module.exports = {
             allow: ["info", "warn", "error"]
         }], //  不建议使用console.log
         "no-undef": [2], // 禁用未声明的变量
+        'no-useless-escape': 'off', //关闭不必要转义字符的检测
     }
 }

dist/action-sheet/index.wxml

@@ -3,7 +3,7 @@
         <view  class="l-item-button l-class-title l-title-class" wx:if="{{title}}">
             {{ title }}
         </view>
-        <view wx:for="{{ itemList }}" wx:key="{{ item.name }}" hover-class="{{isHover?'list-hover':''}}">
+        <view wx:for="{{ itemList }}" wx:key="name" hover-class="{{isHover?'list-hover':''}}">
             <l-button bind:lintap="handleClickItem" data-index="{{ index }}" data-item="{{ item }}" open-type="{{ item.openType }}" icon="{{ item.icon }}" type="ghost" size="large" special="{{true}}" long>
                 <view style="{{ item.color ? 'color: ' + item.color : '' }}" class="l-item-button l-class-item l-item-class {{item.image || item.icon ? 'l-image-button':''}}">
                     <image wx:if="{{item.image}}" class="l-button-image" src="{{item.image}}" style="{{item.imageStyle}}"/>

dist/combined-tabs/index.wxml

@@ -5,20 +5,20 @@
         <template is="tab-header" wx:if="{{tabList[currentIndex].subTabs.length}}" data="{{tab:tabList[currentIndex].subTabs,placemanet,scrollable,transformY,transformX,activeKey:tabList[currentIndex].activeSubKey,hasLine,activeColor,inactiveColor,headerType:'subTab'}}"></template>
         <view class="l-tabs-main">
             <view wx:if="{{!swipeable}}" class="l-tabpanel-content">
-                <view class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}" wx:key="{{item.key}}" style="{{placement=='left'||placement=='right' ? 'position:absolute;width:100%;height:100%;transform:translate(0,'+ 100 * index +'%) translateZ(0px);':''}}">
+                <view class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}" wx:key="key" style="{{placement=='left'||placement=='right' ? 'position:absolute;width:100%;height:100%;transform:translate(0,'+ 100 * index +'%) translateZ(0px);':''}}">
                     <view class="l-subpanel-content" wx:if="{{item.subTabs.length>0}}" style="{{'transform:translate(0,'+ -100 * item.subCurrentIndex +'%) translateZ(0px);'}}">
-                        <view class="l-subpanel" wx:for="{{item.subTabs}}" wx:for-item="tab" wx:key="{{tab.key}}">
+                        <view class="l-subpanel" wx:for="{{item.subTabs}}" wx:for-item="tab" wx:key="key">
                             <slot name="{{tab.key}}"></slot>
                         </view>
                     </view>
                     <slot name="{{item.key}}" wx:else></slot>
                 </view>
             </view>
             <swiper wx:else class="l-tabpanel-content" bindchange="swiperChange" current="{{currentIndex}}">
-                <swiper-item class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="{{item.key}}">
+                <swiper-item class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="key">
                     <view wx:if="{{item.subTabs.length>0}}">
                         <swiper class="" vertical bindchange="subSwiperChange" current="{{item.subCurrentIndex}}" >
-                            <swiper-item wx:for="{{item.subTabs}}" wx:for-item="tab" wx:key="{{tab.key}}">
+                            <swiper-item wx:for="{{item.subTabs}}" wx:for-item="tab" wx:key="key">
                                 <slot name="{{tab.key}}"></slot>
                             </swiper-item>
                         </swiper>
@@ -33,7 +33,7 @@
 <template name="tab-header">
     <scroll-view scroll-x="{{headerType==='tab' && scrollable}}" scroll-y="{{headerType==='subTab' && scrollable}}" scroll-top="{{transformY}}" scroll-left="{{transformX}}" scroll-with-animation class="l-tabsscroll">
         <view class="l-tabs-header l-class-header l-header-class {{hasLine?'l-tabs-header-line':''}}">
-            <view id="{{item.key}}" class="l-tabs-item {{item.key===activeKey ?'l-class-active l-active-class l-tabs-active':'l-class-inactive l-inactive-class l-tabs-inactive'}} {{'l-tab-image-placement-'+item.image.placement}}" style="color:{{item.key===activeKey?activeColor:inactiveColor}}" wx:for="{{tab}}" wx:key="{{item.key}}" data-key="{{item.key}}" data-index="{{index}}" data-header-type="{{headerType}}" bind:tap="handleChange">
+            <view id="{{item.key}}" class="l-tabs-item {{item.key===activeKey ?'l-class-active l-active-class l-tabs-active':'l-class-inactive l-inactive-class l-tabs-inactive'}} {{'l-tab-image-placement-'+item.image.placement}}" style="color:{{item.key===activeKey?activeColor:inactiveColor}}" wx:for="{{tab}}" wx:key="key" data-key="{{item.key}}" data-index="{{index}}" data-header-type="{{headerType}}" bind:tap="handleChange">
                 <image wx:if="{{ item.image.activeImage || item.image.defaultImage }}" src="{{item.key===activeKey? item.image.activeImage:item.image.defaultImage}}" class="l-tab-image l-class-tabimage l-tabimage-class" />
                 <l-icon wx:if="{{item.icon}}" l-class="{{item.key===activeKey ? 'l-icon-active':'l-icon-inactive'}}" name="{{item.icon}}" size="28" color="{{item.key===activeKey?activeColor:inactiveColor}}" />
                 {{item.tab}}

dist/countdown/index.wxml

@@ -1,3 +1,3 @@
 <view class="l-countdown l-class">
-    <view class="l-countdown-item" wx:for="{{date}}" wx:key="{{index}}"><text class="l-class-time l-time-class l-countdown-time">{{item.value}}</text>{{item.name}}</view>
+    <view class="l-countdown-item" wx:for="{{date}}" wx:key="index"><text class="l-class-time l-time-class l-countdown-time">{{item.value}}</text>{{item.name}}</view>
 </view>

dist/grid/index.wxml

@@ -4,7 +4,7 @@
           hover-start-time="20"
           hover-stay-time="50" 
           data-grid-index="{{item.index}}" 
-          class="l-grid-item l-class-grid l-grid-class {{index%rowNum !== rowNum-1 &&(showBorder||showColBorder) ? 'side-grid':''}} {{(index<gridItems.length-(gridItems.length%rowNum||rowNum)) &&(showBorder||showRowBorder)? 'center-grid':''}}" wx:for="{{gridItems}}" wx:key="{{item.key}}" 
+          class="l-grid-item l-class-grid l-grid-class {{index%rowNum !== rowNum-1 &&(showBorder||showColBorder) ? 'side-grid':''}} {{(index<gridItems.length-(gridItems.length%rowNum||rowNum)) &&(showBorder||showRowBorder)? 'center-grid':''}}" wx:for="{{gridItems}}" wx:key="key" 
           style="min-width:{{100/rowNum}}%;">
         <slot name="{{item.key}}"></slot>
     </view>

dist/image-picker/index.wxml

@@ -1,6 +1,6 @@
 <!-- image-picker.wxml -->
 <l-grid row-num="{{ size }}" l-class="l-class">
-  <l-grid-item wx:for="{{ urls }}" wx:key="{{ index }}" key="{{ index }}" slot="{{ index }}">
+  <l-grid-item wx:for="{{ urls }}" wx:key="index" key="{{ index }}" slot="{{ index }}">
     <view class="item l-item-class" catchtap="onPreviewTap" data-index="{{ index }}">
       <view class="close" data-index="{{ index }}" catchtap="onDelTap">
         <l-icon name="close" color="#fff" size="22" l-self-class="close-icon" />

dist/rate/index.wxml

@@ -1,5 +1,5 @@
 <view class="l-rate l-class">
-    <view wx:for="{{count}}" wx:key="{{item}}" class="l-rate-star" data-index="{{index}}" bindtap="handleClick">
+    <view wx:for="{{count}}" wx:key="item" class="l-rate-star" data-index="{{index}}" bindtap="handleClick">
         <view class="icon-checked" wx:if="{{score > index}}" hover-class="none" hover-stop-propagation="false" data-rate="{{score-index}}" style="width:{{score-index<1?(score-index)*100:100}}%">
             <image wx:if="{{activeImage &&  inActiveImage}}" class="image-item l-class-image l-image-class" src="{{activeImage}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false"></image>
             <l-icon wx:else name="{{name}}" l-class="l-class-icon l-icon-class" size="{{size}}" color="{{activeColor}}" />

dist/segment/index.wxml

@@ -3,7 +3,7 @@
     class="l-tabsscroll l-header-class {{hasLine?'l-tabs-header-line l-class-header-line l-header-line-class':''}}"
     style="{{width?'width:'+ width +'rpx;':'' }} {{height?'height:'+height+'rpx':''}}">
         <view class="l-tabs-header {{( even && equalWidth)?'l-tabs-equal-header':'l-tabs-unequal-header'}}">
-            <block wx:for="{{tabList}}" wx:key="{{item.key}}">
+            <block wx:for="{{tabList}}" wx:key="key">
                 <view wx:if="{{item.tab}}" class="l-tabs-item {{( even && equalWidth)?'l-tabs-equal-width':'l-tabs-unequal-width'}} {{item.key===activeKey ?'l-class-active l-active-class l-tabs-active':'l-class-inactive l-inactive-class l-tabs-inactive'}} {{'l-tab-image-placement-'+item.picPlacement}}" 
                     style="color:{{item.key===activeKey?activeColor:inactiveColor}};{{itemWidth?'width:'+ itemWidth +'rpx':'' }};{{itemHeight?'height:'+itemHeight+'rpx':''}}" data-key="{{item.key}}" data-index="{{index}}" bind:tap="handleChange">
                     <l-badge l-self-class="badge-view" l-class="l-class-badge l-badge-class" wx:if="{{(item.badgeCount > 0 || item.dotBadge )}}" value="{{item.badgeCount}}" dot="{{item.dotBadge}}" max-count="{{item.badgeMaxCount}}" number-type="{{item.badgeCountType}}">

dist/skeleton/index.wxml

@@ -14,7 +14,7 @@
 
     <view wx:if="{{paragraph}}"
           wx:for="{{r}}"
-          wx:key="{{index}}"
+          wx:key="index"
           class="l-row-class l-skeleton-rows bg {{active?'active':''}}"
           style="height:{{item.height}};width:{{item.width}}"
     ></view>

dist/tabs/index.wxml

@@ -11,7 +11,7 @@
             <view class="l-tabs-item {{equalWidth?'l-tabs-equal-width':'l-tabs-unequal-width'}} {{item.key===activeKey ?'l-class-active l-active-class l-tabs-active':'l-class-inactive l-inactive-class l-tabs-inactive'}} {{'l-tab-image-placement-'+item.picPlacement}}" 
                 style="color:{{item.key===activeKey?activeColor:inactiveColor}}"
                 wx:for="{{tabList}}" 
-                wx:key="{{item.key}}" 
+                wx:key="key" 
                 data-key="{{item.key}}"
                 data-index="{{index}}" 
                 bind:tap="handleChange">
@@ -23,12 +23,12 @@
         </view>
     </scroll-view>
     <view wx:if="{{!swipeable}}" class="l-tabpanel-content l-class-content l-content-class" style="{{placement=='top'||placement=='bottom' ? 'margin-left:'+ -100 *currentIndex +'%;':'transform:translate(0,'+ -100 * currentIndex +'%) translateZ(0px);'}}">
-        <view class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}" wx:key="{{item.key}}" style="{{placement=='left'||placement=='right' ? 'position:absolute;width:100%;height:100%;transform:translate(0,'+ 100 * index +'%) translateZ(0px);':''}}">
+        <view class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}" wx:key="key" style="{{placement=='left'||placement=='right' ? 'position:absolute;width:100%;height:100%;transform:translate(0,'+ 100 * index +'%) translateZ(0px);':''}}">
             <slot name="{{item.key}}"></slot>
         </view>
     </view>
     <swiper wx:else class="l-tabpanel-content l-tabpanel-swiper l-class-content l-content-class" bindchange="swiperChange" current="{{currentIndex}}" vertical="{{placement=='left'||placement=='right'}}">
-        <swiper-item class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="{{item.key}}">
+        <swiper-item class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="key">
             <slot name="{{item.key}}"></slot>
         </swiper-item>
     </swiper>