bulade-ui 1.1.2 → 1.1.4

package/src/bld-drawer/index.js

@@ -1,41 +1,41 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    visible: {
-      type: Boolean,
-      value: false
-    },
-
-    zIndex: {
-      type: Number,
-      value: 9
-    },
-
-    mask: {
-      type: Boolean,
-      value: true
-    },
-
-    maskClosable: {
-      type: Boolean,
-      value: true
-    },
-
-    position: {
-      type: String,
-      value: 'bottom' // left right top bottom
-    }
-  },
-
-  methods: {
-    handleMaskClick() {
-      if (!this.data.maskClosable) return
-      this.triggerEvent('close')
-    }
-  }
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    visible: {
+      type: Boolean,
+      value: false
+    },
+
+    zIndex: {
+      type: Number,
+      value: 9
+    },
+
+    mask: {
+      type: Boolean,
+      value: true
+    },
+
+    maskClosable: {
+      type: Boolean,
+      value: true
+    },
+
+    position: {
+      type: String,
+      value: 'bottom' // left right top bottom
+    }
+  },
+
+  methods: {
+    handleMaskClick() {
+      if (!this.data.maskClosable) return
+      this.triggerEvent('close')
+    }
+  }
 });

package/src/bld-drawer/index.json

@@ -1,3 +1,3 @@
-{
-  "component": true
-}
+{
+  "component": true
+}

package/src/bld-drawer/index.scss

