1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
| import { getAllRect } from '../common/utils';
| import { VantComponent } from '../common/component';
| import { canIUseModel } from '../common/version';
|
| VantComponent({
| field: true,
|
| classes: ['icon-class'],
|
| props: {
| value: {
| type: Number,
| observer(value: number) {
| 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(value: number) {
| this.setData({ innerCountArray: Array.from({ length: value }) });
| },
| },
| gutter: null,
| touchable: {
| type: Boolean,
| value: true,
| },
| },
|
| data: {
| innerValue: 0,
| innerCountArray: Array.from({ length: 5 }),
| },
|
| methods: {
| onSelect(event: WechatMiniprogram.CustomEvent) {
| const { data } = this;
| const { score } = event.currentTarget.dataset;
| if (!data.disabled && !data.readonly) {
| this.setData({ innerValue: score + 1 });
|
| if (canIUseModel()) {
| this.setData({ value: score + 1 });
| }
|
| wx.nextTick(() => {
| this.$emit('input', score + 1);
| this.$emit('change', score + 1);
| });
| }
| },
|
| onTouchMove(event: WechatMiniprogram.TouchEvent) {
| const { touchable } = this.data;
| if (!touchable) return;
|
| const { clientX } = event.touches[0];
|
| getAllRect(this, '.van-rate__icon').then((list) => {
| const target = list
| .sort((cur, next) => cur.dataset.score - next.dataset.score)
| .find((item) => clientX >= item.left && clientX <= item.right);
|
| if (target != null) {
| this.onSelect({
| ...event,
| currentTarget: (target as unknown) as WechatMiniprogram.Target,
| });
| }
| });
| },
| },
| });
|
|
