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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _vueTypes = require('../../_util/vue-types');
var _vueTypes2 = _interopRequireDefault(_vueTypes);
var _BaseMixin = require('../../_util/BaseMixin');
var _BaseMixin2 = _interopRequireDefault(_BaseMixin);
var _propsUtil = require('../../_util/props-util');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
exports['default'] = {
name: 'Star',
mixins: [_BaseMixin2['default']],
props: {
value: _vueTypes2['default'].number,
index: _vueTypes2['default'].number,
prefixCls: _vueTypes2['default'].string,
allowHalf: _vueTypes2['default'].bool,
disabled: _vueTypes2['default'].bool,
character: _vueTypes2['default'].any,
focused: _vueTypes2['default'].bool,
count: _vueTypes2['default'].number
},
methods: {
onHover: function onHover(e) {
var index = this.index;
this.$emit('hover', e, index);
},
onClick: function onClick(e) {
var index = this.index;
this.$emit('click', e, index);
},
onKeyDown: function onKeyDown(e) {
var index = this.$props.index;
if (e.keyCode === 13) {
this.__emit('click', e, index);
}
},
getClassName: function getClassName() {
var prefixCls = this.prefixCls,
index = this.index,
value = this.value,
allowHalf = this.allowHalf,
focused = this.focused;
var starValue = index + 1;
var className = prefixCls;
if (value === 0 && index === 0 && focused) {
className += ' ' + prefixCls + '-focused';
} else if (allowHalf && value + 0.5 === starValue) {
className += ' ' + prefixCls + '-half ' + prefixCls + '-active';
if (focused) {
className += ' ' + prefixCls + '-focused';
}
} else {
className += starValue <= value ? ' ' + prefixCls + '-full' : ' ' + prefixCls + '-zero';
if (starValue === value && focused) {
className += ' ' + prefixCls + '-focused';
}
}
return className;
}
},
render: function render() {
var h = arguments[0];
var onHover = this.onHover,
onClick = this.onClick,
onKeyDown = this.onKeyDown,
disabled = this.disabled,
prefixCls = this.prefixCls,
index = this.index,
count = this.count,
value = this.value;
var character = (0, _propsUtil.getComponentFromProp)(this, 'character');
return h(
'li',
{
'class': this.getClassName(),
on: {
'click': disabled ? noop : onClick,
'keydown': disabled ? noop : onKeyDown,
'mousemove': disabled ? noop : onHover
},
attrs: {
role: 'radio',
'aria-checked': value > index ? 'true' : 'false',
'aria-posinset': index + 1,
'aria-setsize': count,
tabIndex: 0
}
},
[h(
'div',
{ 'class': prefixCls + '-first' },
[character]
), h(
'div',
{ 'class': prefixCls + '-second' },
[character]
)]
);
}
};