riku
2022-10-21 0f2fdf16f47bd2d1d8fee86449c3a5095ccc8c23
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<wxs module="utils">
    var join = function(a,b) {
        return a+b
    };
    var isNotSlot = function(v) {
        return typeof v !== 'string'
    }
    module.exports = {
        join: join,
        isNotSlot: isNotSlot
    }
</wxs>
 
<view wx:if="{{mask}}" class="weui-mask {{show ? '' : 'weui-mask_hidden'}} {{maskClass}}" bindtap="closeActionSheet"></view>
<view class="weui-actionsheet {{show ? 'weui-actionsheet_toggle' : ''}} {{extClass}}">
    <!-- 关闭图标 -->
    <view class="close">
      <mp-icon bindtap="closeActionSheet" icon="close" size="{{20}}"></mp-icon>
    </view>
    <!-- 标题 -->
    <block  wx:if="{{title}}"> 
        <view class="weui-actionsheet__title">
            <view class="weui-actionsheet__title-text">{{title}}</view>
        </view>
    </block>
    <slot name="title" wx:else></slot>
    <view 
        class="{{ !showCancel && index === actions.length-1 ? 'weui-actionsheet__action' : 'weui-actionsheet__menu' }}"
        wx:key="index"
        wx:for-item="actionItem" 
        wx:for-index="index"
        wx:for="{{actions}}"
    >
        <block wx:if="{{utils.isNotSlot(actionItem)}}">
            <view
                class="weui-actionsheet__cell {{item.type === 'warn' ? 'weui-actionsheet__cell_warn' : '' }}"
                hover-class="weui-active"
                wx:key="actionIndex" 
                wx:for="{{actionItem}}"
                wx:for-index="actionIndex"
                data-groupindex="{{index}}"
                data-index="{{actionIndex}}" 
                data-value="{{item.value}}"
                bindtap="buttonTap"
            >
                {{item.text}}
            </view>  
        </block>
        <slot name="{{actionItem}}" wx:else></slot>
    </view>
    <!-- 取消按钮 -->
    <view class="weui-actionsheet__action" wx:if="{{showCancel}}">
        <view class="weui-actionsheet__cell" hover-class="weui-active" data-type="close" id="iosActionsheetCancel" bindtap="closeActionSheet">{{cancelText}}</view>
    </view>
</view>