Tracking de l'application VApp (IHM du jeu)

This commit is contained in:
2025-05-11 18:04:12 +02:00
commit 89e9db9b62
17763 changed files with 3718499 additions and 0 deletions

View File

@ -0,0 +1,22 @@
.v-tooltip > .v-overlay__content {
background: rgb(var(--v-theme-surface-variant));
color: rgb(var(--v-theme-on-surface-variant));
border-radius: 4px;
font-size: 0.875rem;
line-height: 1.6;
display: inline-block;
padding: 5px 16px;
text-transform: initial;
width: auto;
opacity: 1;
pointer-events: none;
transition-property: opacity, transform;
}
.v-tooltip > .v-overlay__content[class*=enter-active] {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-duration: 150ms;
}
.v-tooltip > .v-overlay__content[class*=leave-active] {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-duration: 75ms;
}

View File

@ -0,0 +1,92 @@
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
// Styles
import "./VTooltip.css";
// Components
import { VOverlay } from "../VOverlay/index.mjs";
import { makeVOverlayProps } from "../VOverlay/VOverlay.mjs"; // Composables
import { forwardRefs } from "../../composables/forwardRefs.mjs";
import { useProxiedModel } from "../../composables/proxiedModel.mjs";
import { useScopeId } from "../../composables/scopeId.mjs"; // Utilities
import { computed, mergeProps, ref } from 'vue';
import { genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
export const makeVTooltipProps = propsFactory({
id: String,
text: String,
...omit(makeVOverlayProps({
closeOnBack: false,
location: 'end',
locationStrategy: 'connected',
eager: true,
minWidth: 0,
offset: 10,
openOnClick: false,
openOnHover: true,
origin: 'auto',
scrim: false,
scrollStrategy: 'reposition',
transition: false
}), ['absolute', 'persistent'])
}, 'VTooltip');
export const VTooltip = genericComponent()({
name: 'VTooltip',
props: makeVTooltipProps(),
emits: {
'update:modelValue': value => true
},
setup(props, _ref) {
let {
slots
} = _ref;
const isActive = useProxiedModel(props, 'modelValue');
const {
scopeId
} = useScopeId();
const uid = getUid();
const id = computed(() => props.id || `v-tooltip-${uid}`);
const overlay = ref();
const location = computed(() => {
return props.location.split(' ').length > 1 ? props.location : props.location + ' center';
});
const origin = computed(() => {
return props.origin === 'auto' || props.origin === 'overlap' || props.origin.split(' ').length > 1 || props.location.split(' ').length > 1 ? props.origin : props.origin + ' center';
});
const transition = computed(() => {
if (props.transition) return props.transition;
return isActive.value ? 'scale-transition' : 'fade-transition';
});
const activatorProps = computed(() => mergeProps({
'aria-describedby': id.value
}, props.activatorProps));
useRender(() => {
const overlayProps = VOverlay.filterProps(props);
return _createVNode(VOverlay, _mergeProps({
"ref": overlay,
"class": ['v-tooltip', props.class],
"style": props.style,
"id": id.value
}, overlayProps, {
"modelValue": isActive.value,
"onUpdate:modelValue": $event => isActive.value = $event,
"transition": transition.value,
"absolute": true,
"location": location.value,
"origin": origin.value,
"persistent": true,
"role": "tooltip",
"activatorProps": activatorProps.value,
"_disableGlobalStack": true
}, scopeId), {
activator: slots.activator,
default: function () {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return slots.default?.(...args) ?? props.text;
}
});
});
return forwardRefs({}, overlay);
}
});
//# sourceMappingURL=VTooltip.mjs.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,25 @@
@use '../../styles/settings'
@use './variables' as *
.v-tooltip
> .v-overlay__content
background: $tooltip-background-color
color: $tooltip-text-color
border-radius: $tooltip-border-radius
font-size: $tooltip-font-size
line-height: $tooltip-line-height
display: inline-block
padding: $tooltip-padding
text-transform: initial
width: auto
opacity: 1
pointer-events: none
transition-property: opacity, transform
&[class*="enter-active"]
transition-timing-function: settings.$decelerated-easing
transition-duration: $tooltip-transition-enter-duration
&[class*="leave-active"]
transition-timing-function: settings.$accelerated-easing
transition-duration: $tooltip-transition-leave-duration

View File

@ -0,0 +1,11 @@
@use '../../styles/settings';
// VTooltip
$tooltip-background-color: rgb(var(--v-theme-surface-variant)) !default;
$tooltip-text-color: rgb(var(--v-theme-on-surface-variant)) !default;
$tooltip-border-radius: settings.$border-radius-root !default;
$tooltip-font-size: .875rem !default;
$tooltip-line-height: 1.6 !default;
$tooltip-transition-enter-duration: 150ms !default;
$tooltip-transition-leave-duration: 75ms !default;
$tooltip-padding: 5px 16px !default;

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,2 @@
export { VTooltip } from "./VTooltip.mjs";
//# sourceMappingURL=index.mjs.map

View File

@ -0,0 +1 @@
{"version":3,"file":"index.mjs","names":["VTooltip"],"sources":["../../../src/components/VTooltip/index.ts"],"sourcesContent":["export { VTooltip } from './VTooltip'\n"],"mappings":"SAASA,QAAQ"}