bulade-ui 1.1.2 → 1.1.4

package/src/bld-modal/index.wxss

@@ -1,97 +1,97 @@
-.m-mask {
-  z-index: 1000;
-  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;
-}
-.m-mask.is-hidden {
-  opacity: 0;
-  visibility: hidden;
-}
-
-.m-modal-wrap {
-  z-index: 1001;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  visibility: visible;
-  transform: translate3d(-50%, -50%, 0);
-}
-.m-modal-wrap.is-hidden {
-  visibility: hidden;
-}
-.m-modal-wrap .m-modal {
-  z-index: 9;
-  position: relative;
-  width: 540rpx;
-  transform: scale(0.9);
-  opacity: 0;
-  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-}
-.m-modal-wrap .m-modal.is-show {
-  opacity: 1;
-  transform: scale(1);
-}
-.m-modal-wrap .m-modal .m-modal__content {
-  position: relative;
-  padding-top: 30rpx;
-  height: 100%;
-  border: 0;
-  border-radius: 3rpx;
-  text-align: center;
-  background-color: #fff;
-  background-clip: padding-box;
-  overflow: hidden;
-}
-.m-modal-wrap .m-modal .m-modal__title {
-  margin: 0;
-  padding: 12rpx 30rpx 24rpx;
-  font-size: 36rpx;
-  line-height: 1;
-  color: #1c2438;
-  text-align: center;
-}
-.m-modal-wrap .m-modal .m-modal__body {
-  max-height: 300rpx;
-  margin-bottom: 30rpx;
-  padding: 20rpx 40rpx;
-  font-size: 28rpx;
-  color: #80848f;
-  line-height: 1.5;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.m-modal-wrap .m-modal .m-modal__btn-group {
-  position: relative;
-  display: flex;
-}
-.m-modal-wrap .m-modal .m-modal__btn-group::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  transform: scaleY(0.5);
-  background: #ddd;
-}
-.m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn {
-  position: relative;
-  flex: 1;
-}
-.m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn.m-modal__btn--cancel::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 1px;
-  height: 100%;
-  transform: scaleX(0.5);
-  background: #ddd;
+.m-mask {
+  z-index: 1000;
+  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;
+}
+.m-mask.is-hidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.m-modal-wrap {
+  z-index: 1001;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  visibility: visible;
+  transform: translate3d(-50%, -50%, 0);
+}
+.m-modal-wrap.is-hidden {
+  visibility: hidden;
+}
+.m-modal-wrap .m-modal {
+  z-index: 9;
+  position: relative;
+  width: 540rpx;
+  transform: scale(0.9);
+  opacity: 0;
+  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+}
+.m-modal-wrap .m-modal.is-show {
+  opacity: 1;
+  transform: scale(1);
+}
+.m-modal-wrap .m-modal .m-modal__content {
+  position: relative;
+  padding-top: 30rpx;
+  height: 100%;
+  border: 0;
+  border-radius: 3rpx;
+  text-align: center;
+  background-color: #fff;
+  background-clip: padding-box;
+  overflow: hidden;
+}
+.m-modal-wrap .m-modal .m-modal__title {
+  margin: 0;
+  padding: 12rpx 30rpx 24rpx;
+  font-size: 36rpx;
+  line-height: 1;
+  color: #1c2438;
+  text-align: center;
+}
+.m-modal-wrap .m-modal .m-modal__body {
+  max-height: 300rpx;
+  margin-bottom: 30rpx;
+  padding: 20rpx 40rpx;
+  font-size: 28rpx;
+  color: #80848f;
+  line-height: 1.5;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.m-modal-wrap .m-modal .m-modal__btn-group {
+  position: relative;
+  display: flex;
+}
+.m-modal-wrap .m-modal .m-modal__btn-group::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  transform: scaleY(0.5);
+  background: #ddd;
+}
+.m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn {
+  position: relative;
+  flex: 1;
+}
+.m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn.m-modal__btn--cancel::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 1px;
+  height: 100%;
+  transform: scaleX(0.5);
+  background: #ddd;
 }

package/src/bld-modal/modal.js