@@ -1,79 +1,79 @@
-.m-drawer {
-  visibility: hidden;
-
-  &.m-drawer--show {
-    visibility: visible;
-
-    .m-drawer__mask {
-      display: block;
-      opacity: 1;
-    }
-
-    .m-drawer__content {
-      opacity: 1;
-      transform: translate3d(0, 0, 0) !important;
-    }
-  }
-
-  .m-drawer__mask {
-    opacity: 0;
-    z-index: 9;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
-    // transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
-    transition: all 200ms ease;
-  }
-
-  .m-drawer__content {
-    opacity: 0;
-    z-index: 10;
-    position: fixed;
-    transform-origin: center;
-    background-color: #fff;
-    // transition: transform .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
-    transition: all 300ms ease;
-    border-radius:20rpx;
-  }
-
-  &.m-drawer--left {
-    .m-drawer__content {
-      top: 0;
-      left: 0;
-      transform: translate3d(-100%, 0, 0);
-      
-    }
-  }
-
-  &.m-drawer--right {
-    .m-drawer__content {
-      right: 0;
-      top: 0;
-      transform: translate3d(100%, 0, 0);
-    }
-  }
-
-  &.m-drawer--top {
-    .m-drawer__content {
-      left: 0;
-      top: 0;
-      width: 100%;
-      transform: translate3d(0, -100%, 0);
-    }
-  }
-
-  &.m-drawer--bottom {
-    .m-drawer__content {
-      left: 0;
-      bottom: 0;
-      width: 100%;
-      // transform: translate3d(0, 100%, 0);
-      transform: scale(1) translate3d(0, 100%, 0);
-      padding-bottom: constant(safe-area-inset-bottom);
-      padding-bottom: env(safe-area-inset-bottom);
-    }
-  }
+.m-drawer {
+  visibility: hidden;
+
+  &.m-drawer--show {
+    visibility: visible;
+
+    .m-drawer__mask {
+      display: block;
+      opacity: 1;
+    }
+
+    .m-drawer__content {
+      opacity: 1;
+      transform: translate3d(0, 0, 0) !important;
+    }
+  }
+
+  .m-drawer__mask {
+    opacity: 0;
+    z-index: 9;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
+    // transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
+    transition: all 200ms ease;
+  }
+
+  .m-drawer__content {
+    opacity: 0;
+    z-index: 10;
+    position: fixed;
+    transform-origin: center;
+    background-color: #fff;
+    // transition: transform .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
+    transition: all 300ms ease;
+    border-radius:20rpx;
+  }
+
+  &.m-drawer--left {
+    .m-drawer__content {
+      top: 0;
+      left: 0;
+      transform: translate3d(-100%, 0, 0);
+      
+    }
+  }
+
+  &.m-drawer--right {
+    .m-drawer__content {
+      right: 0;
+      top: 0;
+      transform: translate3d(100%, 0, 0);
+    }
+  }
+
+  &.m-drawer--top {
+    .m-drawer__content {
+      left: 0;
+      top: 0;
+      width: 100%;
+      transform: translate3d(0, -100%, 0);
+    }
+  }
+
+  &.m-drawer--bottom {
+    .m-drawer__content {
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      // transform: translate3d(0, 100%, 0);
+      transform: scale(1) translate3d(0, 100%, 0);
+      padding-bottom: constant(safe-area-inset-bottom);
+      padding-bottom: env(safe-area-inset-bottom);
+    }
+  }
 }

package/src/bld-drawer/index.wxml

@@ -1,14 +1,14 @@
-<view class="custom-class m-drawer {{ visible ? 'm-drawer--show' : '' }} {{ 'm-drawer--' + position }}">
-  <view 
-    wx:if="{{ mask }}" 
-    class="m-drawer__mask" 
-    style="z-index: {{zIndex}}"
-    bindtap="handleMaskClick"
-    ></view>
-  <view 
-    class="m-drawer__content" 
-    style="z-index: {{zIndex}}"
-  >
-    <slot />
-  </view>
+<view class="custom-class m-drawer {{ visible ? 'm-drawer--show' : '' }} {{ 'm-drawer--' + position }}">
+  <view 
+    wx:if="{{ mask }}" 
+    class="m-drawer__mask" 
+    style="z-index: {{zIndex}}"
+    bindtap="handleMaskClick"
+    ></view>
+  <view 
+    class="m-drawer__content" 
+    style="z-index: {{zIndex}}"
+  >
+    <slot />
+  </view>
 </view>

package/src/bld-drawer/index.wxss

@@ -1,58 +1,58 @@
-.m-drawer {
-  visibility: hidden;
-}
-.m-drawer.m-drawer--show {
-  visibility: visible;
-}
-.m-drawer.m-drawer--show .m-drawer__mask {
-  display: block;
-  opacity: 1;
-}
-.m-drawer.m-drawer--show .m-drawer__content {
-  opacity: 1;
-  transform: translate3d(0, 0, 0) !important;
-}
-.m-drawer .m-drawer__mask {
-  opacity: 0;
-  z-index: 9;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
-  transition: all 200ms ease;
-}
-.m-drawer .m-drawer__content {
-  opacity: 0;
-  z-index: 10;
-  position: fixed;
-  transform-origin: center;
-  background-color: #fff;
-  transition: all 300ms ease;
-  border-radius: 20rpx;
-}
-.m-drawer.m-drawer--left .m-drawer__content {
-  top: 0;
-  left: 0;
-  transform: translate3d(-100%, 0, 0);
-}
-.m-drawer.m-drawer--right .m-drawer__content {
-  right: 0;
-  top: 0;
-  transform: translate3d(100%, 0, 0);
-}
-.m-drawer.m-drawer--top .m-drawer__content {
-  left: 0;
-  top: 0;
-  width: 100%;
-  transform: translate3d(0, -100%, 0);
-}
-.m-drawer.m-drawer--bottom .m-drawer__content {
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  transform: scale(1) translate3d(0, 100%, 0);
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
+.m-drawer {
+  visibility: hidden;
+}
+.m-drawer.m-drawer--show {
+  visibility: visible;
+}
+.m-drawer.m-drawer--show .m-drawer__mask {
+  display: block;
+  opacity: 1;
+}
+.m-drawer.m-drawer--show .m-drawer__content {
+  opacity: 1;
+  transform: translate3d(0, 0, 0) !important;
+}
+.m-drawer .m-drawer__mask {
+  opacity: 0;
+  z-index: 9;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
+  transition: all 200ms ease;
+}
+.m-drawer .m-drawer__content {
+  opacity: 0;
+  z-index: 10;
+  position: fixed;
+  transform-origin: center;
+  background-color: #fff;
+  transition: all 300ms ease;
+  border-radius: 20rpx;
+}
+.m-drawer.m-drawer--left .m-drawer__content {
+  top: 0;
+  left: 0;
+  transform: translate3d(-100%, 0, 0);
+}
+.m-drawer.m-drawer--right .m-drawer__content {
+  right: 0;
+  top: 0;
+  transform: translate3d(100%, 0, 0);
+}
+.m-drawer.m-drawer--top .m-drawer__content {
+  left: 0;
+  top: 0;
+  width: 100%;
+  transform: translate3d(0, -100%, 0);
+}
+.m-drawer.m-drawer--bottom .m-drawer__content {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  transform: scale(1) translate3d(0, 100%, 0);
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }

package/src/bld-empty-page/index.js

@@ -1,23 +1,23 @@
-const app = getApp();
-
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    content: {
-      type: String,
-      value: "这里什么都没有",
-    },
-    imageSrc: {
-      type: String,
-      value: "empty/empty-default.png",
-    },
-    padding: {
-      type: String,
-      value: "40% 0",
-    },
-    showImage: {
-      type: Boolean,
-      value: true,
-    },
-  },
-});
+const app = getApp();
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    content: {
+      type: String,
+      value: "这里什么都没有",
+    },
+    imageSrc: {
+      type: String,
+      value: "empty/empty-default.png",
+    },
+    padding: {
+      type: String,
+      value: "40% 0",
+    },
+    showImage: {
+      type: Boolean,
+      value: true,
+    },
+  },
+});

