2021-05-12 09:35:29 +00:00
|
|
|
const TabMenuProps = [
|
|
|
|
{
|
|
|
|
name: "model",
|
|
|
|
type: "array",
|
|
|
|
default: "null",
|
|
|
|
description: "An array of menuitems."
|
2021-05-14 19:04:21 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "exact",
|
|
|
|
type: "boolean",
|
2021-07-14 14:12:17 +00:00
|
|
|
default: "true",
|
2021-05-14 19:04:21 +00:00
|
|
|
description: "Defines if active route highlight should match the exact route path."
|
2021-08-31 09:16:23 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "activeIndex",
|
|
|
|
type: "number",
|
|
|
|
default: "0",
|
|
|
|
description: "Active index of menuitem."
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
|
|
|
const TabMenuEvents = [
|
|
|
|
{
|
|
|
|
name: "tab-change",
|
|
|
|
description: "Callback to invoke when an active tab is changed.",
|
|
|
|
arguments: [
|
|
|
|
{
|
|
|
|
name: "event.originalEvent",
|
|
|
|
type: "object",
|
|
|
|
description: "Original event"
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: "event.index",
|
|
|
|
type: "number",
|
|
|
|
description: "Index of the selected tab"
|
|
|
|
}
|
|
|
|
]
|
2021-05-12 09:35:29 +00:00
|
|
|
}
|
|
|
|
];
|
|
|
|
|
2021-05-17 11:58:53 +00:00
|
|
|
const TabMenuSlots = [
|
|
|
|
{
|
|
|
|
name: "item",
|
|
|
|
description: "Template of a menuitem."
|
|
|
|
}
|
|
|
|
];
|
|
|
|
|
2021-05-12 09:35:29 +00:00
|
|
|
module.exports = {
|
|
|
|
tabmenu: {
|
|
|
|
name: "TabMenu",
|
|
|
|
description: "TabMenu is a navigation component that displays items as tab headers.",
|
2021-05-17 11:58:53 +00:00
|
|
|
props: TabMenuProps,
|
2021-08-31 09:16:23 +00:00
|
|
|
events: TabMenuEvents,
|
2021-05-17 11:58:53 +00:00
|
|
|
slots: TabMenuSlots
|
2021-05-12 09:35:29 +00:00
|
|
|
}
|
|
|
|
};
|