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

Fixed inputStyleSwitch

pull/3815/head
Cagatay Civici 2023-03-28 16:41:58 +03:00
parent 039dc6fdcf
commit d37f7eb2a0
3 changed files with 2 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/AppConfigurator.vue
View File

@ -321,7 +321,7 @@ export default {
visible: false,
scale: 14,
scales: [12, 13, 14, 15, 16],
inputStyle: 'filled',
inputStyle: 'outlined',
ripple: true
};
},
@ -330,7 +330,7 @@ export default {
this.visible = value;
},
inputStyle(value) {
this.$primevue.config.inputStyle = value === 'filled';
this.$primevue.config.inputStyle = value;
},
ripple(value) {
this.$primevue.config.ripple = value;

30
layouts/AppInputStyleSwitch.vue
View File

@ -1,30 +0,0 @@
<template>
<div class="app-inputstyleswitch">
<h4>Input Style</h4>
<div class="formgroup-inline">
<div class="field-radiobutton">
<RadioButton id="input_outlined" name="inputstyle" value="outlined" :modelValue="value" @update:modelValue="onChange" />
<label for="input_outlined">Outlined</label>
</div>
<div class="field-radiobutton">
<RadioButton id="input_filled" name="inputstyle" value="filled" :modelValue="value" @update:modelValue="onChange" />
<label for="input_filled">Filled</label>
</div>
</div>
</div>
</template>
<script>
export default {
methods: {
onChange(value) {
this.$primevue.config.inputStyle = value;
}
},
computed: {
value() {
return this.$primevue.config.inputStyle;
}
}
};
</script>

2
plugins/primeVue.js
View File

@ -100,7 +100,6 @@ import TriStateCheckbox from '@/components/lib/tristatecheckbox/TriStateCheckbox
import VirtualScroller from '@/components/lib/virtualscroller/VirtualScroller';
import CodeHighlight from '@/layouts/AppCodeHighlight';
import AppInputStyleSwitch from '@/layouts/AppInputStyleSwitch';
import DevelopmentSection from '@/layouts/DevelopmentSection';
import DocApiSection from '@/layouts/doc/DocApiSection';
import DocComponent from '@/layouts/doc/DocComponent';
@ -215,7 +214,6 @@ export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.component('Galleria', Galleria);
nuxtApp.vueApp.component('VirtualScroller', VirtualScroller);
nuxtApp.vueApp.component('AppInputStyleSwitch', AppInputStyleSwitch);
nuxtApp.vueApp.component('DevelopmentSection', DevelopmentSection);
nuxtApp.vueApp.component('DocSections', DocSections);
nuxtApp.vueApp.component('DocSectionText', DocSectionText);