pull/411/head
cagataycivici 2020-07-23 11:41:27 +03:00
parent 835effd6da
commit 41a2abf96a
3 changed files with 6 additions and 6 deletions

View File

@ -22,7 +22,7 @@
<div class="p-dataview-emptymessage"> <div class="p-dataview-emptymessage">
<slot name="empty"></slot> <slot name="empty"></slot>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<DVPaginator v-if="paginatorBottom" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions" <DVPaginator v-if="paginatorBottom" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"

View File

@ -2,8 +2,8 @@
<div class="p-selectbutton p-buttonset p-component" role="group"> <div class="p-selectbutton p-buttonset p-component" role="group">
<div v-for="(option, i) of options" :key="getOptionRenderKey(option)" :aria-label="getOptionLabel(option)" role="button" :aria-pressed="isSelected(option)" <div v-for="(option, i) of options" :key="getOptionRenderKey(option)" :aria-label="getOptionLabel(option)" role="button" :aria-pressed="isSelected(option)"
@click="onOptionSelect($event, option, i)" @keydown.enter.prevent="onOptionSelect($event, option, i)" @keydown.space.prevent="onOptionSelect($event, option)" @click="onOptionSelect($event, option, i)" @keydown.enter.prevent="onOptionSelect($event, option, i)" @keydown.space.prevent="onOptionSelect($event, option)"
:tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event, i)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy" v-ripple :tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy" v-ripple
:class="getButtonClass(option, i)"> :class="getButtonClass(option)">
<slot name="option" :option="option" :index="i"> <slot name="option" :option="option" :index="i">
<span class="p-button-label">{{getOptionLabel(option)}}</span> <span class="p-button-label">{{getOptionLabel(option)}}</span>
</slot> </slot>
@ -81,13 +81,13 @@ export default {
return selected; return selected;
}, },
onFocus(event, index) { onFocus(event) {
this.$emit('focus', event); this.$emit('focus', event);
}, },
onBlur(event) { onBlur(event) {
this.$emit('blur', event); this.$emit('blur', event);
}, },
getButtonClass(option, i) { getButtonClass(option) {
return ['p-button p-component', { return ['p-button p-component', {
'p-highlight': this.isSelected(option), 'p-highlight': this.isSelected(option),
'p-disabled': this.isOptionDisabled(option) 'p-disabled': this.isOptionDisabled(option)

View File

@ -180,7 +180,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="primevue-designer"> <div class="primevue-designer">
<h4>Theme Designer</h4> <h4>Theme Designer</h4>
<p>PrimeVue is a design-agnostic library and the theming system is based on the Theme Designer, the official tool to create themes for the components. Designer includes a SASS enabled infrastructure that has over 500 customizable variables, a live editor <p>PrimeVue is a design-agnostic library and the theming system is based on the Theme Designer, the official tool to create themes for the components. Designer includes a SASS enabled infrastructure that has over 500 customizable variables, a live editor