bulade-ui 1.1.3 → 1.1.4

package/src/grid/index.wxss

@@ -1,20 +1,20 @@
-.m-grid {
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.m-grid.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.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-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": {
-    "m-icon": "../icon/index"
-  }
+{
+  "component": true,
+  "usingComponents": {
+    "m-icon": "../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">
-        <m-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">
+        <m-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/grid-item/index.wxss

@@ -1,51 +1,51 @@
-.m-grid-item {
-  position: relative;
-  float: left;
-  box-sizing: border-box;
-  background-color: #fff;
-}
-.m-grid-item.m-grid-item--hover {
-  background-color: #f3f4f5;
-}
-.m-grid-item .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 .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 .m-grid-item__content--clickable:active {
-  background-color: #f3f4f5;
-}
-.m-grid-item .m-grid-item__icon {
-  font-size: 52rpx;
-  position: relative;
-}
-.m-grid-item .m-grid-item__badge {
-  position: absolute !important;
-}
-.m-grid-item .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.m-grid-item--hover {
+  background-color: #f3f4f5;
+}
+.m-grid-item .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 .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 .m-grid-item__content--clickable:active {
+  background-color: #f3f4f5;
+}
+.m-grid-item .m-grid-item__icon {
+  font-size: 52rpx;
+  position: relative;
+}
+.m-grid-item .m-grid-item__badge {
+  position: absolute !important;
+}
+.m-grid-item .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/icon/index.js

@@ -1,42 +1,42 @@
-Component({
-  externalClasses: ['custom-class'],
-
-  options: {
-    addGlobalClass: true,
-  },
-
-  properties: {
-    name: {
-      type: String,
-      observer(val) {
-        this.setData({
-          isImage: val.indexOf('/') > -1
-        })
-      }
-    },
-    
-    size: {
-      type: Number,
-      optionalTypes: [Number, String],
-      value: 36,
-      observer(val) {
-        this.setData({
-          fsize: parseInt(val)
-        }) 
-      }
-    },
-    color: {
-      type: String,
-      value: ''
-    },
-    customStyle: {
-      type: String,
-      value: ''
-    }
-  },
-  
-  data: {
-    isImage: false,
-    fsize: 36
-  }
+Component({
+  externalClasses: ['custom-class'],
+
+  options: {
+    addGlobalClass: true,
+  },
+
+  properties: {
+    name: {
+      type: String,
+      observer(val) {
+        this.setData({
+          isImage: val.indexOf('/') > -1
+        })
+      }
+    },
+    
+    size: {
+      type: Number,
+      optionalTypes: [Number, String],
+      value: 36,
+      observer(val) {
+        this.setData({
+          fsize: parseInt(val)
+        }) 
+      }
+    },
+    color: {
+      type: String,
+      value: ''
+    },
+    customStyle: {
+      type: String,
+      value: ''
+    }
+  },
+  
+  data: {
+    isImage: false,
+    fsize: 36
+  }
 })

package/src/icon/index.json

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

package/src/icon/index.scss

@@ -1,17 +1,17 @@
-@import "..\\assets/font/iconfont.wxss";
-
-.m-icon {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	transition: color .2s ease-in-out;
-	color: var(--color-text-secondary, #909399);
-
-	.m-icon__image {
-		width: 100%;
-		height: 100%;
-		display: inline-block;
-		vertical-align: sub-text;
-		box-sizing: border-box;
-	}
+@import "..\\assets/font/iconfont.wxss";
+
+.m-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	transition: color .2s ease-in-out;
+	color: var(--color-text-secondary, #909399);
+
+	.m-icon__image {
+		width: 100%;
+		height: 100%;
+		display: inline-block;
+		vertical-align: sub-text;
+		box-sizing: border-box;
+	}
 }