vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #4211 - For Rating

pull/4239/head
Tuğçe Küçükoğlu 2023-08-02 17:21:01 +03:00
parent ef45334c22
commit 6407b6356d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/rating/Rating.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div :class="cx('root')" v-bind="ptm('root')" data-pc-name="rating"> <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="rating">
<div v-if="cancel" :class="cx('cancelItem')" @click="onOptionClick($event, 0)" v-bind="ptm('cancelItem')" :data-p-focused="focusedOptionIndex === 0"> <div v-if="cancel" :class="cx('cancelItem')" @click="onOptionClick($event, 0)" v-bind="getPTOptions('cancelItem', 0)" :data-p-focused="focusedOptionIndex === 0">
<span class="p-hidden-accessible" v-bind="ptm('hiddenCancelInputWrapper')" :data-p-hidden-accessible="true"> <span class="p-hidden-accessible" v-bind="ptm('hiddenCancelInputWrapper')" :data-p-hidden-accessible="true">
<input <input
type="radio" type="radio"
@ -21,7 +21,7 @@
</slot> </slot>
</div> </div>
<template v-for="value in stars" :key="value"> <template v-for="value in stars" :key="value">
<div :class="cx('item', { value })" @click="onOptionClick($event, value)" v-bind="getPTOptions(value, 'item')" :data-p-active="value <= modelValue" :data-p-focused="value === focusedOptionIndex"> <div :class="cx('item', { value })" @click="onOptionClick($event, value)" v-bind="getPTOptions('item', value)" :data-p-active="value <= modelValue" :data-p-focused="value === focusedOptionIndex">
<span class="p-hidden-accessible" v-bind="ptm('hiddenItemInputWrapper')" :data-p-hidden-accessible="true"> <span class="p-hidden-accessible" v-bind="ptm('hiddenItemInputWrapper')" :data-p-hidden-accessible="true">
<input <input
type="radio" type="radio"
@ -74,7 +74,7 @@ export default {
this.name = this.name || UniqueComponentId(); this.name = this.name || UniqueComponentId();
}, },
methods: { methods: {
getPTOptions(value, key) { getPTOptions(key, value) {
return this.ptm(key, { return this.ptm(key, {
context: { context: {
active: value <= this.modelValue, active: value <= this.modelValue,