bulade-ui 1.1.2 → 1.1.4

package/src/bld-action-sheet/index.scss

@@ -1,180 +1,180 @@
-.m-mask {
-  z-index: 1998;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  opacity: 1;
-  visibility: visible;
-  background: var(--color-mask, rgba(0, 0, 0, 0.55));
-  transition: all 0.25s ease-in-out;
-
-  &.is-hidden {
-    opacity: 0;
-    visibility: hidden;
-  }
-}
-
-.m-sheet {
-  z-index: 1999;
-  position: fixed;
-  width: 100%;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  visibility: visible;
-  background: #fff;
-  transform: translate3d(0, 0, 0);
-  transform-origin: center;
-  transition: all 0.25s ease-in-out;
-  box-sizing: border-box;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-
-  &.is-hidden {
-    transform: translate3d(0, 100%, 0);
-    visibility: hidden;
-  }
-
-  .m-sheet__header {
-    background: #fff;
-    text-align: center;
-    position: relative;
-    font-size: 24rpx;
-    color: #80848f;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 200%;
-      height: 200%;
-      transform: scale(0.5);
-      transform-origin: 0 0;
-      pointer-events: none;
-      box-sizing: border-box;
-      border: 0 solid var(--color-border, #dcdee2);
-      border-bottom-width: 1px;
-    }
-  }
-
-  .m-sheet__item {
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 200%;
-      height: 200%;
-      transform: scale(0.5);
-      transform-origin: 0 0;
-      pointer-events: none;
-      box-sizing: border-box;
-      border: 0 solid var(--color-border, #dcdee2);
-      border-bottom-width: 1px;
-    }
-
-    &:nth-last-child(1)::after {
-      display: none;
-    }
-  }
-
-  .m-sheet__cancel {
-    border-top: 24rpx solid #e3e3e3;
-  }
-
-  .m-sheet__loading {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 20rpx;
-    width: 24rpx;
-    height: 24rpx;
-    background: 0 0;
-    border-radius: 50%;
-    border: 4rpx solid #e5e5e5;
-    border-left-color: #666;
-    animation: btn-spin 0.6s linear infinite;
-  }
-
-  .m-sheet__text {
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  .m-sheet__btn-icon {
-    margin-right: 8rpx;
-  }
-
-  @keyframes btn-spin {
-    0% {
-      transform: rotate(0);
-    }
-
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  .m-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    white-space: nowrap;
-    letter-spacing: 4rpx;
-    height: 96rpx;
-    font-size: 32rpx;
-    border: 0 !important;
-    border-radius: 0;
-    color: #495060;
-    overflow: visible;
-    background-color: #fff;
-    box-sizing: border-box;
-    transition: opacity .16s, background-color .16s;
-
-    &.is-hover {
-      background-color: #f9f9f9;
-    }
-
-    &.is-disabled {
-      color: #c8c9cc;
-    }
-
-    &::after {
-      border: none;
-      content: " ";
-      height: 1px;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      transform: scaleY(.5);
-      -webkit-transform-origin: 0 0;
-      transform-origin: 0 0;
-      box-sizing: border-box;
-    }
-
-    .m-sheet__btn-icon {
-      display: inline-block;
-      font-size: 28rpx;
-      width: 24rpx;
-      height: 24rpx;
-    }
-
-    .m-button__loading {
-      display: inline-block;
-      vertical-align: middle;
-      width: 32rpx;
-      height: 32rpx;
-      background-color: 0 0;
-      border-radius: 50%;
-      border: 4rpx solid currentColor;
-      border-left-color: transparent;
-      animation: btn-spinner 0.8s linear;
-      animation-iteration-count: infinite;
-    }
-  }
+.m-mask {
+  z-index: 1998;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 1;
+  visibility: visible;
+  background: var(--color-mask, rgba(0, 0, 0, 0.55));
+  transition: all 0.25s ease-in-out;
+
+  &.is-hidden {
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+.m-sheet {
+  z-index: 1999;
+  position: fixed;
+  width: 100%;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  visibility: visible;
+  background: #fff;
+  transform: translate3d(0, 0, 0);
+  transform-origin: center;
+  transition: all 0.25s ease-in-out;
+  box-sizing: border-box;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+
+  &.is-hidden {
+    transform: translate3d(0, 100%, 0);
+    visibility: hidden;
+  }
+
+  .m-sheet__header {
+    background: #fff;
+    text-align: center;
+    position: relative;
+    font-size: 24rpx;
+    color: #80848f;
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 200%;
+      height: 200%;
+      transform: scale(0.5);
+      transform-origin: 0 0;
+      pointer-events: none;
+      box-sizing: border-box;
+      border: 0 solid var(--color-border, #dcdee2);
+      border-bottom-width: 1px;
+    }
+  }
+
+  .m-sheet__item {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 200%;
+      height: 200%;
+      transform: scale(0.5);
+      transform-origin: 0 0;
+      pointer-events: none;
+      box-sizing: border-box;
+      border: 0 solid var(--color-border, #dcdee2);
+      border-bottom-width: 1px;
+    }
+
+    &:nth-last-child(1)::after {
+      display: none;
+    }
+  }
+
+  .m-sheet__cancel {
+    border-top: 24rpx solid #e3e3e3;
+  }
+
+  .m-sheet__loading {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 20rpx;
+    width: 24rpx;
+    height: 24rpx;
+    background: 0 0;
+    border-radius: 50%;
+    border: 4rpx solid #e5e5e5;
+    border-left-color: #666;
+    animation: btn-spin 0.6s linear infinite;
+  }
+
+  .m-sheet__text {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .m-sheet__btn-icon {
+    margin-right: 8rpx;
+  }
+
+  @keyframes btn-spin {
+    0% {
+      transform: rotate(0);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .m-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    white-space: nowrap;
+    letter-spacing: 4rpx;
+    height: 96rpx;
+    font-size: 32rpx;
+    border: 0 !important;
+    border-radius: 0;
+    color: #495060;
+    overflow: visible;
+    background-color: #fff;
+    box-sizing: border-box;
+    transition: opacity .16s, background-color .16s;
+
+    &.is-hover {
+      background-color: #f9f9f9;
+    }
+
+    &.is-disabled {
+      color: #c8c9cc;
+    }
+
+    &::after {
+      border: none;
+      content: " ";
+      height: 1px;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      transform: scaleY(.5);
+      -webkit-transform-origin: 0 0;
+      transform-origin: 0 0;
+      box-sizing: border-box;
+    }
+
+    .m-sheet__btn-icon {
+      display: inline-block;
+      font-size: 28rpx;
+      width: 24rpx;
+      height: 24rpx;
+    }
+
+    .m-button__loading {
+      display: inline-block;
+      vertical-align: middle;
+      width: 32rpx;
+      height: 32rpx;
+      background-color: 0 0;
+      border-radius: 50%;
+      border: 4rpx solid currentColor;
+      border-left-color: transparent;
+      animation: btn-spinner 0.8s linear;
+      animation-iteration-count: infinite;
+    }
+  }
 }

package/src/bld-action-sheet/index.wxml

@@ -1,57 +1,57 @@
-<view 
-  class="custom-mask-class m-mask {{ visible ? '' : 'is-hidden' }}"  
-  style="{{ 'z-index: ' + zIndex }}"
-  bindtap="handleMaskClick"
-></view>
-
-<view 
-  class="custom-class m-sheet {{ visible ? '' : 'is-hidden' }}"
-  style="{{ 'z-index: ' + zIndex }}"
->
-  <view class="m-sheet__header custom-class__header">
-    <slot name="header" />
-  </view>
-
-  <view class="m-sheet__content">
-
-    <view class="m-sheet__item" wx:for="{{ actions }}" wx:key="name">
-
-      <button 
-        class="m-button {{ item.loading ? 'is-loading' : '' }} {{ item.disabled ? 'is-disabled' : ''}}"
-        hover-class="{{ !item.loading && !item.disabled ? 'is-hover' : '' }}"
-        bindtap="handleItemClick" 
-        data-index="{{ index }}" 
-        open-type="{{ item.openType }}" 
-        send-message-title="{{ sendMessageTitle }}"
-        send-message-path="{{ sendMessagePath }}"
-        send-message-img="{{ sendMessageImg }}"
-        show-message-card="{{ showMessageCard }}"
-        bindcontact="contact"
-        bindgetuserinfo="getuserinfo"
-        bindgetphonenumber="getphonenumber"
-        binderror="error"
-        plain="true"
-        style="{{ item.color ? 'color:' + item.color : '' }}"
-      >
-        <view wx:if="{{ item.loading }}" class="m-button__loading"></view>
-        <view wx:else class="m-sheet__text">
-          <m-icon 
-            wx:if="{{ item.icon }}" 
-            name="{{ item.icon }}" 
-            color="{{ item.color }}" 
-            size="36"
-            class="m-sheet__btn-icon"
-          />
-          {{ item.name }}
-        </view>
-
-      </button>
-
-    </view>
-
-  </view>
-
-  <view class="m-sheet__cancel" wx:if="{{ showCancel }}">
-    <m-button m-class="m-sheet__button" size="large" type="ghost" full bind:click="handleCancelClick">{{ cancelText }}</m-button>
-  </view>
+<view 
+  class="custom-mask-class m-mask {{ visible ? '' : 'is-hidden' }}"  
+  style="{{ 'z-index: ' + zIndex }}"
+  bindtap="handleMaskClick"
+></view>
+
+<view 
+  class="custom-class m-sheet {{ visible ? '' : 'is-hidden' }}"
+  style="{{ 'z-index: ' + zIndex }}"
+>
+  <view class="m-sheet__header custom-class__header">
+    <slot name="header" />
+  </view>
+
+  <view class="m-sheet__content">
+
+    <view class="m-sheet__item" wx:for="{{ actions }}" wx:key="name">
+
+      <button 
+        class="m-button {{ item.loading ? 'is-loading' : '' }} {{ item.disabled ? 'is-disabled' : ''}}"
+        hover-class="{{ !item.loading && !item.disabled ? 'is-hover' : '' }}"
+        bindtap="handleItemClick" 
+        data-index="{{ index }}" 
+        open-type="{{ item.openType }}" 
+        send-message-title="{{ sendMessageTitle }}"
+        send-message-path="{{ sendMessagePath }}"
+        send-message-img="{{ sendMessageImg }}"
+        show-message-card="{{ showMessageCard }}"
+        bindcontact="contact"
+        bindgetuserinfo="getuserinfo"
+        bindgetphonenumber="getphonenumber"
+        binderror="error"
+        plain="true"
+        style="{{ item.color ? 'color:' + item.color : '' }}"
+      >
+        <view wx:if="{{ item.loading }}" class="m-button__loading"></view>
+        <view wx:else class="m-sheet__text">
+          <m-icon 
+            wx:if="{{ item.icon }}" 
+            name="{{ item.icon }}" 
+            color="{{ item.color }}" 
+            size="36"
+            class="m-sheet__btn-icon"
+          />
+          {{ item.name }}
+        </view>
+
+      </button>
+
+    </view>
+
+  </view>
+
+  <view class="m-sheet__cancel" wx:if="{{ showCancel }}">
+    <m-button m-class="m-sheet__button" size="large" type="ghost" full bind:click="handleCancelClick">{{ cancelText }}</m-button>
+  </view>
 </view>