1 line
32 KiB
Plaintext
1 line
32 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/tabmenu/BaseTabMenu.vue","../../src/tabmenu/TabMenu.vue","../../src/tabmenu/TabMenu.vue?vue&type=template&id=c9708f4e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabMenuStyle from 'primevue/tabmenu/style';\n\nexport default {\n name: 'BaseTabMenu',\n extends: BaseComponent,\n props: {\n model: {\n type: Array,\n default: null\n },\n activeIndex: {\n type: Number,\n default: 0\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: TabMenuStyle,\n provide() {\n return {\n $pcTabMenu: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ul ref=\"nav\" :class=\"cx('tablist')\" role=\"menubar\" :aria-labelledby=\"ariaLabelledby\" :aria-label=\"ariaLabel\" v-bind=\"ptm('tablist')\">\n <template v-for=\"(item, i) of model\" :key=\"label(item) + '_' + i.toString()\">\n <li\n v-if=\"visible(item)\"\n ref=\"tab\"\n :class=\"[cx('item', { item, index: i }), item.class]\"\n role=\"presentation\"\n @click=\"onItemClick($event, item, i)\"\n @keydown=\"onKeydownItem($event, item, i)\"\n v-bind=\"getPTOptions('item', item, i)\"\n :data-p-active=\"d_activeIndex === i\"\n :data-p-disabled=\"disabled(item)\"\n >\n <template v-if=\"!$slots.item\">\n <a ref=\"tabLink\" v-ripple role=\"menuitem\" :href=\"item.url\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-label=\"label(item)\" :aria-disabled=\"disabled(item)\" :tabindex=\"-1\" v-bind=\"getPTOptions('itemLink', item, i)\">\n <component v-if=\"$slots.itemicon\" :is=\"$slots.itemicon\" :item=\"item\" :class=\"cx('itemIcon')\" />\n <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"getPTOptions('itemIcon', item, i)\" />\n <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, i)\">{{ label(item) }}</span>\n </a>\n </template>\n <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"i\" :active=\"i === d_activeIndex\" :label=\"label(item)\" :props=\"getMenuItemProps(item, i)\"></component>\n </li>\n </template>\n <li ref=\"inkbar\" role=\"none\" :class=\"cx('activeBar')\" v-bind=\"ptm('activeBar')\"></li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { getAttribute, find, findSingle, getWidth, getOffset } from '@primeuix/utils/dom';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTabMenu from './BaseTabMenu.vue';\n\nexport default {\n name: 'TabMenu',\n extends: BaseTabMenu,\n inheritAttrs: false,\n emits: ['update:activeIndex', 'tab-change'],\n data() {\n return {\n d_activeIndex: this.activeIndex\n };\n },\n watch: {\n activeIndex: {\n flush: 'post',\n handler(newValue) {\n this.d_activeIndex = newValue;\n this.updateInkBar();\n }\n }\n },\n mounted() {\n this.$nextTick(() => {\n this.updateInkBar();\n });\n\n const activeItem = this.findActiveItem();\n\n activeItem && (activeItem.tabIndex = '0');\n },\n updated() {\n this.updateInkBar();\n },\n methods: {\n getPTOptions(key, item, index) {\n return this.ptm(key, {\n context: {\n item,\n
|