1 line
9.0 KiB
Plaintext
1 line
9.0 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/timeline/BaseTimeline.vue","../../src/timeline/Timeline.vue","../../src/timeline/Timeline.vue?vue&type=template&id=93256150&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TimelineStyle from 'primevue/timeline/style';\n\nexport default {\n name: 'BaseTimeline',\n extends: BaseComponent,\n props: {\n value: null,\n align: {\n mode: String,\n default: 'left'\n },\n layout: {\n mode: String,\n default: 'vertical'\n },\n dataKey: null\n },\n style: TimelineStyle,\n provide() {\n return {\n $pcTimeline: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n <div v-for=\"(item, index) of value\" :key=\"getKey(item, index)\" :class=\"cx('event')\" v-bind=\"getPTOptions('event', index)\" :data-p=\"dataP\">\n <div :class=\"cx('eventOpposite', { index })\" v-bind=\"getPTOptions('eventOpposite', index)\" :data-p=\"dataP\">\n <slot name=\"opposite\" :item=\"item\" :index=\"index\"></slot>\n </div>\n <div :class=\"cx('eventSeparator')\" v-bind=\"getPTOptions('eventSeparator', index)\" :data-p=\"dataP\">\n <slot name=\"marker\" :item=\"item\" :index=\"index\">\n <div :class=\"cx('eventMarker')\" v-bind=\"getPTOptions('eventMarker', index)\" :data-p=\"dataP\"></div>\n </slot>\n <slot v-if=\"index !== value.length - 1\" name=\"connector\" :item=\"item\" :index=\"index\">\n <div :class=\"cx('eventConnector')\" v-bind=\"getPTOptions('eventConnector', index)\" :data-p=\"dataP\"></div>\n </slot>\n </div>\n <div :class=\"cx('eventContent')\" v-bind=\"getPTOptions('eventContent', index)\" :data-p=\"dataP\">\n <slot name=\"content\" :item=\"item\" :index=\"index\"></slot>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { resolveFieldData } from '@primeuix/utils/object';\nimport BaseTimeline from './BaseTimeline.vue';\n\nexport default {\n name: 'Timeline',\n extends: BaseTimeline,\n inheritAttrs: false,\n methods: {\n getKey(item, index) {\n return this.dataKey ? resolveFieldData(item, this.dataKey) : index;\n },\n getPTOptions(key, index) {\n return this.ptm(key, {\n context: {\n index,\n count: this.value.length\n }\n });\n }\n },\n computed: {\n dataP() {\n return cn({\n [this.layout]: this.layout,\n [this.align]: this.align\n });\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n <div v-for=\"(item, index) of value\" :key=\"getKey(item, index)\" :class=\"cx('event')\" v-bind=\"getPTOptions('event', index)\" :data-p=\"dataP\">\n <div :class=\"cx('eventOpposite', { index })\" v-bind=\"getPTOptions('eventOpposite', index)\" :data-p=\"dataP\">\n <slot name=\"opposite\" :item=\"item\" :index=\"index\"></slot>\n </div>\n <div :class=\"cx('eventSeparator')\" v-bind=\"getPTOptions('eventSeparator', index)\" :data-p=\"dataP\">\n <slot name=\"marker\" :item=\"item\" :index=\"index\">\n <div :class=\"cx('eventMarker')\" v-bind=\"getPTOptions('eventMarker', index)\" :data-p=\"dataP\"></div>\n </slot>\n <slot v-if=\"index !== value.length - 1\" name=\"connector\" :item=\"item\" :index=\"index\">\n <div :class=\"cx('eventConnector')\" v-bind=\"getPTOptions('eventConnector', index)\" :data-p=\"dataP\"></div>\n </slot>\n </
|