@@ -1,38 +1,38 @@
-function getCtx(selector) {
-  const pages = getCurrentPages()
-  const ctx = pages[pages.length - 1]
-  const componentCtx = ctx.selectComponent(selector)
-
-  if (!componentCtx) {
-    console.error('无法找到对应的组件，请按文档说明使用组件')
-    return null
-  }
-  return componentCtx
-}
-
-const Modal = options => {
-
-  return new Promise((resolve, reject) => {
-    const { selector = '#modal' } = options
-    const modal = getCtx(selector)
-    modal._reset()
-
-    modal._confirm = resolve
-    modal._cancel = reject
-    modal._show(options)
-
-    return modal
-  })
-}
-
-Modal.alert = options => Modal(Object.assign({
-  showCancelButton: false
-}, options))
-Modal.confirm = options => Modal(options)
-
-Modal.close = (selector = '#modal') => {
-  const ctx = getCtx(selector)
-  ctx.close()
-}
-
+function getCtx(selector) {
+  const pages = getCurrentPages()
+  const ctx = pages[pages.length - 1]
+  const componentCtx = ctx.selectComponent(selector)
+
+  if (!componentCtx) {
+    console.error('无法找到对应的组件，请按文档说明使用组件')
+    return null
+  }
+  return componentCtx
+}
+
+const Modal = options => {
+
+  return new Promise((resolve, reject) => {
+    const { selector = '#modal' } = options
+    const modal = getCtx(selector)
+    modal._reset()
+
+    modal._confirm = resolve
+    modal._cancel = reject
+    modal._show(options)
+
+    return modal
+  })
+}
+
+Modal.alert = options => Modal(Object.assign({
+  showCancelButton: false
+}, options))
+Modal.confirm = options => Modal(options)
+
+Modal.close = (selector = '#modal') => {
+  const ctx = getCtx(selector)
+  ctx.close()
+}
+
 export default Modal

package/src/bld-nav-bar/index.js

@@ -1,131 +1,131 @@
-const app = getApp();
-
-const deviceInfo = app.globalData.deviceInfo;
-const systemInfo = app.globalData.systemInfo;
-const noticeText = app.globalData.noticeText;
-const menuButtonInfo = app.globalData.menuButtonDistance;
-const screenWidth = systemInfo.screenWidth;
-
-const statusBarHeight = systemInfo.statusBarHeight;
-const gap = menuButtonInfo.top - statusBarHeight;
-const padding = screenWidth - menuButtonInfo.right;
-const _baseStyle = [
-  `padding-top: ${menuButtonInfo.top}px`,
-  `padding-bottom: ${gap}px`,
-  `line-height: ${menuButtonInfo.height}px`,
-  `height: ${menuButtonInfo.height}px`,
-  `padding-left: ${padding}px`,
-  `padding-right: ${padding * 2 + menuButtonInfo.width}px`,
-  `width: calc(100% - ${3 * padding + menuButtonInfo.width}px)`,
-];
-const res = wx.getMenuButtonBoundingClientRect();
-Component({
-  externalClasses: ["iclass"],
-  options: {
-    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
-  },
-  properties: {
-    bgColor: {
-      type: String,
-    },
-    goBack: {
-      type: Boolean,
-      value: false,
-    },
-    showTitle: {
-      type: Boolean,
-      value: true,
-    },
-    showShare: {
-      type: Boolean,
-      value: false,
-    },
-    textAlign: {
-      type: String,
-      value: "left",
-    },
-  },
-  data: {
-    style: _baseStyle.join(";"),
-    titleStyle: "",
-    top: res.height + res.top,
-    noticeText
-  },
-  lifetimes: {
-    ready() {
-      const totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;
-
-      this.triggerEvent("height-change", totalHeight);
-      // let version = systemInfo.SDKVersion
-      // version = version.replace(/\./g, "")
-      // if(version.length == 3) {
-      //   version =version + "0"
-      // }
-      // console.log('该版本号为: '+ version)
-      // if (parseInt(version) <= 3700) {
-      //   this.setData({
-      //     noticeText:"检测到您的微信版本过低，部分功能或许无法使用，请升级微信至最新版本！！！"
-      //   })
-      // }
-    },
-  },
-  observers: {
-    bgColor: function (bgColor) {
-      if (bgColor) {
-        const _style = [..._baseStyle];
-
-        _style.push(`background-color: ${bgColor}`);
-        this.setData({
-          style: _style.join(";"),
-        });
-      } else {
-        this.setData({
-          style: _baseStyle.join(";"),
-        });
-      }
-    },
-
-    goBack: function (goBack) {
-      if (this.data.textAlign == "left") {
-        this.setData({
-          titleStyle: `justify-content: flex-start; padding-left: ${(12 - padding) * 2}rpx;`,
-        });
-        return;
-      }
-
-      if (goBack) {
-        this.createSelectorQuery()
-          .select(".operations")
-          .boundingClientRect((res) => {
-            this.setData({
-              titleStyle: `padding-left: ${(menuButtonInfo.width - padding - res.height) * 2}rpx`,
-            });
-          })
-          .exec();
-      } else {
-        this.setData({
-          titleStyle: `padding-left: ${(menuButtonInfo.width - padding) * 2}rpx`,
-        });
-      }
-    },
-  },
-  methods: {
-    navigateHome() {
-      wx.switchTab({
-        url: "/pages/home/index",
-      });
-    },
-
-    navigateBack() {
-      const pages = getCurrentPages();
-
-      if (pages.length > 1) {
-        wx.navigateBack();
-
-        return;
-      }
-
-      this.navigateHome();
-    },
-  },
-});
+const app = getApp();
+
+const deviceInfo = app.globalData.deviceInfo;
+const systemInfo = app.globalData.systemInfo;
+const noticeText = app.globalData.noticeText;
+const menuButtonInfo = app.globalData.menuButtonDistance;
+const screenWidth = systemInfo.screenWidth;
+
+const statusBarHeight = systemInfo.statusBarHeight;
+const gap = menuButtonInfo.top - statusBarHeight;
+const padding = screenWidth - menuButtonInfo.right;
+const _baseStyle = [
+  `padding-top: ${menuButtonInfo.top}px`,
+  `padding-bottom: ${gap}px`,
+  `line-height: ${menuButtonInfo.height}px`,
+  `height: ${menuButtonInfo.height}px`,
+  `padding-left: ${padding}px`,
+  `padding-right: ${padding * 2 + menuButtonInfo.width}px`,
+  `width: calc(100% - ${3 * padding + menuButtonInfo.width}px)`,
+];
+const res = wx.getMenuButtonBoundingClientRect();
+Component({
+  externalClasses: ["iclass"],
+  options: {
+    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
+  },
+  properties: {
+    bgColor: {
+      type: String,
+    },
+    goBack: {
+      type: Boolean,
+      value: false,
+    },
+    showTitle: {
+      type: Boolean,
+      value: true,
+    },
+    showShare: {
+      type: Boolean,
+      value: false,
+    },
+    textAlign: {
+      type: String,
+      value: "left",
+    },
+  },
+  data: {
+    style: _baseStyle.join(";"),
+    titleStyle: "",
+    top: res.height + res.top,
+    noticeText
+  },
+  lifetimes: {
+    ready() {
+      const totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;
+
+      this.triggerEvent("height-change", totalHeight);
+      // let version = systemInfo.SDKVersion
+      // version = version.replace(/\./g, "")
+      // if(version.length == 3) {
+      //   version =version + "0"
+      // }
+      // console.log('该版本号为: '+ version)
+      // if (parseInt(version) <= 3700) {
+      //   this.setData({
+      //     noticeText:"检测到您的微信版本过低，部分功能或许无法使用，请升级微信至最新版本！！！"
+      //   })
+      // }
+    },
+  },
+  observers: {
+    bgColor: function (bgColor) {
+      if (bgColor) {
+        const _style = [..._baseStyle];
+
+        _style.push(`background-color: ${bgColor}`);
+        this.setData({
+          style: _style.join(";"),
+        });
+      } else {
+        this.setData({
+          style: _baseStyle.join(";"),
+        });
+      }
+    },
+
+    goBack: function (goBack) {
+      if (this.data.textAlign == "left") {
+        this.setData({
+          titleStyle: `justify-content: flex-start; padding-left: ${(12 - padding) * 2}rpx;`,
+        });
+        return;
+      }
+
+      if (goBack) {
+        this.createSelectorQuery()
+          .select(".operations")
+          .boundingClientRect((res) => {
+            this.setData({
+              titleStyle: `padding-left: ${(menuButtonInfo.width - padding - res.height) * 2}rpx`,
+            });
+          })
+          .exec();
+      } else {
+        this.setData({
+          titleStyle: `padding-left: ${(menuButtonInfo.width - padding) * 2}rpx`,
+        });
+      }
+    },
+  },
+  methods: {
+    navigateHome() {
+      wx.switchTab({
+        url: "/pages/home/index",
+      });
+    },
+
+    navigateBack() {
+      const pages = getCurrentPages();
+
+      if (pages.length > 1) {
+        wx.navigateBack();
+
+        return;
+      }
+
+      this.navigateHome();
+    },
+  },
+});

