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

Rename submenuitem to submenulabel

Browse source
This commit is contained in:
Cagatay Civici 2024-05-26 02:52:18 +03:00
parent a2db31aceb
commit 7120cacb9b
4 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/lib/menu/Menu.d.ts vendored
View file

@ -67,7 +67,7 @@ export interface MenuPassThroughOptions {
/** /**
* Used to pass attributes to the submenu item's DOM element. * Used to pass attributes to the submenu item's DOM element.
*/ */
submenuItem?: MenuPassThroughOptionType; submenuLabel?: MenuPassThroughOptionType;
/** /**
* Used to pass attributes to the item's DOM element. * Used to pass attributes to the item's DOM element.
*/ */

6
components/lib/menu/Menu.vue
View file

@ -21,9 +21,9 @@
> >
<template v-for="(item, i) of model" :key="label(item) + i.toString()"> <template v-for="(item, i) of model" :key="label(item) + i.toString()">
<template v-if="item.items && visible(item) && !item.separator"> <template v-if="item.items && visible(item) && !item.separator">
<li v-if="item.items" :id="id + '_' + i" :class="[cx('submenuItem'), item.class]" role="none" v-bind="ptm('submenuItem')"> <li v-if="item.items" :id="id + '_' + i" :class="[cx('submenuLabel'), item.class]" role="none" v-bind="ptm('submenuLabel')">
<!--TODO: submenuheader deprecated since v4.0. Use submenuitem--> <!--TODO: submenuheader deprecated since v4.0. Use submenulabel-->
<slot :name="$slots.submenuitem ? 'submenuitem' : 'submenuheader'" :item="item">{{ label(item) }}</slot> <slot :name="$slots.submenulabel ? 'submenulabel' : 'submenuheader'" :item="item">{{ label(item) }}</slot>
</li> </li>
<template v-for="(child, j) of item.items" :key="child.label + i + '_' + j"> <template v-for="(child, j) of item.items" :key="child.label + i + '_' + j">
<PVMenuitem <PVMenuitem

4
components/lib/menu/style/MenuStyle.js
View file

@ -69,7 +69,7 @@ const theme = ({ dt }) => `
box-shadow: ${dt('menu.shadow')}; box-shadow: ${dt('menu.shadow')};
} }
.p-menu-submenu-item { .p-menu-submenu-label {
background: ${dt('menu.submenu.label.background')}; background: ${dt('menu.submenu.label.background')};
padding: ${dt('menu.submenu.label.padding')}; padding: ${dt('menu.submenu.label.padding')};
color: ${dt('menu.submenu.label.color')}; color: ${dt('menu.submenu.label.color')};
@ -90,7 +90,7 @@ const classes = {
], ],
start: 'p-menu-start', start: 'p-menu-start',
list: 'p-menu-list', list: 'p-menu-list',
submenuItem: 'p-menu-submenu-item', submenuLabel: 'p-menu-submenu-label',
separator: 'p-menu-separator', separator: 'p-menu-separator',
end: 'p-menu-end', end: 'p-menu-end',
item: ({ instance }) => [ item: ({ instance }) => [

10
doc/menu/TemplateDoc.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
Menu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter. The submenu header has its own <i>submenuitem</i> template, additional slots named <i>start</i> and Menu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter. The submenu label has its own <i>submenulabel</i> template, additional slots named <i>start</i> and
<i>end</i> are provided to embed content before or after the menu. <i>end</i> are provided to embed content before or after the menu.
</p> </p>
</DocSectionText> </DocSectionText>
@ -22,7 +22,7 @@
<span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span> <span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
</span> </span>
</template> </template>
<template #submenuitem="{ item }"> <template #submenulabel="{ item }">
<span class="text-primary font-bold">{{ item.label }}</span> <span class="text-primary font-bold">{{ item.label }}</span>
</template> </template>
<template #item="{ item, props }"> <template #item="{ item, props }">
@ -106,7 +106,7 @@ export default {
<span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span> <span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
</span> </span>
</template> </template>
<template #submenuitem="{ item }"> <template #submenulabel="{ item }">
<span class="text-primary font-bold">{{ item.label }}</span> <span class="text-primary font-bold">{{ item.label }}</span>
</template> </template>
<template #item="{ item, props }"> <template #item="{ item, props }">
@ -147,7 +147,7 @@ export default {
<span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span> <span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
</span> </span>
</template> </template>
<template #submenuitem="{ item }"> <template #submenulabel="{ item }">
<span class="text-primary font-bold">{{ item.label }}</span> <span class="text-primary font-bold">{{ item.label }}</span>
</template> </template>
<template #item="{ item, props }"> <template #item="{ item, props }">
@ -242,7 +242,7 @@ export default {
<span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span> <span class="text-xl font-semibold">PRIME<span class="text-primary">APP</span></span>
</span> </span>
</template> </template>
<template #submenuitem="{ item }"> <template #submenulabel="{ item }">
<span class="text-primary font-bold">{{ item.label }}</span> <span class="text-primary font-bold">{{ item.label }}</span>
</template> </template>
<template #item="{ item, props }"> <template #item="{ item, props }">