vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - For CascadeSelect

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-04 15:39:23 +03:00
parent 9bc6ca49ca
commit 67e874d962
4 changed files with 43 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/lib/cascadeselect/CascadeSelectSub.vue
View file

@ -15,7 +15,9 @@
<div v-ripple class="p-cascadeselect-item-content" @click="onOptionClick($event, processedOption)">
<component v-if="templates['option']" :is="templates['option']" :option="processedOption.option" />
<span v-else class="p-cascadeselect-item-text">{{ getOptionLabelToRender(processedOption) }}</span>
<span v-if="isOptionGroup(processedOption)" :class="['p-cascadeselect-group-icon', optionGroupIcon]" aria-hidden="true"></span>
<slot v-if="isOptionGroup(processedOption)" name="optiongroupicon">
<component :is="templates['optiongroupicon'] ? templates['optiongroupicon'] : optionGroupIcon ? 'span' : 'AngleRightIcon'" :class="['p-cascadeselect-group-icon', optionGroupIcon]" aria-hidden="true" />
</slot>
</div>
<CascadeSelectSub
v-if="isOptionGroup(processedOption) && isOptionActive(processedOption)"
@ -41,6 +43,7 @@
</template>
<script>
import AngleRightIcon from 'primevue/icon/angleright';
import Ripple from 'primevue/ripple';
import { DomHandler, ObjectUtils } from 'primevue/utils';
@ -131,6 +134,9 @@ export default {
},
directives: {
ripple: Ripple
},
components: {
AngleRightIcon: AngleRightIcon
}
};
</script>