Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
58
VApp/node_modules/vuetify/lib/components/VMessages/VMessages.mjs
generated
vendored
Normal file
58
VApp/node_modules/vuetify/lib/components/VMessages/VMessages.mjs
generated
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
import { createVNode as _createVNode } from "vue";
|
||||
// Styles
|
||||
import "./VMessages.css";
|
||||
|
||||
// Components
|
||||
import { VSlideYTransition } from "../transitions/index.mjs"; // Composables
|
||||
import { useTextColor } from "../../composables/color.mjs";
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
|
||||
import { computed } from 'vue';
|
||||
import { genericComponent, propsFactory, useRender, wrapInArray } from "../../util/index.mjs"; // Types
|
||||
export const makeVMessagesProps = propsFactory({
|
||||
active: Boolean,
|
||||
color: String,
|
||||
messages: {
|
||||
type: [Array, String],
|
||||
default: () => []
|
||||
},
|
||||
...makeComponentProps(),
|
||||
...makeTransitionProps({
|
||||
transition: {
|
||||
component: VSlideYTransition,
|
||||
leaveAbsolute: true,
|
||||
group: true
|
||||
}
|
||||
})
|
||||
}, 'VMessages');
|
||||
export const VMessages = genericComponent()({
|
||||
name: 'VMessages',
|
||||
props: makeVMessagesProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const messages = computed(() => wrapInArray(props.messages));
|
||||
const {
|
||||
textColorClasses,
|
||||
textColorStyles
|
||||
} = useTextColor(computed(() => props.color));
|
||||
useRender(() => _createVNode(MaybeTransition, {
|
||||
"transition": props.transition,
|
||||
"tag": "div",
|
||||
"class": ['v-messages', textColorClasses.value, props.class],
|
||||
"style": [textColorStyles.value, props.style],
|
||||
"role": "alert",
|
||||
"aria-live": "polite"
|
||||
}, {
|
||||
default: () => [props.active && messages.value.map((message, i) => _createVNode("div", {
|
||||
"class": "v-messages__message",
|
||||
"key": `${i}-${messages.value}`
|
||||
}, [slots.message ? slots.message({
|
||||
message
|
||||
}) : message]))]
|
||||
}));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VMessages.mjs.map
|
||||
Reference in New Issue
Block a user