bulade-ui 1.1.39 → 1.1.40

package/src/bld-content-container/index.js

@@ -1,46 +1,46 @@
-const app = getApp();
-
-const menuButtonInfo = app.globalData.menuButtonDistance;
-const systemInfo = app.globalData.systemInfo;
-const paddingBottomUnit = 40;
-const statusBarHeight = app.globalData.systemInfo.statusBarHeight;
-const gap = menuButtonInfo.top - statusBarHeight;
-const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
-
-Component({
-  externalClasses: ["iclass"],
-  options: {
-    styleIsolation: 'apply-shared'
-  },
-  properties: {
-    navBarPosition: {
-      type: String,
-      value: "",
-    },
-    top: {
-      type: Number,
-      value: 1,
-    },
-    bottom: {
-      type: Number,
-      value: 1,
-    },
-  },
-  data: {
-    style: `padding-top: ${gap}px;padding-bottom: ${paddingBottomUnit}px`,
-  },
-
-  observers: {
-    "navBarPosition, top, bottom": function (navBarPosition, top, bottom) {
-      if (navBarPosition === "fixed") {
-        this.setData({
-          style: `padding-top: ${navBarHeight + gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
-        });
-      } else {
-        this.setData({
-          style: `padding-top: ${gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
-        });
-      }
-    },
-  },
-});
+const app = getApp();
+
+const menuButtonInfo = app.globalData.menuButtonDistance;
+const systemInfo = app.globalData.systemInfo;
+const paddingBottomUnit = 40;
+const statusBarHeight = app.globalData.systemInfo.statusBarHeight;
+const gap = menuButtonInfo.top - statusBarHeight;
+const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
+
+Component({
+  externalClasses: ["iclass"],
+  options: {
+    styleIsolation: 'apply-shared'
+  },
+  properties: {
+    navBarPosition: {
+      type: String,
+      value: "",
+    },
+    top: {
+      type: Number,
+      value: 1,
+    },
+    bottom: {
+      type: Number,
+      value: 1,
+    },
+  },
+  data: {
+    style: `padding-top: ${gap}px;padding-bottom: ${paddingBottomUnit}px`,
+  },
+
+  observers: {
+    "navBarPosition, top, bottom": function (navBarPosition, top, bottom) {
+      if (navBarPosition === "fixed") {
+        this.setData({
+          style: `padding-top: ${navBarHeight + gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
+        });
+      } else {
+        this.setData({
+          style: `padding-top: ${gap * this.data.top}px;padding-bottom: ${bottom * paddingBottomUnit}px`,
+        });
+      }
+    },
+  },
+});

package/src/bld-content-container/index.json

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

package/src/bld-content-container/index.wxml

@@ -1,5 +1,5 @@
-<view
-  class="content-container iclass"
-  style="{{ style }}">
-  <slot />
-</view>
+<view
+  class="content-container iclass"
+  style="{{ style }}">
+  <slot />
+</view>

package/src/bld-dialog-tip/index.js

@@ -1,60 +1,60 @@
-// 温馨提示弹层
-Component({
-  properties: {
-    show: {
-      type: Boolean,
-      value: false,
-    },
-    // 同bld-pop-up一致
-    cfgInfo: {
-      type: Object,
-      value: {
-        hideBtn: false, // 隐藏关闭按钮
-        bgIsClose: false, // 背景是否可关闭
-      },
-    },
-    content: {
-      type: String,
-    },
-    contentStyle: {
-      type: String,
-    },
-    title: {
-      type: Object,
-      value: {
-        text: "温馨提示",
-        showBg: true,
-        style: "",
-      }
-    },
-    cancel: {
-      type: Object,
-      value: {
-        show: true,
-        text: "取消",
-        style: "",
-      }
-    },
-    confirm: {
-      type: Object,
-      value: {
-        show: true,
-        text: "确认",
-        style: "",
-      }
-    }
-  },
-  data: {},
-  observers: {},
-  methods: {
-    handleClose() {
-      this.setData({
-        show: false,
-      });
-      this.triggerEvent("close");
-    },
-    handleConfirm() {
-      this.triggerEvent("confirm");
-    }
-  },
-});
+// 温馨提示弹层
+Component({
+  properties: {
+    show: {
+      type: Boolean,
+      value: false,
+    },
+    // 同bld-pop-up一致
+    cfgInfo: {
+      type: Object,
+      value: {
+        hideBtn: false, // 隐藏关闭按钮
+        bgIsClose: false, // 背景是否可关闭
+      },
+    },
+    content: {
+      type: String,
+    },
+    contentStyle: {
+      type: String,
+    },
+    title: {
+      type: Object,
+      value: {
+        text: "温馨提示",
+        showBg: true,
+        style: "",
+      }
+    },
+    cancel: {
+      type: Object,
+      value: {
+        show: true,
+        text: "取消",
+        style: "",
+      }
+    },
+    confirm: {
+      type: Object,
+      value: {
+        show: true,
+        text: "确认",
+        style: "",
+      }
+    }
+  },
+  data: {},
+  observers: {},
+  methods: {
+    handleClose() {
+      this.setData({
+        show: false,
+      });
+      this.triggerEvent("close");
+    },
+    handleConfirm() {
+      this.triggerEvent("confirm");
+    }
+  },
+});

package/src/bld-dialog-tip/index.json

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

package/src/bld-dialog-tip/index.scss

@@ -1,67 +1,67 @@
-
-.tip-box {
-    width: 80vw;
-    background: #ffffff;
-    border-radius: 24rpx;
-    position: relative;
-    padding: 58rpx 28rpx 28rpx 28rpx;
-    box-sizing: border-box;
-    .tip-title-bg {
-      width: 100%;
-      height: 86rpx;
-      position: absolute;
-      z-index: 0;
-      top: 0;
-      left: 0;
-      background: linear-gradient(180deg, #ffaaaa 0%, rgba(255, 193, 193, 0.72) 47%, rgba(255, 255, 255, 0.41) 100%);
-      border-radius: 24rpx 24rpx 0rpx 0rpx;
-    }
-    .tip-title {
-      position: relative;
-      z-index: 1;
-      text-align: center;
-      font-weight: 500;
-      font-size: 36rpx;
-      color: #000;
-      line-height: 50rpx;
-    }
-    .tip-content {
-      padding: 44rpx 40rpx 36rpx 40rpx;
-      font-weight: 400;
-      font-size: 32rpx;
-      color: #333;
-      line-height: 54rpx;
-      text-align: center;
-    }
-    .tip-btn-box {
-      display: flex;
-      justify-content: space-between;
-      margin-top: 20rpx;
-      .tip-btn-cancel {
-        width: 48%;
-        height: 84rpx;
-        box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(231, 231, 231, 0.5);
-        border-radius: 48rpx;
-        border: 2rpx solid #f00;
-        font-weight: 600;
-        font-size: 32rpx;
-        color: #ff0007;
-        line-height: 84rpx;
-        text-align: center;
-        margin-right: 20rpx;
-      }
-      .tip-btn-confirm {
-        flex: 1;
-        width: 48%;
-        height: 84rpx;
-        background: #ff0007;
-        box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(231, 231, 231, 0.5);
-        border-radius: 48rpx;
-        font-weight: 600;
-        font-size: 32rpx;
-        color: #ffffff;
-        line-height: 84rpx;
-        text-align: center;
-      }
-    }
+
+.tip-box {
+    width: 80vw;
+    background: #ffffff;
+    border-radius: 24rpx;
+    position: relative;
+    padding: 58rpx 28rpx 28rpx 28rpx;
+    box-sizing: border-box;
+    .tip-title-bg {
+      width: 100%;
+      height: 86rpx;
+      position: absolute;
+      z-index: 0;
+      top: 0;
+      left: 0;
+      background: linear-gradient(180deg, #ffaaaa 0%, rgba(255, 193, 193, 0.72) 47%, rgba(255, 255, 255, 0.41) 100%);
+      border-radius: 24rpx 24rpx 0rpx 0rpx;
+    }
+    .tip-title {
+      position: relative;
+      z-index: 1;
+      text-align: center;
+      font-weight: 500;
+      font-size: 36rpx;
+      color: #000;
+      line-height: 50rpx;
+    }
+    .tip-content {
+      padding: 44rpx 40rpx 36rpx 40rpx;
+      font-weight: 400;
+      font-size: 32rpx;
+      color: #333;
+      line-height: 54rpx;
+      text-align: center;
+    }
+    .tip-btn-box {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 20rpx;
+      .tip-btn-cancel {
+        width: 48%;
+        height: 84rpx;
+        box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(231, 231, 231, 0.5);
+        border-radius: 48rpx;
+        border: 2rpx solid #f00;
+        font-weight: 600;
+        font-size: 32rpx;
+        color: #ff0007;
+        line-height: 84rpx;
+        text-align: center;
+        margin-right: 20rpx;
+      }
+      .tip-btn-confirm {
+        flex: 1;
+        width: 48%;
+        height: 84rpx;
+        background: #ff0007;
+        box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(231, 231, 231, 0.5);
+        border-radius: 48rpx;
+        font-weight: 600;
+        font-size: 32rpx;
+        color: #ffffff;
+        line-height: 84rpx;
+        text-align: center;
+      }
+    }
   }

package/src/bld-dialog-tip/index.wxml

@@ -1,24 +1,24 @@
-<bld-pop-up show="{{ show }}" cfgInfo="{{cfgInfo}}" bindclosePopUp="handleClose">
-  <view class="tip-box">
-    <view class="tip-title-bg" wx:if="{{ title.showBg }}"></view>
-    <view class="tip-title" wx:if="{{title.text}}" style="{{ title.style }}">{{ title.text }}</view>
-    <slot />
-    <view class="tip-content" wx:if="{{content}}" style="{{ contentStyle }}">
-      <slot name="content"></slot>
-      {{ content }}
-    </view>
-    <view class="tip-btn-box">
-      <slot name="btn"></slot>
-      <view
-        wx:if="{{ cancel.show }}"
-        class="tip-btn-cancel"
-        bind:tap="handleClose"
-      >{{ cancel.text }}</view>
-      <view
-        wx:if="{{ confirm.show }}"
-        class="tip-btn-confirm"
-        bind:tap="handleConfirm"
-      >{{ confirm.text }}</view>
-    </view>
-  </view>
+<bld-pop-up show="{{ show }}" cfgInfo="{{cfgInfo}}" bindclosePopUp="handleClose">
+  <view class="tip-box">
+    <view class="tip-title-bg" wx:if="{{ title.showBg }}"></view>
+    <view class="tip-title" wx:if="{{title.text}}" style="{{ title.style }}">{{ title.text }}</view>
+    <slot />
+    <view class="tip-content" wx:if="{{content}}" style="{{ contentStyle }}">
+      <slot name="content"></slot>
+      {{ content }}
+    </view>
+    <view class="tip-btn-box">
+      <slot name="btn"></slot>
+      <view
+        wx:if="{{ cancel.show }}"
+        class="tip-btn-cancel"
+        bind:tap="handleClose"
+      >{{ cancel.text }}</view>
+      <view
+        wx:if="{{ confirm.show }}"
+        class="tip-btn-confirm"
+        bind:tap="handleConfirm"
+      >{{ confirm.text }}</view>
+    </view>
+  </view>
 </bld-pop-up>

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);
+    }
+  }
 }