package/src/bld-nav-bar/index.json

@@ -1,7 +1,7 @@
-{
-  "component": true,
-  "usingComponents": {
-    "bld-icon": "../bld-icon/index",
-    "bld-notice-bar":"../bld-notice-bar/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "bld-icon": "../bld-icon/index",
+    "bld-notice-bar":"../bld-notice-bar/index"
+  }
 }

package/src/bld-nav-bar/index.scss

@@ -1,48 +1,48 @@
-.nav-bar {
-  font-size: var(--font-size-lg);
-  font-weight: 500;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 1000;
-}
-
-.title {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.operation {
-  background: rgba(255, 255, 255, 0.6);
-  border: 1rpx solid rgba(0, 0, 0, 0.1);
-  border-radius: 32rpx;
-  width: 60rpx;
-  height: 60rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 12rpx;
-  padding: 0;
-}
-
-.operations {
-  &.right {
-    .operation {
-      margin-right: 0;
-      margin-left: 12rpx;
-    }
-  }
-}
-.notice-wrap{
-  position:fixed;
-  width:750rpx;
-  left:0;
-}
-.preifx, .suffix {
-  padding: 0 6rpx;
-}
+.nav-bar {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.operation {
+  background: rgba(255, 255, 255, 0.6);
+  border: 1rpx solid rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12rpx;
+  padding: 0;
+}
+
+.operations {
+  &.right {
+    .operation {
+      margin-right: 0;
+      margin-left: 12rpx;
+    }
+  }
+}
+.notice-wrap{
+  position:fixed;
+  width:750rpx;
+  left:0;
+}
+.preifx, .suffix {
+  padding: 0 6rpx;
+}