【WIP】refactor: update template classname

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="{{cls: classPrefix + '__icon', tClass: prefix + '-class-icon', name: iconName, ...iconData}}"
       />
       <view wx:else class="{{classPrefix}}__text {{prefix}}-class-content">
         <slot />

src/button/button.wxml

@@ -31,7 +31,7 @@
   <template
     wx:if="{{iconName || _.isNoEmptyObj(iconData)}}"
     is="icon"
-    data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', ariaHidden: true, name: iconName, ...iconData}}"
+    data="{{cls: classPrefix + '__icon', tClass: prefix + '-class-icon', ariaHidden: true, name: iconName, ...iconData}}"
   />
   <t-loading
     wx:if="{{loading}}"

src/calendar/calendar.less

@@ -195,6 +195,10 @@
     }
   }
 
+  &__confirm-btn {
+    font-size: 40px;
+  }
+
   &__footer {
     padding: 32rpx;
   }

src/calendar/template.wxml

@@ -64,7 +64,7 @@
       <!-- <t-button block theme="primary" v-bind="confirmBtn" bind:tap="handleConfirm" /> -->
       <template
         is="button"
-        data="{{ block: true,  theme: 'primary', class: 't-calendar__confirm-btn', ...innerConfirmBtn }}"
+        data="{{ block: true,  theme: 'primary', cls: 't-calendar__confirm-btn', ...innerConfirmBtn }}"
       />
     </block>
   </view>

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="{{cls}} {{tClass}}"
     t-class-content="{{tClassContent}}"
     t-class-count="{{tClassCount}}"
   />

src/common/template/button.wxml

@@ -1,8 +1,8 @@
 <template name="button">
   <t-button
     block="{{block || false}}"
-    class="{{class || ''}}"
-    t-class="{{externalClass}}"
+    class="{{cls || ''}}"
+    t-class="{{tClass}}"
     disabled="{{disabled || false}}"
     data-type="{{type}}"
     data-extra="{{extra}}"

src/common/template/icon.wxml

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

src/common/template/image.wxml

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

src/dialog/dialog.ts

@@ -52,8 +52,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}`],
+          cls: [...cls, `${classPrefix}__button--${key}`],
+          tClass: [...externalCls, `${prefix}-class-${key}`],
           variant: rect.buttonVariant,
         };
 

src/dialog/dialog.wxml

@@ -39,7 +39,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', cls: this.getActionClass(classPrefix, buttonLayout), ...item }}"
           />
         </block>
       </block>

src/empty/empty.wxml

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

src/fab/fab.wxml

@@ -7,6 +7,6 @@
 >
   <template
     is="button"
-    data="{{ ...baseButtonProps, icon, ...buttonProps, externalClass: prefix + '-fab__button', content: text, ariaLabel}}"
+    data="{{ ...baseButtonProps, icon, ...buttonProps, tClass: classPrefix + '__button', content: text, ariaLabel}}"
   />
 </view>

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="{{cls: classPrefix + '__icon', name: iconName, ...iconData}}"
           />
         </view>
       </t-badge>

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="{{cls: 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="{{cls: 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="{{cls: classPrefix + '__icon', ..._icon }}" />
     <slot name="image" />
   </view>
 

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

@@ -16,7 +16,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="{{ cls: 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="{{cls: 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="{{cls: classPrefix + '__icon', name: item.icon, ...item.icon}}"
         ></template>
         <text wx:if="{{item.text}}" class="{{classPrefix}}__text">{{item.text}}</text>
       </view>

src/swiper/swiper.wxml

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

@@ -42,7 +42,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="{{ cls: classPrefix + '__icon', ...item.icon }}" />
               <block wx:if="{{item.badgeProps}}">
                 <template is="badge" data="{{ ...item.badgeProps, content: item.label }}" />
               </block>