This commit is contained in:
tugcekucukoglu 2024-05-06 16:10:13 +03:00
parent 57ed42cd0d
commit c646fdc214
30 changed files with 64 additions and 64 deletions

View file

@ -67,13 +67,13 @@ export interface BreadcrumbPassThroughOptions {
*/
itemLink?: BreadcrumbPassThroughOptionType;
/**
* Used to pass attributes to the icon's DOM element.
* Used to pass attributes to the item icon's DOM element.
*/
icon?: BreadcrumbPassThroughOptionType;
itemIcon?: BreadcrumbPassThroughOptionType;
/**
* Used to pass attributes to the label's DOM element.
* Used to pass attributes to the item label's DOM element.
*/
label?: BreadcrumbPassThroughOptionType;
itemLabel?: BreadcrumbPassThroughOptionType;
/**
* Used to pass attributes to the separator's DOM element.
*/

View file

@ -2,9 +2,9 @@
<li v-if="visible()" :class="[cx('item'), item.class]" v-bind="ptm('item', ptmOptions)">
<template v-if="!templates.item">
<a :href="item.url || '#'" :class="cx('itemLink')" :target="item.target" :aria-current="isCurrentUrl()" @click="onClick" v-bind="ptm('itemLink', ptmOptions)">
<component v-if="templates && templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('icon', ptmOptions)" />
<span v-else-if="item.icon" :class="[cx('icon'), item.icon]" v-bind="ptm('icon', ptmOptions)" />
<span v-if="item.label" :class="cx('label')" v-bind="ptm('label', ptmOptions)">{{ label() }}</span>
<component v-if="templates && templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('itemIcon', ptmOptions)" />
<span v-else-if="item.icon" :class="[cx('itemIcon'), item.icon]" v-bind="ptm('itemIcon', ptmOptions)" />
<span v-if="item.label" :class="cx('itemLabel')" v-bind="ptm('itemLabel', ptmOptions)">{{ label() }}</span>
</a>
</template>
<component v-else :is="templates.item" :item="item" :label="label()" :props="getMenuItemProps"></component>

View file

@ -66,8 +66,8 @@ const classes = {
separator: 'p-breadcrumb-separator',
item: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }],
itemLink: 'p-breadcrumb-item-link',
icon: 'p-breadcrumb-item-icon',
label: 'p-breadcrumb-item-label'
itemIcon: 'p-breadcrumb-item-icon',
itemLabel: 'p-breadcrumb-item-label'
};
export default BaseStyle.extend({