forked from jchomaz/Vulture
Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
105
VApp/node_modules/vuetify/lib/components/VTimeline/VTimeline.mjs
generated
vendored
Normal file
105
VApp/node_modules/vuetify/lib/components/VTimeline/VTimeline.mjs
generated
vendored
Normal file
@@ -0,0 +1,105 @@
|
||||
import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
|
||||
// Styles
|
||||
import "./VTimeline.css";
|
||||
|
||||
// Composables
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { provideDefaults } from "../../composables/defaults.mjs";
|
||||
import { makeDensityProps, useDensity } from "../../composables/density.mjs";
|
||||
import { useRtl } from "../../composables/locale.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs";
|
||||
import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
|
||||
import { computed, toRef } from 'vue';
|
||||
import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
||||
export const makeVTimelineProps = propsFactory({
|
||||
align: {
|
||||
type: String,
|
||||
default: 'center',
|
||||
validator: v => ['center', 'start'].includes(v)
|
||||
},
|
||||
direction: {
|
||||
type: String,
|
||||
default: 'vertical',
|
||||
validator: v => ['vertical', 'horizontal'].includes(v)
|
||||
},
|
||||
justify: {
|
||||
type: String,
|
||||
default: 'auto',
|
||||
validator: v => ['auto', 'center'].includes(v)
|
||||
},
|
||||
side: {
|
||||
type: String,
|
||||
validator: v => v == null || ['start', 'end'].includes(v)
|
||||
},
|
||||
lineInset: {
|
||||
type: [String, Number],
|
||||
default: 0
|
||||
},
|
||||
lineThickness: {
|
||||
type: [String, Number],
|
||||
default: 2
|
||||
},
|
||||
lineColor: String,
|
||||
truncateLine: {
|
||||
type: String,
|
||||
validator: v => ['start', 'end', 'both'].includes(v)
|
||||
},
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeTagProps(),
|
||||
...makeThemeProps()
|
||||
}, 'VTimeline');
|
||||
export const VTimeline = genericComponent()({
|
||||
name: 'VTimeline',
|
||||
props: makeVTimelineProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
themeClasses
|
||||
} = provideTheme(props);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
rtlClasses
|
||||
} = useRtl();
|
||||
provideDefaults({
|
||||
VTimelineDivider: {
|
||||
lineColor: toRef(props, 'lineColor')
|
||||
},
|
||||
VTimelineItem: {
|
||||
density: toRef(props, 'density'),
|
||||
lineInset: toRef(props, 'lineInset')
|
||||
}
|
||||
});
|
||||
const sideClasses = computed(() => {
|
||||
const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
|
||||
return side && `v-timeline--side-${side}`;
|
||||
});
|
||||
const truncateClasses = computed(() => {
|
||||
const classes = ['v-timeline--truncate-line-start', 'v-timeline--truncate-line-end'];
|
||||
switch (props.truncateLine) {
|
||||
case 'both':
|
||||
return classes;
|
||||
case 'start':
|
||||
return classes[0];
|
||||
case 'end':
|
||||
return classes[1];
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
});
|
||||
useRender(() => _createVNode(props.tag, {
|
||||
"class": ['v-timeline', `v-timeline--${props.direction}`, `v-timeline--align-${props.align}`, `v-timeline--justify-${props.justify}`, truncateClasses.value, {
|
||||
'v-timeline--inset-line': !!props.lineInset
|
||||
}, themeClasses.value, densityClasses.value, sideClasses.value, rtlClasses.value, props.class],
|
||||
"style": [{
|
||||
'--v-timeline-line-thickness': convertToUnit(props.lineThickness)
|
||||
}, props.style]
|
||||
}, slots));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VTimeline.mjs.map
|
||||
Reference in New Issue
Block a user