bulade-ui 1.1.39 → 1.1.40

package/src/grid/index.scss

@@ -1,21 +1,21 @@
-.m-grid {
-	position: relative;
-	width: 100%;
-	box-sizing: border-box;
-	overflow: hidden;
-
-	&.m-grid--border::after {
-		content: " ";
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 200%;
-		height: 200%;
-		transform: scale(0.5);
-		transform-origin: 0 0;
-		box-sizing: border-box;
-		border: 1px solid transparent;
-		border-top-color: var(--color-border, #dcdee2);
-		border-left-color: var(--color-border, #dcdee2);
-	}
+.m-grid {
+	position: relative;
+	width: 100%;
+	box-sizing: border-box;
+	overflow: hidden;
+
+	&.m-grid--border::after {
+		content: " ";
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 200%;
+		height: 200%;
+		transform: scale(0.5);
+		transform-origin: 0 0;
+		box-sizing: border-box;
+		border: 1px solid transparent;
+		border-top-color: var(--color-border, #dcdee2);
+		border-left-color: var(--color-border, #dcdee2);
+	}
 }

package/src/grid/index.wxml

@@ -1,3 +1,3 @@
-<view class="m-grid {{ border ? 'm-grid--border' : '' }}">
-  <slot />
+<view class="m-grid {{ border ? 'm-grid--border' : '' }}">
+  <slot />
 </view>

package/src/grid-item/index.js

@@ -1,72 +1,72 @@
-Component({
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../grid/index': {
-      type: 'parent'
-    }
-  },
-
-  properties: {
-    icon: {
-      type: String,
-      value: ''
-    },
-    iconColor: {
-      type: String,
-      value: ''
-    },
-    iconSize: {
-      type: Number,
-      value: 48
-    },
-    badgeDot: {
-      type: Boolean,
-      value: false
-    },
-    badgeValue: {
-      type: String,
-      optionalTypes: [Number, String],
-      value: ''
-    },
-    text: {
-      type: String,
-      value: ''
-    },
-    useSlot: {
-      type: Boolean,
-      value: false
-    },
-
-    // 链接类型，可选值为 navigateTo，redirectTo，switchTab
-    linkType: {
-      type: String,
-      value: 'navigateTo'
-    },
-    url: {
-      type: String,
-      value: ''
-    }
-  },
-
-  data: {
-    width: '',
-    height: '',
-    border: false
-  },
-
-  methods: {
-    onClick() {
-      this.triggerEvent('click')
-
-      const url = this.data.url
-      if (!url) return
-
-      wx[this.data.linkType].call(wx, {
-        url
-      })
-    }
-  }
-})
+Component({
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../grid/index': {
+      type: 'parent'
+    }
+  },
+
+  properties: {
+    icon: {
+      type: String,
+      value: ''
+    },
+    iconColor: {
+      type: String,
+      value: ''
+    },
+    iconSize: {
+      type: Number,
+      value: 48
+    },
+    badgeDot: {
+      type: Boolean,
+      value: false
+    },
+    badgeValue: {
+      type: String,
+      optionalTypes: [Number, String],
+      value: ''
+    },
+    text: {
+      type: String,
+      value: ''
+    },
+    useSlot: {
+      type: Boolean,
+      value: false
+    },
+
+    // 链接类型，可选值为 navigateTo，redirectTo，switchTab
+    linkType: {
+      type: String,
+      value: 'navigateTo'
+    },
+    url: {
+      type: String,
+      value: ''
+    }
+  },
+
+  data: {
+    width: '',
+    height: '',
+    border: false
+  },
+
+  methods: {
+    onClick() {
+      this.triggerEvent('click')
+
+      const url = this.data.url
+      if (!url) return
+
+      wx[this.data.linkType].call(wx, {
+        url
+      })
+    }
+  }
+})

package/src/grid-item/index.json

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

package/src/grid-item/index.scss

@@ -1,59 +1,59 @@
-.m-grid-item {
-  position: relative;
-  float: left;
-  box-sizing: border-box;
-  background-color: #fff;
-
-  &.m-grid-item--hover {
-    background-color: #f3f4f5;
-  }
-
-  .m-grid-item__content {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    padding: 32rpx 16rpx;
-    box-sizing: border-box;
-  }
-
-  .m-grid-item__content--border:after {
-    content: " ";
-    z-index: 1;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 200%;
-    height: 200%;
-    transform: scale(0.5);
-    transform-origin: 0 0;
-    box-sizing: border-box;
-    border: 1px solid transparent;
-    border-right-color: var(--color-border, #dcdee2);
-    border-bottom-color: var(--color-border, #dcdee2);
-  }
-
-
-  .m-grid-item__content--clickable:active {
-    background-color: #f3f4f5;
-  }
-
-  .m-grid-item__icon {
-    font-size: 52rpx;
-    position: relative;
-  }
-
-  .m-grid-item__badge {
-    position: absolute !important;
-  }
-
-  .m-grid-item__text {
-    word-wrap: break-word;
-    color: var(--color-text-regular, #606266);
-    font-size: 28rpx;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+.m-grid-item {
+  position: relative;
+  float: left;
+  box-sizing: border-box;
+  background-color: #fff;
+
+  &.m-grid-item--hover {
+    background-color: #f3f4f5;
+  }
+
+  .m-grid-item__content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    padding: 32rpx 16rpx;
+    box-sizing: border-box;
+  }
+
+  .m-grid-item__content--border:after {
+    content: " ";
+    z-index: 1;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 200%;
+    transform: scale(0.5);
+    transform-origin: 0 0;
+    box-sizing: border-box;
+    border: 1px solid transparent;
+    border-right-color: var(--color-border, #dcdee2);
+    border-bottom-color: var(--color-border, #dcdee2);
+  }
+
+
+  .m-grid-item__content--clickable:active {
+    background-color: #f3f4f5;
+  }
+
+  .m-grid-item__icon {
+    font-size: 52rpx;
+    position: relative;
+  }
+
+  .m-grid-item__badge {
+    position: absolute !important;
+  }
+
+  .m-grid-item__text {
+    word-wrap: break-word;
+    color: var(--color-text-regular, #606266);
+    font-size: 28rpx;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }

package/src/grid-item/index.wxml

@@ -1,46 +1,46 @@
-<view 
-  class="m-grid-item" 
-  hover-class="{{ url ? 'm-grid-item--hover' : '' }}"  
-  style="{{ grid.getItemStyle(width, height) }}" 
-  bind:tap="onClick"
->
-  <view class="m-grid-item__content {{ border ? 'm-grid-item__content--border' : '' }}">
-
-    <block wx:if="{{ useSlot }}">
-      <slot />
-    </block>
-
-    <block wx:else>
-      <view class="m-grid-item__icon">
-        <bld-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ iconColor }}" size="{{ iconSize }}" dot="{{ dot }}" info="{{ info }}" />
-        <slot wx:else name="icon" />
-
-      </view>
-
-      <view class="m-grid-item__text">
-        <text wx:if="{{ text }}">{{ text }}</text>
-        <slot wx:else name="text" />
-      </view>
-    </block>
-
-  </view>
-</view>
-
-<wxs module="grid">
-  function getItemStyle(width, height) {
-    var styles = []
-    if(width) {
-      styles.push('width:' + width)
-    }
-
-    if(height) {
-      styles.push('height:' + height)
-    }
-
-    return styles.join(";")
-  }
-
-  module.exports = {
-    getItemStyle: getItemStyle
-  }
+<view 
+  class="m-grid-item" 
+  hover-class="{{ url ? 'm-grid-item--hover' : '' }}"  
+  style="{{ grid.getItemStyle(width, height) }}" 
+  bind:tap="onClick"
+>
+  <view class="m-grid-item__content {{ border ? 'm-grid-item__content--border' : '' }}">
+
+    <block wx:if="{{ useSlot }}">
+      <slot />
+    </block>
+
+    <block wx:else>
+      <view class="m-grid-item__icon">
+        <bld-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ iconColor }}" size="{{ iconSize }}" dot="{{ dot }}" info="{{ info }}" />
+        <slot wx:else name="icon" />
+
+      </view>
+
+      <view class="m-grid-item__text">
+        <text wx:if="{{ text }}">{{ text }}</text>
+        <slot wx:else name="text" />
+      </view>
+    </block>
+
+  </view>
+</view>
+
+<wxs module="grid">
+  function getItemStyle(width, height) {
+    var styles = []
+    if(width) {
+      styles.push('width:' + width)
+    }
+
+    if(height) {
+      styles.push('height:' + height)
+    }
+
+    return styles.join(";")
+  }
+
+  module.exports = {
+    getItemStyle: getItemStyle
+  }
 </wxs>

package/src/timeline/index.js

@@ -1,50 +1,50 @@
-Component({
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../timeline-item/index': {
-      type: 'descendant',
-
-      linked() {
-        this._updateChildren()
-      },
-
-      linkChanged() {
-        this._updateDataChange();
-      },
-
-      unlinked() {
-        this._updateChildren()
-      }
-    }
-  },
-
-  methods: {
-    _updateChildren() {
-
-      // 防抖减少重复触发
-      if (this.timer) {
-        clearTimeout(this.timer)
-        this.timer = null
-      }
-
-      this.timer = setTimeout(() => {
-        let children = this.getRelationNodes('../timeline-item/index')
-        const len = children.length
-
-        if (len > 0) {
-          let lastIndex = len - 1
-
-          children.forEach((child, index) => {
-            child.setData({
-              isLast: index === lastIndex
-            })
-          })
-        }
-      }, 60)
-    }
-  }
+Component({
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../timeline-item/index': {
+      type: 'descendant',
+
+      linked() {
+        this._updateChildren()
+      },
+
+      linkChanged() {
+        this._updateDataChange();
+      },
+
+      unlinked() {
+        this._updateChildren()
+      }
+    }
+  },
+
+  methods: {
+    _updateChildren() {
+
+      // 防抖减少重复触发
+      if (this.timer) {
+        clearTimeout(this.timer)
+        this.timer = null
+      }
+
+      this.timer = setTimeout(() => {
+        let children = this.getRelationNodes('../timeline-item/index')
+        const len = children.length
+
+        if (len > 0) {
+          let lastIndex = len - 1
+
+          children.forEach((child, index) => {
+            child.setData({
+              isLast: index === lastIndex
+            })
+          })
+        }
+      }, 60)
+    }
+  }
 })

package/src/timeline/index.json

@@ -1,3 +1,3 @@
-{
-  "usingComponents": {}
+{
+  "usingComponents": {}
 }

package/src/timeline/index.wxml

@@ -1 +1 @@
-<slot />
+<slot />

package/src/timeline-item/index.js

@@ -1,28 +1,28 @@
-Component({
-  
-  options: {
-    addGlobalClass: true,
-  },
-
-  relations: {
-    '../timeline/index': {
-      type: 'ancestor'
-    }
-  },
-
-  properties: {
-    icon: {
-      type: String
-    },
-    text: {
-      type: String,
-    },
-    color: {
-      type: String
-    }
-  },
-
-  data: {
-    isLast: false
-  }
+Component({
+  
+  options: {
+    addGlobalClass: true,
+  },
+
+  relations: {
+    '../timeline/index': {
+      type: 'ancestor'
+    }
+  },
+
+  properties: {
+    icon: {
+      type: String
+    },
+    text: {
+      type: String,
+    },
+    color: {
+      type: String
+    }
+  },
+
+  data: {
+    isLast: false
+  }
 })

package/src/timeline-item/index.json

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

package/src/timeline-item/index.scss

@@ -1,37 +1,37 @@
-.m-timeline {
-  display: flex;
-
-  &.is-last {
-    .m-timeline__line::after {
-      display: none;
-    }
-  }
-
-  .m-timeline__line {
-    position: relative;
-    width: 120rpx;
-    min-height: 80rpx;
-    display: flex;
-    justify-content: center;
-    color: var(--color-text-secondary, #909399);
-    font-size: 28rpx;
-
-    &::after {
-      position: absolute;
-      top: 44rpx;
-      width: 1px;
-      bottom: 10rpx;
-      content: " ";
-      background: var(--color-border, #dcdee2);
-      transform: translateY(.5);
-    }
-  }
-
-  .m-timeline__content {
-    flex: 1;
-    width: 0;
-    margin-top: 16rpx;
-    margin-bottom: 46rpx;
-    margin-right: 32rpx;
-  }
+.m-timeline {
+  display: flex;
+
+  &.is-last {
+    .m-timeline__line::after {
+      display: none;
+    }
+  }
+
+  .m-timeline__line {
+    position: relative;
+    width: 120rpx;
+    min-height: 80rpx;
+    display: flex;
+    justify-content: center;
+    color: var(--color-text-secondary, #909399);
+    font-size: 28rpx;
+
+    &::after {
+      position: absolute;
+      top: 44rpx;
+      width: 1px;
+      bottom: 10rpx;
+      content: " ";
+      background: var(--color-border, #dcdee2);
+      transform: translateY(.5);
+    }
+  }
+
+  .m-timeline__content {
+    flex: 1;
+    width: 0;
+    margin-top: 16rpx;
+    margin-bottom: 46rpx;
+    margin-right: 32rpx;
+  }
 }