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

Fixed #4780 - TabMenu/Steps: active option for item templating

pull/4782/head
tugcekucukoglu 2023-11-09 11:44:31 +03:00
parent da0b83ec08
commit fad8a9a0ae
4 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/steps/Steps.d.ts vendored
View File

@ -180,6 +180,10 @@ export interface StepsSlots {
* Menuitem instance
*/
item: MenuItem;
/**
* Current active state of the menuitem
*/
active: boolean;
/**
* Label property of the menuitem
*/

2
components/lib/steps/Steps.vue
View File

@ -18,7 +18,7 @@
<span :class="cx('label')" v-bind="getPTOptions('label', item, index)">{{ label(item) }}</span>
</span>
</template>
<component v-else :is="$slots.item" :item="item" :index="index" :label="label(item)" :props="getMenuItemProps(item, index)"></component>
<component v-else :is="$slots.item" :item="item" :index="index" :active="index === d_activeStep" :label="label(item)" :props="getMenuItemProps(item, index)"></component>
</li>
</template>
</ol>

8
components/lib/tabmenu/TabMenu.d.ts vendored
View File

@ -203,6 +203,14 @@ export interface TabMenuSlots {
* Menuitem instance
*/
item: MenuItem;
/**
* Index of the menuitem
*/
index: number;
/**
* Current active state of the menuitem
*/
active: boolean;
/**
* Label property of the menuitem
*/

2
components/lib/tabmenu/TabMenu.vue
View File

@ -20,7 +20,7 @@
<span :class="cx('label')" v-bind="getPTOptions('label', item, i)">{{ label(item) }}</span>
</a>
</template>
<component v-else :is="$slots.item" :item="item" :index="i" :label="label(item)" :props="getMenuItemProps(item, i)"></component>
<component v-else :is="$slots.item" :item="item" :index="i" :active="i === d_activeIndex" :label="label(item)" :props="getMenuItemProps(item, i)"></component>
</li>
</template>
<li ref="inkbar" role="none" :class="cx('inkbar')" v-bind="ptm('inkbar')"></li>