chore(Mpx): compatible with Mpx framework (Tencent#3416)

src/avatar/avatar.wxml

@@ -44,7 +44,7 @@
       <template
         wx:elif="{{iconName || _.isNoEmptyObj(iconData)}}"
         is="icon"
-        data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', name: iconName, ...iconData}}"
+        data="{{tClass: classPrefix + '__icon ' + prefix + '-class-icon', name: iconName, ...iconData}}"
       />
       <view wx:else class="{{classPrefix}}__text {{prefix}}-class-content">
         <slot />

src/button/button.wxml

@@ -33,7 +33,7 @@
   <template
     wx:if="{{_icon}}"
     is="icon"
-    data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', ariaHidden: true, name: iconName, ..._icon}}"
+    data="{{tClass: classPrefix + '__icon ' + prefix + '-class-icon', ariaHidden: true, name: iconName, ..._icon}}"
   />
   <t-loading
     wx:if="{{loading}}"

src/calendar/template.wxml

@@ -73,7 +73,7 @@
     <block wx:elif="{{innerConfirmBtn}}">
       <template
         is="button"
-        data="{{ block: true,  theme: 'primary', class: 't-calendar__confirm-btn', content: realLocalText.confirm, ...innerConfirmBtn }}"
+        data="{{ block: true,  theme: 'primary', rootClass: 't-calendar__confirm-btn', content: realLocalText.confirm, ...innerConfirmBtn }}"
       />
     </block>
   </view>

src/collapse/__test__/__snapshots__/index.test.js.snap

@@ -58,7 +58,6 @@ exports[`collapse :defaultExpandAll 1`] = `
                 class="t-cell__right t-class-right"
               >
                 <t-icon
-                  class=""
                   tClass="t-cell__right-icon t-class-right-icon"
                   bind:click=""
                 >
@@ -145,7 +144,6 @@ exports[`collapse :defaultExpandAll 1`] = `
                 class="t-cell__right t-class-right"
               >
                 <t-icon
-                  class=""
                   tClass="t-cell__right-icon t-class-right-icon"
                   bind:click=""
                 >

src/common/template/badge.wxml

@@ -9,7 +9,7 @@
     shape="{{shape || 'circle'}}"
     show-zero="{{showZero || false}}"
     size="{{size || 'medium'}}"
-    t-class="{{class}} {{tClass}}"
+    t-class="{{tClass}}"
     t-class-content="{{tClassContent}}"
     t-class-count="{{tClassCount}}"
   />

src/common/template/button.wxml

@@ -2,8 +2,8 @@
   <t-button
     t-id="{{tId || ''}}"
     block="{{block || false}}"
-    class="{{class || ''}}"
-    t-class="{{externalClass}}"
+    class="{{rootClass || ''}}"
+    t-class="{{tClass}}"
     disabled="{{disabled || false}}"
     data-type="{{type}}"
     data-extra="{{extra}}"

src/common/template/icon.wxml

@@ -1,7 +1,6 @@
 <template name="icon">
   <t-icon
     style="{{style || ''}}"
-    class="{{class}}"
     t-class="{{tClass}}"
     prefix="{{prefix || ''}}"
     name="{{name || ''}}"

src/common/template/image.wxml

@@ -1,6 +1,5 @@
 <template name="image">
   <t-image
-    class="{{class}}"
     t-class="{{tClass}}"
     t-class-load="{{tClassLoad}}"
     style="{{style || ''}}"

src/dialog/dialog.ts

@@ -54,8 +54,8 @@ export default class Dialog extends SuperComponent {
         const btn = buttonMap[key];
         const base: Record<string, any> = {
           block: true,
-          class: [...cls, `${classPrefix}__button--${key}`],
-          externalClass: [...externalCls, `${prefix}-class-${key}`],
+          rootClass: [...cls, `${classPrefix}__button--${key}`],
+          tClass: [...externalCls, `${prefix}-class-${key}`],
           variant: rect.buttonVariant,
           openType: '',
         };

src/dialog/dialog.wxml

@@ -40,7 +40,7 @@
         <block wx:for="{{actions}}" wx:key="index">
           <template
             is="button"
-            data="{{block: true, type: 'action', extra: index, externalClass: prefix + '-class-action', class: this.getActionClass(classPrefix, buttonLayout), ...item }}"
+            data="{{block: true, type: 'action', extra: index, tClass: prefix + '-class-action', rootClass: this.getActionClass(classPrefix, buttonLayout), ...item }}"
           />
         </block>
       </block>

src/dropdown-menu/__test__/__snapshots__/index.test.js.snap

@@ -26,7 +26,6 @@ exports[`dropdown-menu :base 1`] = `
           菜单
         </wx-view>
         <t-icon
-          class=""
           tClass="t-dropdown-menu__icon t-dropdown-menu__icon--active t-class-icon"
           bind:click=""
         >
@@ -59,7 +58,6 @@ exports[`dropdown-menu :base 1`] = `
           单列多选
         </wx-view>
         <t-icon
-          class=""
           tClass="t-dropdown-menu__icon t-dropdown-menu__icon-- t-class-icon"
           bind:click=""
         >

src/empty/empty.wxml

@@ -8,7 +8,7 @@
     <template
       wx:elif="{{iconName || _.isNoEmptyObj(iconData)}}"
       is="icon"
-      data="{{class: classPrefix + '__icon', name: iconName, ...iconData}}"
+      data="{{tClass: classPrefix + '__icon', name: iconName, ...iconData}}"
     />
     <slot wx:else name="image" />
   </view>

src/fab/fab.ts

@@ -10,7 +10,7 @@ const baseButtonProps = {
   size: 'large',
   shape: 'circle',
   theme: 'primary',
-  externalClass: `${prefix}-fab__button`,
+  tClass: `${prefix}-fab__button`,
 };
 
 @wxComponent()

src/grid-item/grid-item.wxml

@@ -50,7 +50,7 @@
           <template
             wx:if="{{iconName || _.isNoEmptyObj(iconData)}}"
             is="icon"
-            data="{{class: classPrefix + '__icon', name: iconName, ...iconData}}"
+            data="{{tClass: classPrefix + '__icon', name: iconName, ...iconData}}"
           />
         </view>
       </t-badge>

src/input/__test__/__snapshots__/index.test.js.snap

@@ -71,7 +71,6 @@ exports[`input props : clearable && label && suffix 1`] = `
           bind:tap="clearInput"
         >
           <t-icon
-            class=""
             tClass="t-class-clearable"
             bind:click=""
           >
@@ -102,7 +101,6 @@ exports[`input props : clearable && label && suffix 1`] = `
           bind:tap="onSuffixIconClick"
         >
           <t-icon
-            class=""
             tClass="t-class-suffix-icon"
             bind:click=""
           >

src/message/__test__/__snapshots__/index.test.js.snap

@@ -22,7 +22,6 @@ exports[`message props : style && customStyle 1`] = `
           class="t-message__icon--left"
         >
           <t-icon
-            class=""
             tClass="t-class-icon"
             bind:click=""
           >
@@ -58,7 +57,6 @@ exports[`message props : style && customStyle 1`] = `
           bind:tap="handleClose"
         >
           <t-icon
-            class=""
             tClass="t-class-close-btn"
             bind:click=""
           >

src/notice-bar/__test__/__snapshots__/index.test.js.snap

@@ -14,7 +14,6 @@ exports[`notice-bar props : marquee 1`] = `
         bind:tap="clickPrefixIcon"
       >
         <t-icon
-          class=""
           tClass="t-class-prefix-icon"
           bind:click=""
         >

src/progress/progress.wxml

@@ -27,7 +27,7 @@
       <template
         wx:if="{{_.includes(this.STATUS, status)}}"
         is="icon"
-        data="{{class: classPrefix + '__icon', size:'44rpx', name: this.LINE_STATUS_ICON[status]}}"
+        data="{{tClass: classPrefix + '__icon', size:'44rpx', name: this.LINE_STATUS_ICON[status]}}"
       ></template>
       <text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text>
     </view>
@@ -86,7 +86,7 @@
           <template
             wx:if="{{_.includes(this.STATUS, status)}}"
             is="icon"
-            data="{{class: classPrefix + '__icon', size:'96rpx', name: this.CIRCLE_STATUS_ICON[status]}}"
+            data="{{tClass: classPrefix + '__icon', size:'96rpx', name: this.CIRCLE_STATUS_ICON[status]}}"
           ></template>
           <text wx:else>{{ _.isString(label)? label: computedProgress + '%' }}</text>
         </view>

src/result/result.wxml

@@ -7,7 +7,7 @@
 >
   <view aria-hidden="true" class="{{classPrefix}}__thumb">
     <t-image wx:if="{{image}}" t-class="{{prefix}}-class-image" src="{{image}}" mode="aspectFit" />
-    <template wx:elif="{{_icon}}" is="icon" data="{{class: classPrefix + '__icon', ..._icon }}" />
+    <template wx:elif="{{_icon}}" is="icon" data="{{tClass: classPrefix + '__icon', ..._icon }}" />
     <slot name="image" />
   </view>
 

src/side-bar-item/side-bar-item.wxml

@@ -17,7 +17,7 @@
     <view class="{{classPrefix}}__prefix"></view>
     <view class="{{classPrefix}}__suffix"></view>
   </block>
-  <template wx:if="{{_icon}}" is="icon" data="{{ class: classPrefix + '__icon', ..._icon }}" />
+  <template wx:if="{{_icon}}" is="icon" data="{{ tClass: classPrefix + '__icon', ..._icon }}" />
   <block wx:if="{{badgeProps}}">
     <template is="badge" data="{{ ...badgeProps, content: label }}" />
   </block>

src/swipe-cell/swipe-cell.wxml

@@ -32,7 +32,7 @@
         <template
           wx:if="{{item.icon}}"
           is="icon"
-          data="{{class: classPrefix + '__icon', name: item.icon, ...item.icon}}"
+          data="{{tClass: classPrefix + '__icon', name: item.icon, ...item.icon}}"
         ></template>
         <text wx:if="{{item.text}}" class="{{classPrefix}}__text">{{item.text}}</text>
       </view>
@@ -51,7 +51,7 @@
         <template
           wx:if="{{item.icon}}"
           is="icon"
-          data="{{class: classPrefix + '__icon', name: item.icon, ...item.icon}}"
+          data="{{tClass: classPrefix + '__icon', name: item.icon, ...item.icon}}"
         ></template>
         <text wx:if="{{item.text}}" class="{{classPrefix}}__text">{{item.text}}</text>
       </view>

src/swiper/index.wxs

@@ -7,7 +7,7 @@ function isNext(current, index, list) {
 }
 
 function getImageClass(prefix, current, index, list) {
-  var arr = [prefix + '-swiper__image', prefix + '-class-image'];
+  var arr = [prefix + '-swiper__image-host', prefix + '-swiper__image', prefix + '-class-image'];
 
   if (isPrev(current, index, list)) {
     arr.push(prefix + '-class-prev-image');

src/swiper/swiper.wxml

@@ -32,7 +32,7 @@
     >
       <template
         is="image"
-        data="{{ class: classPrefix + '__image-host', tClass: this.getImageClass(prefix, navCurrent, index, list), style: 'height: ' + _.addUnit(height), src: _.isObject(item) ? item.value : item, mode: 'aspectFill', dataset: index, ...imageProps, bindload: 'onImageLoad' }}"
+        data="{{tClass: this.getImageClass(prefix, navCurrent, index, list), style: 'height: ' + _.addUnit(height), src: _.isObject(item) ? item.value : item, mode: 'aspectFill', dataset: index, ...imageProps, bindload: 'onImageLoad' }}"
       />
     </swiper-item>
   </swiper>

src/tabs/tabs.wxml

@@ -43,7 +43,7 @@
               class="{{_.cls(classPrefix + '__item-inner', [theme, ['active', currentIndex === index]])}}"
               aria-hidden="{{ item.badgeProps.dot || item.badgeProps.count }}"
             >
-              <template wx:if="{{item.icon}}" is="icon" data="{{ class: classPrefix + '__icon', ...item.icon }}" />
+              <template wx:if="{{item.icon}}" is="icon" data="{{ tClass: classPrefix + '__icon', ...item.icon }}" />
               <block wx:if="{{item.badgeProps}}">
                 <template is="badge" data="{{ ...item.badgeProps, content: item.label }}" />
               </block>

src/tag/tag.wxml

@@ -16,7 +16,7 @@
   <template
     wx:if="{{_closable}}"
     is="icon"
-    data="{{class: classPrefix + '__icon-close', tClass: prefix + '-icon', bindclick: 'handleClose',  ariaRole: 'button', ariaLabel: '关闭',  ..._closable }}"
+    data="{{tClass: classPrefix + '__icon-close ' + prefix + '-icon', bindclick: 'handleClose',  ariaRole: 'button', ariaLabel: '关闭',  ..._closable }}"
     catch:tap="handleClose"
   />
   <slot wx:else name="closable" />