提交初始版本,使用vant ui库

This commit is contained in:
2024-02-01 14:38:56 +08:00
commit 787a1f26b6
480 changed files with 12239 additions and 0 deletions

View File

@@ -0,0 +1 @@
export {};

View File

@@ -0,0 +1,93 @@
"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");
(0, 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: String,
voidColor: String,
disabledColor: String,
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 ((0, 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;
(0, 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 }));
}
});
},
},
});

View File

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

View File

@@ -0,0 +1,35 @@
<wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="../wxs/style.wxs" module="style" />
<view
class="{{ utils.bem('rate') }} custom-class"
bind:touchmove="onTouchMove"
>
<view
class="{{ utils.bem('rate__item') }}"
wx:for="{{ innerCountArray }}"
wx:key="index"
style="{{ style({ paddingRight: index !== count - 1 ? utils.addUnit(gutter) : null }) }}"
>
<van-icon
name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
class="{{ utils.bem('rate__icon', [{ disabled, full: index + 1 <= innerValue }])}}"
style="{{ style({ fontSize: 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', { disabled, full: index + 0.5 <= innerValue }]) }}"
style="{{ style({ fontSize: 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>

View File

@@ -0,0 +1 @@
@import '../common/index.wxss';.van-rate{display:inline-flex;-webkit-user-select:none;user-select:none}.van-rate__item{padding:0 var(--rate-horizontal-padding,2px);position:relative}.van-rate__item:not(:last-child){padding-right:var(--rate-icon-gutter,4px)}.van-rate__icon{color:var(--rate-icon-void-color,#c8c9cc);display:block;font-size:var(--rate-icon-size,20px);height:100%}.van-rate__icon--half{left:var(--rate-horizontal-padding,2px);overflow:hidden;position:absolute;top:0;width:.5em}.van-rate__icon--full,.van-rate__icon--half{color:var(--rate-icon-full-color,#ee0a24)}.van-rate__icon--disabled{color:var(--rate-icon-disabled-color,#c8c9cc)}