bulade-ui 1.1.21 → 1.1.23

package/src/bld-toast/index.wxss

@@ -1,95 +1,95 @@
-.m-toast__mask {
-  z-index: 2000;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
-}
-
-.m-toast__wrap {
-  opacity: 0;
-  z-index: 2001;
-  position: fixed;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transition: opacity 0.15s ease-in;
-}
-.m-toast__wrap.m-toast--top {
-  top: 110rpx;
-  animation: toast-top 0.25s ease-in-out;
-}
-.m-toast__wrap.m-toast--middle {
-  top: 45%;
-}
-.m-toast__wrap.m-toast--bottom {
-  bottom: 110rpx;
-  animation: toast-bottom 0.25s ease-in-out;
-}
-.m-toast__wrap.m-toast--show {
-  opacity: 1;
-}
-.m-toast__wrap .m-toast {
-  margin: 0 auto;
-  padding: 24rpx 40rpx;
-  color: #fff;
-  font-size: 28rpx;
-  line-height: 28rpx;
-  text-align: center;
-  border-radius: 4rpx;
-  box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.75);
-}
-.m-toast__wrap .m-toast .m-toast__icon {
-  padding: 30rpx 0 60rpx;
-}
-.m-toast__wrap .m-toast .m-toast__image {
-  padding-bottom: 20rpx;
-}
-.m-toast__wrap .m-toast .m-toast__image .m-toast__image__inner {
-  max-width: 160rpx;
-  max-height: 160rpx;
-}
-.m-toast__wrap .m-toast .m-toast__loading {
-  display: inline-block;
-  margin: 26rpx 36rpx 36rpx;
-  width: 54rpx;
-  height: 54rpx;
-  border-radius: 50%;
-  border: 6rpx solid #fff;
-  border-left-color: transparent;
-  vertical-align: middle;
-  background: 0 0;
-  animation: btn-spinner 0.8s linear infinite;
-}
-@keyframes toast-top {
-  0% {
-    top: 40rpx;
-  }
-  60% {
-    top: 130rpx;
-  }
-  100% {
-    top: 110rpx;
-  }
-}
-@keyframes toast-bottom {
-  0% {
-    bottom: 40rpx;
-  }
-  60% {
-    bottom: 130rpx;
-  }
-  100% {
-    bottom: 110rpx;
-  }
-}
-@keyframes btn-spinner {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.m-toast__mask {
+  z-index: 2000;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
+}
+
+.m-toast__wrap {
+  opacity: 0;
+  z-index: 2001;
+  position: fixed;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transition: opacity 0.15s ease-in;
+}
+.m-toast__wrap.m-toast--top {
+  top: 110rpx;
+  animation: toast-top 0.25s ease-in-out;
+}
+.m-toast__wrap.m-toast--middle {
+  top: 45%;
+}
+.m-toast__wrap.m-toast--bottom {
+  bottom: 110rpx;
+  animation: toast-bottom 0.25s ease-in-out;
+}
+.m-toast__wrap.m-toast--show {
+  opacity: 1;
+}
+.m-toast__wrap .m-toast {
+  margin: 0 auto;
+  padding: 24rpx 40rpx;
+  color: #fff;
+  font-size: 28rpx;
+  line-height: 28rpx;
+  text-align: center;
+  border-radius: 4rpx;
+  box-sizing: border-box;
+  background: rgba(0, 0, 0, 0.75);
+}
+.m-toast__wrap .m-toast .m-toast__icon {
+  padding: 30rpx 0 60rpx;
+}
+.m-toast__wrap .m-toast .m-toast__image {
+  padding-bottom: 20rpx;
+}
+.m-toast__wrap .m-toast .m-toast__image .m-toast__image__inner {
+  max-width: 160rpx;
+  max-height: 160rpx;
+}
+.m-toast__wrap .m-toast .m-toast__loading {
+  display: inline-block;
+  margin: 26rpx 36rpx 36rpx;
+  width: 54rpx;
+  height: 54rpx;
+  border-radius: 50%;
+  border: 6rpx solid #fff;
+  border-left-color: transparent;
+  vertical-align: middle;
+  background: 0 0;
+  animation: btn-spinner 0.8s linear infinite;
+}
+@keyframes toast-top {
+  0% {
+    top: 40rpx;
+  }
+  60% {
+    top: 130rpx;
+  }
+  100% {
+    top: 110rpx;
+  }
+}
+@keyframes toast-bottom {
+  0% {
+    bottom: 40rpx;
+  }
+  60% {
+    bottom: 130rpx;
+  }
+  100% {
+    bottom: 110rpx;
+  }
+}
+@keyframes btn-spinner {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

package/src/bld-toast/toast.js

@@ -1,35 +1,35 @@
-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 Toast = options => {
-  const {
-    selector = '#toast'
-  } = options
-  const ctx = getCtx(selector)
-
-  if (typeof options === "string") {
-    options = {
-      message: options,
-      position: 'bottom'
-    }
-  }
-  ctx.open(options)
-
-  return ctx
-}
-
-Toast.close = (selector = '#toast') => {
-  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 Toast = options => {
+  const {
+    selector = '#toast'
+  } = options
+  const ctx = getCtx(selector)
+
+  if (typeof options === "string") {
+    options = {
+      message: options,
+      position: 'bottom'
+    }
+  }
+  ctx.open(options)
+
+  return ctx
+}
+
+Toast.close = (selector = '#toast') => {
+  const ctx = getCtx(selector)
+  ctx.close()
+}
+
 export default Toast

package/src/bld-wrapper/index.js

@@ -1,75 +1,75 @@
-const app = getApp();
-
-const menuButtonInfo = app.globalData.menuButtonDistance;
-const systemInfo = app.globalData.systemInfo
-// 计算 tab bar 的高度
-const safeArea = systemInfo.safeArea;
-const saleAreaHeight = systemInfo.screenHeight - safeArea.bottom;
-const tabBarHeight = 60 + saleAreaHeight;
-
-// 计算 nav bar 的高度
-const statusBarHeight = systemInfo.statusBarHeight;
-const gap = menuButtonInfo.top - statusBarHeight;
-
-const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
-
-// 占据 nav bar 和 tab bar 之间的空间
-const navToTab = {
-  top: `${navBarHeight}px`,
-  height: `calc(100% - ${navBarHeight}px - ${tabBarHeight}px)`,
-};
-
-// 占据 nav bar 页面底部的空间
-const navToBottom = {
-  top: `${navBarHeight}px`,
-  height: `calc(100% - ${navBarHeight}px)`,
-};
-
-// 从页面顶部到 tab bar 之间的空间
-const topToTab = {
-  top: "0px",
-  height: `calc(100% - ${tabBarHeight}px)`,
-};
-
-// 占据所有空间
-const topToBottom = {
-  top: "0px",
-  height: "100%",
-};
-
-const modeStyleMap = {
-  "nav-to-tab": navToTab,
-  "nav-to-bottom": navToBottom,
-  "top-to-tab": topToTab,
-  "top-to-bottom": topToBottom,
-};
-
-function modeToStyle(mode) {
-  const styles = modeStyleMap[mode];
-  return Object.keys(styles)
-    .map((key) => {
-      return `${key}: ${styles[key]}`;
-    })
-    .join(";");
-}
-
-Component({
-  externalClasses: ["iclass"],
-  properties: {
-    mode: {
-      type: String,
-      value: "nav-to-bottom",
-    },
-  },
-  data: {
-    style: "height:100%",
-  },
-
-  observers: {
-    mode: function () {
-      this.setData({
-        style: modeToStyle(this.data.mode),
-      });
-    },
-  },
-});
+const app = getApp();
+
+const menuButtonInfo = app.globalData.menuButtonDistance;
+const systemInfo = app.globalData.systemInfo
+// 计算 tab bar 的高度
+const safeArea = systemInfo.safeArea;
+const saleAreaHeight = systemInfo.screenHeight - safeArea.bottom;
+const tabBarHeight = 60 + saleAreaHeight;
+
+// 计算 nav bar 的高度
+const statusBarHeight = systemInfo.statusBarHeight;
+const gap = menuButtonInfo.top - statusBarHeight;
+
+const navBarHeight = statusBarHeight + menuButtonInfo.height + gap * 2;
+
+// 占据 nav bar 和 tab bar 之间的空间
+const navToTab = {
+  top: `${navBarHeight}px`,
+  height: `calc(100% - ${navBarHeight}px - ${tabBarHeight}px)`,
+};
+
+// 占据 nav bar 页面底部的空间
+const navToBottom = {
+  top: `${navBarHeight}px`,
+  height: `calc(100% - ${navBarHeight}px)`,
+};
+
+// 从页面顶部到 tab bar 之间的空间
+const topToTab = {
+  top: "0px",
+  height: `calc(100% - ${tabBarHeight}px)`,
+};
+
+// 占据所有空间
+const topToBottom = {
+  top: "0px",
+  height: "100%",
+};
+
+const modeStyleMap = {
+  "nav-to-tab": navToTab,
+  "nav-to-bottom": navToBottom,
+  "top-to-tab": topToTab,
+  "top-to-bottom": topToBottom,
+};
+
+function modeToStyle(mode) {
+  const styles = modeStyleMap[mode];
+  return Object.keys(styles)
+    .map((key) => {
+      return `${key}: ${styles[key]}`;
+    })
+    .join(";");
+}
+
+Component({
+  externalClasses: ["iclass"],
+  properties: {
+    mode: {
+      type: String,
+      value: "nav-to-bottom",
+    },
+  },
+  data: {
+    style: "height:100%",
+  },
+
+  observers: {
+    mode: function () {
+      this.setData({
+        style: modeToStyle(this.data.mode),
+      });
+    },
+  },
+});

package/src/bld-wrapper/index.json

@@ -1,5 +1,5 @@
-{
-  "component": true,
-  "styleIsolation": "apply-shared",
-  "usingComponents": {}
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
 }

package/src/bld-wrapper/index.scss

@@ -1,7 +1,7 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  position: absolute;
-  width: 100%;
-}
+.container {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  position: absolute;
+  width: 100%;
+}

package/src/bld-wrapper/index.wxml

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

package/src/bld-wrapper/index.wxss

@@ -1,7 +1,7 @@
-.container {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  position: absolute;
-  width: 100%;
+.container {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  position: absolute;
+  width: 100%;
 }

package/src/button/index.js

@@ -1,92 +1,92 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    // ghost, primary, info, success, warning, error
-    type: {
-      type: String,
-      value: 'default',
-    },
-    plain: {
-      type: Boolean,
-      value: false,
-    },
-    inline: {
-      type: Boolean,
-      value: false
-    },
-    size: {
-      type: String,
-      value: '',
-    },
-    round: {
-      type: Boolean,
-      value: false
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    loading: {
-      type: Boolean,
-      value: false,
-    },
-    full: {
-      type: Boolean,
-      value: false
-    },
-    color: {
-      type: String,
-      value: ''
-    },
-    bgcolor: {
-      type: String,
-      value: ''
-    },
-    openType: String,
-    hoverStopPropagation: Boolean,
-    hoverStartTime: {
-      type: Number,
-      value: 20
-    },
-    hoverStayTime: {
-      type: Number,
-      value: 70
-    },
-    sendMessageTitle: String,
-    sendMessagePath: String,
-    sendMessageImg: String,
-    showMessageCard: Boolean
-  },
-
-  methods: {
-    onTap() {
-      if (this.data.disabled) return false
-      this.triggerEvent('click')
-    },
-    getuserinfo({
-      detail = {}
-    } = {}) {
-      this.triggerEvent('getuserinfo', detail)
-    },
-    contact({
-      detail = {}
-    } = {}) {
-      this.triggerEvent('contact', detail)
-    },
-    getphonenumber({
-      detail = {}
-    } = {}) {
-      this.triggerEvent('getphonenumber', detail)
-    },
-    error({
-      detail = {}
-    } = {}) {
-      this.triggerEvent('error', detail)
-    }
-  }
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    // ghost, primary, info, success, warning, error
+    type: {
+      type: String,
+      value: 'default',
+    },
+    plain: {
+      type: Boolean,
+      value: false,
+    },
+    inline: {
+      type: Boolean,
+      value: false
+    },
+    size: {
+      type: String,
+      value: '',
+    },
+    round: {
+      type: Boolean,
+      value: false
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    full: {
+      type: Boolean,
+      value: false
+    },
+    color: {
+      type: String,
+      value: ''
+    },
+    bgcolor: {
+      type: String,
+      value: ''
+    },
+    openType: String,
+    hoverStopPropagation: Boolean,
+    hoverStartTime: {
+      type: Number,
+      value: 20
+    },
+    hoverStayTime: {
+      type: Number,
+      value: 70
+    },
+    sendMessageTitle: String,
+    sendMessagePath: String,
+    sendMessageImg: String,
+    showMessageCard: Boolean
+  },
+
+  methods: {
+    onTap() {
+      if (this.data.disabled) return false
+      this.triggerEvent('click')
+    },
+    getuserinfo({
+      detail = {}
+    } = {}) {
+      this.triggerEvent('getuserinfo', detail)
+    },
+    contact({
+      detail = {}
+    } = {}) {
+      this.triggerEvent('contact', detail)
+    },
+    getphonenumber({
+      detail = {}
+    } = {}) {
+      this.triggerEvent('getphonenumber', detail)
+    },
+    error({
+      detail = {}
+    } = {}) {
+      this.triggerEvent('error', detail)
+    }
+  }
 });

package/src/button/index.json

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