refactor: support class

src/action-sheet/README.md

@@ -96,6 +96,7 @@ show-cancel | Boolean | true | 是否显示取消按钮 | N
 theme | String | list | 展示类型，列表和表格形式展示。可选项：list/grid | N
 visible | Boolean | false | 必需。显示与隐藏 | Y
 default-visible | Boolean | undefined | 必需。显示与隐藏。非受控属性 | Y
+external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-content', 't-class-cancel']` | N
 
 ### ActionSheet Events
 

src/action-sheet/__test__/__virtualHostSnapshot__/demo.test.js.snap

@@ -0,0 +1,100 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ActionSheet ActionSheet align demo works fine 1`] = `
+<align>
+  <t-action-sheet
+    id="t-action-sheet"
+    bind:selected="handleSelected"
+  />
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="handleAction"
+  >
+    左对齐列表型
+  </t-button>
+</align>
+`;
+
+exports[`ActionSheet ActionSheet grid demo works fine 1`] = `
+<grid>
+  <t-action-sheet
+    id="t-action-sheet"
+    bind:selected="handleSelected"
+  />
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="handleAction"
+  >
+    常规宫格型
+  </t-button>
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="handleMultiAction"
+  >
+    带翻页宫格型
+  </t-button>
+</grid>
+`;
+
+exports[`ActionSheet ActionSheet list demo works fine 1`] = `
+<list>
+  <t-action-sheet
+    id="t-action-sheet"
+    bind:selected="handleSelected"
+  />
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="handleAction"
+  >
+    列表型
+  </t-button>
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="showDescAction"
+  >
+    带描述列表型
+  </t-button>
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="showIconAction"
+  >
+    带图标列表型
+  </t-button>
+</list>
+`;
+
+exports[`ActionSheet ActionSheet status demo works fine 1`] = `
+<status>
+  <t-action-sheet
+    id="t-action-sheet"
+    bind:selected="handleSelected"
+  />
+  <t-button
+    block="{{true}}"
+    size="large"
+    theme="primary"
+    variant="outline"
+    bind:tap="handleAction"
+  >
+    列表型选项状态
+  </t-button>
+</status>
+`;

src/action-sheet/action-sheet.wxml

@@ -3,7 +3,7 @@
 <import src="./template/list.wxml" />
 <import src="./template/grid.wxml" />
 
-<view id="{{classPrefix}}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{prefix}}-class">
+<view id="{{classPrefix}}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class {{prefix}}-class">
   <t-popup visible="{{visible}}" placement="bottom" bind:visible-change="onPopupVisibleChange">
     <view
       class="{{_.cls(classPrefix + '__content', [['grid', gridThemeItems.length]])}} {{prefix}}-class-content"

src/avatar-group/avatar-group.wxml

@@ -1,6 +1,6 @@
 <wxs src="../common/utils.wxs" module="_" />
 
-<view style="{{_._style([style, customStyle])}}" class="{{className}}">
+<view style="{{_._style([style, customStyle])}}" class="{{className}} class">
   <slot />
   <!-- 自定义折叠元素 -->
   <view class="{{classPrefix}}__collapse--slot">

src/avatar/avatar.ts

@@ -14,7 +14,6 @@ export default class Avatar extends SuperComponent {
   };
 
   externalClasses = [
-    'class',
     `${prefix}-class`,
     `${prefix}-class-image`,
     `${prefix}-class-icon`,

src/back-top/__test__/__virtualHostSnapshot__/demo.test.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BackTop BackTop base demo works fine 1`] = `
+<base>
+  <t-back-top
+    text="顶部"
+    theme="round"
+    bind:to-top="onToTop"
+  />
+</base>
+`;
+
+exports[`BackTop BackTop half-round demo works fine 1`] = `
+<half-round>
+  <t-back-top
+    text="返回顶部"
+    theme="half-round-dark"
+    bind:to-top="onToTop"
+  />
+</half-round>
+`;

src/back-top/back-top.wxml

@@ -3,7 +3,7 @@
 
 <view
   style="{{_._style([style, customStyle])}}"
-  class="{{prefix}}-class {{_.cls(classPrefix, [['fixed', fixed], theme])}}"
+  class="class {{prefix}}-class {{_.cls(classPrefix, [['fixed', fixed], theme])}}"
   bindtap="toTop"
   aria-role="button"
 >