智慧宿舍系统小程序

wechat/miniprogram/miniprogram_npm/@vant/weapp/rate/index.js

@@ -0,0 +1,111 @@
+'use strict';
+var __assign =
+  (this && this.__assign) ||
+  function () {
+    __assign =
+      Object.assign ||
+      function (t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+    return __assign.apply(this, arguments);
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+var utils_1 = require('../common/utils');
+var component_1 = require('../common/component');
+var version_1 = require('../common/version');
+component_1.VantComponent({
+  field: true,
+  classes: ['icon-class'],
+  props: {
+    value: {
+      type: Number,
+      observer: function (value) {
+        if (value !== this.data.innerValue) {
+          this.setData({ innerValue: value });
+        }
+      },
+    },
+    readonly: Boolean,
+    disabled: Boolean,
+    allowHalf: Boolean,
+    size: null,
+    icon: {
+      type: String,
+      value: 'star',
+    },
+    voidIcon: {
+      type: String,
+      value: 'star-o',
+    },
+    color: {
+      type: String,
+      value: '#ffd21e',
+    },
+    voidColor: {
+      type: String,
+      value: '#c7c7c7',
+    },
+    disabledColor: {
+      type: String,
+      value: '#bdbdbd',
+    },
+    count: {
+      type: Number,
+      value: 5,
+      observer: function (value) {
+        this.setData({ innerCountArray: Array.from({ length: value }) });
+      },
+    },
+    gutter: null,
+    touchable: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    innerValue: 0,
+    innerCountArray: Array.from({ length: 5 }),
+  },
+  methods: {
+    onSelect: function (event) {
+      var _this = this;
+      var data = this.data;
+      var score = event.currentTarget.dataset.score;
+      if (!data.disabled && !data.readonly) {
+        this.setData({ innerValue: score + 1 });
+        if (version_1.canIUseModel()) {
+          this.setData({ value: score + 1 });
+        }
+        wx.nextTick(function () {
+          _this.$emit('input', score + 1);
+          _this.$emit('change', score + 1);
+        });
+      }
+    },
+    onTouchMove: function (event) {
+      var _this = this;
+      var touchable = this.data.touchable;
+      if (!touchable) return;
+      var clientX = event.touches[0].clientX;
+      utils_1.getAllRect(this, '.van-rate__icon').then(function (list) {
+        var target = list
+          .sort(function (cur, next) {
+            return cur.dataset.score - next.dataset.score;
+          })
+          .find(function (item) {
+            return clientX >= item.left && clientX <= item.right;
+          });
+        if (target != null) {
+          _this.onSelect(
+            __assign(__assign({}, event), { currentTarget: target })
+          );
+        }
+      });
+    },
+  },
+});

wechat/miniprogram/miniprogram_npm/@vant/weapp/rate/index.json

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

wechat/miniprogram/miniprogram_npm/@vant/weapp/rate/index.wxml

@@ -0,0 +1,34 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="van-rate custom-class"
+  bind:touchmove="onTouchMove"
+>
+  <view
+    class="van-rate__item"
+    wx:for="{{ innerCountArray }}"
+    wx:key="index"
+    style="padding-right: {{ index !== count - 1 ? utils.addUnit(gutter) : '' }}"
+  >
+    <van-icon
+      name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
+      class="van-rate__icon"
+      style="font-size: {{ utils.addUnit(size) }}"
+      custom-class="icon-class"
+      data-score="{{ index }}"
+      color="{{ disabled ? disabledColor : index + 1 <= innerValue ? color : voidColor }}"
+      bind:click="onSelect"
+    />
+
+    <van-icon
+      wx:if="{{ allowHalf }}"
+      name="{{ index + 0.5 <= innerValue ? icon : voidIcon }}"
+      class="{{ utils.bem('rate__icon', ['half']) }}"
+      style="font-size: {{ utils.addUnit(size) }}"
+      custom-class="icon-class"
+      data-score="{{ index - 0.5 }}"
+      color="{{ disabled ? disabledColor : index + 0.5 <= innerValue ? color : voidColor }}"
+      bind:click="onSelect"
+    />
+  </view>
+</view>

wechat/miniprogram/miniprogram_npm/@vant/weapp/rate/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-rate{display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative;padding:0 2px;padding:0 var(--rate-horizontal-padding,2px)}.van-rate__icon{display:block;height:1em;font-size:20px;font-size:var(--rate-icon-size,20px)}.van-rate__icon--half{position:absolute;top:0;width:.5em;overflow:hidden;left:2px;left:var(--rate-horizontal-padding,2px)}