bulade-ui 1.0.0

package/src/grid-item/index.wxss

@@ -0,0 +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;
+}

package/src/icon/index.js

@@ -0,0 +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
+  }
+})

package/src/icon/index.json

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

package/src/icon/index.scss

@@ -0,0 +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;
+	}
+}

package/src/icon/index.wxml

@@ -0,0 +1,35 @@
+<view 
+	class="m-icon m-icon-{{ name }} custom-class" 
+	style="{{ icon.setIconStyle(isImage, fsize, color) }} {{ customStyle }}"
+>
+  <image
+    wx:if="{{ isImage }}"
+    src="{{ name }}"
+    mode="aspectFit"
+    class="m-icon__image"
+   />
+</view>
+
+<wxs module="icon">
+  function setIconStyle(isImage, size, color) {
+    var styles = []
+
+    if(size) {
+      if(isImage) {
+        styles.push('width:' + size +'rpx')
+        styles.push('height:' + size +'rpx')
+      }
+      styles.push('font-size:' + size +'rpx')
+    }
+
+    if(color) {
+      styles.push('color:' + color)
+    }
+    return styles.join(";")
+  }
+
+  module.exports = {
+    setIconStyle: setIconStyle
+  }
+</wxs>
+

package/src/icon/index.wxss

@@ -0,0 +1,200 @@
+@font-face {
+  font-family: "m-icon";
+  /* Project id 1731901 */
+  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("iconfont.ttf?t=1665894871260") format("truetype");
+}
+
+.m-icon {
+  font-family: "m-icon" !important;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32rpx;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.m-icon-cross:before {
+  content: "\e653";
+}
+
+.m-icon-arrow-right:before {
+  content: "\e913";
+}
+
+.m-icon-arrow-up:before {
+  content: "\e914";
+}
+
+.m-icon-confirm:before {
+  content: "\e631";
+}
+
+.m-icon-fail:before {
+  content: "\e765";
+}
+
+.m-icon-arrow-left:before {
+  content: "\e794";
+}
+
+.m-icon-arrow-down:before {
+  content: "\e912";
+}
+
+.m-icon-feed:before {
+  content: "\e724";
+}
+
+.m-icon-edit:before {
+  content: "\e60b";
+}
+
+.m-icon-warning:before {
+  content: "\e621";
+}
+
+.m-icon-video-fill:before {
+  content: "\e617";
+}
+
+.m-icon-love:before {
+  content: "\e60a";
+}
+
+.m-icon-up:before {
+  content: "\e70f";
+}
+
+.m-icon-see:before {
+  content: "\e693";
+}
+
+.m-icon-see-fill:before {
+  content: "\e639";
+}
+
+.m-icon-search:before {
+  content: "\e613";
+}
+
+.m-icon-star:before {
+  content: "\e611";
+}
+
+.m-icon-location:before {
+  content: "\e66c";
+}
+
+.m-icon-more:before {
+  content: "\e85c";
+}
+
+.m-icon-like-fill:before {
+  content: "\e669";
+}
+
+.m-icon-home:before {
+  content: "\e908";
+}
+
+.m-icon-user:before {
+  content: "\e909";
+}
+
+.m-icon-down:before {
+  content: "\e90c";
+}
+
+.m-icon-like:before {
+  content: "\e63a";
+}
+
+.m-icon-refresh:before {
+  content: "\e615";
+}
+
+.m-icon-tag:before {
+  content: "\e6c8";
+}
+
+.m-icon-plus:before {
+  content: "\e64f";
+}
+
+.m-icon-check-fill:before {
+  content: "\e77c";
+}
+
+.m-icon-star-fill:before {
+  content: "\e911";
+}
+
+.m-icon-send-fill:before {
+  content: "\e600";
+}
+
+.m-icon-delete:before {
+  content: "\e614";
+}
+
+.m-icon-unknown:before {
+  content: "\e646";
+}
+
+.m-icon-send:before {
+  content: "\e71b";
+}
+
+.m-icon-date:before {
+  content: "\e6c4";
+}
+
+.m-icon-close-fill:before {
+  content: "\e637";
+}
+
+.m-icon-girl:before {
+  content: "\e635";
+}
+
+.m-icon-boy:before {
+  content: "\e634";
+}
+
+.m-icon-category:before {
+  content: "\e60d";
+}
+
+.m-icon-set:before {
+  content: "\e65e";
+}
+
+.m-icon-news:before {
+  content: "\e708";
+}
+
+.m-icon-aboutus:before {
+  content: "\e655";
+}
+
+.m-icon-notice:before {
+  content: "\e657";
+}
+
+.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 .m-icon__image {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  vertical-align: sub-text;
+  box-sizing: border-box;
+}

package/src/timeline/index.js

@@ -0,0 +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)
+    }
+  }
+})

package/src/timeline/index.json

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

package/src/timeline/index.wxml

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

package/src/timeline-item/index.js

@@ -0,0 +1,28 @@
+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

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

package/src/timeline-item/index.scss

@@ -0,0 +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;
+  }
+}

package/src/timeline-item/index.wxml

@@ -0,0 +1,10 @@
+<view class="m-timeline {{ isLast ? 'is-last':'' }}">
+  <view class="m-timeline__line">
+    <m-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ color }}" />
+    <text wx:else style="{{ color ? 'color:' + color : '' }}">{{ text }}</text>
+  </view>
+  
+  <view class="m-timeline__content">
+    <slot />
+  </view>
+</view>

package/src/timeline-item/index.wxss

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

package/src/utils/systemInfo.js

@@ -0,0 +1,51 @@
+export default () => {
+  try {
+    const systemInfo = wx.getSystemInfoSync();
+    const isIOS = systemInfo.system.includes('iOS')
+    const statusBarH = systemInfo.statusBarHeight            // 状态栏高度 单位 px
+    const capsule = wx.getMenuButtonBoundingClientRect();
+    const titleBarH = capsule.top + capsule.bottom - statusBarH * 2; // 标题栏高度
+    const capsuleH = capsule.height; // 胶囊高度，用于搜索框
+    const capsuleW = capsule.width; // 胶囊宽度，用于搜索框
+    const headerBarH = statusBarH + titleBarH;  // 导航栏高度
+    const menuButtonDistance = wx.getMenuButtonBoundingClientRect();
+    const deviceInfo = wx.getDeviceInfo();
+    const isMobile = ["ios", "android", "devtools"].includes(deviceInfo.platform);
+    const isPc = ["windows", "mac"].includes(deviceInfo.platform);
+
+    return {
+      headerBarH,
+      statusBarH,
+      titleBarH,
+      capsule,
+      capsuleH,
+      capsuleW,
+      isIOS,
+      systemInfo,
+      menuButtonDistance,
+      deviceInfo,
+      isMobile,
+      isPc
+    }
+  } catch (e) {
+    console.warn('getSystemInfoSync error')
+
+    return {
+      headerBarH: 80,
+      statusBarH: 40,
+      titleBarH: 40,
+      isIOS: false,
+      capsule: {
+        bottom: 83,
+        height: 32,
+        left: 296,
+        right: 383,
+        top: 51,
+        width: 87
+      },
+      capsuleH: 32,
+      capsuleW: 87
+    }
+  }
+}
+

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "es2015",
+    "lib": ["es2015", "es2017", "dom"],
+    "noImplicitAny": false,
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "baseUrl": ".",
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata":true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true
+  },
+  "files": [
+    "node_modules/miniprogram-api-typings/index.d.ts"
+  ],
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}