project init & fix ui

miniprogram_npm/tdesign-miniprogram/action-sheet/action-sheet.wxml

@@ -0,0 +1,36 @@
+<wxs src="./action-sheet.wxs" module="this" />
+<wxs src="../common/utils.wxs" module="_" />
+<import src="./template/action-sheet-list.wxml" />
+<import src="./template/action-sheet-grid.wxml" />
+
+<view id="{{classPrefix}}" style="{{customStyle}}" class="{{classPrefix}} {{prefix}}-class">
+  <t-popup visible="{{visible}}" placement="bottom" bind:visible-change="onPopupVisibleChange">
+    <view class="{{classPrefix}}__content {{prefix}}-class-content" tabindex="0">
+      <view wx:if="{{description}}" tabindex="0" class="{{_.cls(classPrefix + '__description', [align])}}">{{description}}</view>
+      <block wx:if="{{gridThemeItems.length}}">
+        <template is="grid" data="{{classPrefix, prefix, gridThemeItems, count, currentSwiperIndex}}" />
+      </block>
+      <view wx:elif="{{items && items.length}}" class="{{classPrefix}}__list">
+        <block wx:for="{{ items }}" wx:key="index">
+          <template
+            is="list"
+            data="{{index, classPrefix, listThemeItemClass: _.cls(classPrefix + '__list-item', [align, [disabled, item.disabled]]), item}}"
+          />
+        </block>
+      </view>
+    </view>
+    <slot />
+    <view wx:if="{{showCancel}}" class="{{classPrefix}}__footer {{classPrefix}}__safe">
+      <view class="{{classPrefix}}__gap-{{theme}}" />
+      <view
+        class="{{classPrefix}}__cancel {{prefix}}-class-cancel"
+        hover-class="{{classPrefix}}__cancel--hover"
+        hover-stay-time="70"
+        bind:tap="onCancel"
+        aria-role="button"
+      >
+        {{ cancelText }}
+      </view>
+    </view>
+  </t-popup>
+</view>