package/src/bld-empty-page/index.json

@@ -1,6 +1,6 @@
-{
-  "component": true,
-    "usingComponents": {
-      "bld-cloud-image": "../bld-cloud-image/index"
-    }
+{
+  "component": true,
+    "usingComponents": {
+      "bld-cloud-image": "../bld-cloud-image/index"
+    }
 }

package/src/bld-empty-page/index.scss

@@ -1,15 +1,15 @@
-.empty {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-
-  font-weight: 400;
-  color: #a3a3a3;
-  .img {
-    height: 300rpx;
-    width: 300rpx;
-    margin-bottom: 32rpx;
-    background: none;
-  }
-}
+.empty {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+
+  font-weight: 400;
+  color: #a3a3a3;
+  .img {
+    height: 300rpx;
+    width: 300rpx;
+    margin-bottom: 32rpx;
+    background: none;
+  }
+}

package/src/bld-empty-page/index.wxml

@@ -1,11 +1,11 @@
-<view
-  class="empty iclass"
-  style="padding: {{ padding }}"
->
-  <bld-cloud-image
-    wx:if="{{ showImage }}"
-    iclass="img iclass"
-    src="{{ imageSrc }}"
-  />
-  <text>{{ content }}</text>
-</view>
+<view
+  class="empty iclass"
+  style="padding: {{ padding }}"
+>
+  <bld-cloud-image
+    wx:if="{{ showImage }}"
+    iclass="img iclass"
+    src="{{ imageSrc }}"
+  />
+  <text>{{ content }}</text>
+</view>

package/src/bld-empty-page/index.wxss

@@ -1,14 +1,14 @@
-.empty {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  font-weight: 400;
-  color: #a3a3a3;
-}
-.empty .img {
-  height: 300rpx;
-  width: 300rpx;
-  margin-bottom: 32rpx;
-  background: none;
+.empty {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  font-weight: 400;
+  color: #a3a3a3;
+}
+.empty .img {
+  height: 300rpx;
+  width: 300rpx;
+  margin-bottom: 32rpx;
+  background: none;
 }