Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
93
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.mjs
generated
vendored
Normal file
93
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.mjs
generated
vendored
Normal file
@ -0,0 +1,93 @@
|
||||
// @ts-nocheck
|
||||
/* eslint-disable */
|
||||
|
||||
// Styles
|
||||
import "./VSpeedDial.css";
|
||||
|
||||
// Mixins
|
||||
import Toggleable from "../../mixins/toggleable.mjs";
|
||||
import Positionable from "../../mixins/positionable.mjs";
|
||||
import Transitionable from "../../mixins/transitionable.mjs"; // Directives
|
||||
import ClickOutside from "../../directives/click-outside/index.mjs"; // Types
|
||||
import mixins from "../../util/mixins.mjs";
|
||||
/* @vue/component */
|
||||
export default mixins(Positionable, Toggleable, Transitionable).extend({
|
||||
name: 'v-speed-dial',
|
||||
directives: {
|
||||
ClickOutside
|
||||
},
|
||||
props: {
|
||||
direction: {
|
||||
type: String,
|
||||
default: 'top',
|
||||
validator: val => {
|
||||
return ['top', 'right', 'bottom', 'left'].includes(val);
|
||||
}
|
||||
},
|
||||
openOnHover: Boolean,
|
||||
transition: {
|
||||
type: String,
|
||||
default: 'scale-transition'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes() {
|
||||
return {
|
||||
'v-speed-dial': true,
|
||||
'v-speed-dial--top': this.top,
|
||||
'v-speed-dial--right': this.right,
|
||||
'v-speed-dial--bottom': this.bottom,
|
||||
'v-speed-dial--left': this.left,
|
||||
'v-speed-dial--absolute': this.absolute,
|
||||
'v-speed-dial--fixed': this.fixed,
|
||||
[`v-speed-dial--direction-${this.direction}`]: true,
|
||||
'v-speed-dial--is-active': this.isActive
|
||||
};
|
||||
}
|
||||
},
|
||||
render(h) {
|
||||
let children = [];
|
||||
const data = {
|
||||
class: this.classes,
|
||||
directives: [{
|
||||
name: 'click-outside',
|
||||
value: () => this.isActive = false
|
||||
}],
|
||||
on: {
|
||||
click: () => this.isActive = !this.isActive
|
||||
}
|
||||
};
|
||||
if (this.openOnHover) {
|
||||
data.on.mouseenter = () => this.isActive = true;
|
||||
data.on.mouseleave = () => this.isActive = false;
|
||||
}
|
||||
if (this.isActive) {
|
||||
let btnCount = 0;
|
||||
children = (this.$slots.default || []).map((b, i) => {
|
||||
if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'v-btn' || b.componentOptions.Ctor.options.name === 'v-tooltip')) {
|
||||
btnCount++;
|
||||
return h('div', {
|
||||
style: {
|
||||
transitionDelay: btnCount * 0.05 + 's'
|
||||
},
|
||||
key: i
|
||||
}, [b]);
|
||||
} else {
|
||||
b.key = i;
|
||||
return b;
|
||||
}
|
||||
});
|
||||
}
|
||||
const list = h('transition-group', {
|
||||
class: 'v-speed-dial__list',
|
||||
props: {
|
||||
name: this.transition,
|
||||
mode: this.mode,
|
||||
origin: this.origin,
|
||||
tag: 'div'
|
||||
}
|
||||
}, children);
|
||||
return h('div', data, [this.$slots.activator, list]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VSpeedDial.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
79
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.sass
generated
vendored
Normal file
79
VApp/node_modules/vuetify/lib/components/VSpeedDial/VSpeedDial.sass
generated
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
@import './_variables.scss'
|
||||
|
||||
.v-speed-dial
|
||||
position: relative
|
||||
z-index: $speed-dial-z-index
|
||||
|
||||
&--absolute
|
||||
position: absolute
|
||||
|
||||
&--fixed
|
||||
position: fixed
|
||||
|
||||
&--fixed,
|
||||
&--absolute
|
||||
z-index: 4
|
||||
|
||||
& > .v-btn--floating
|
||||
margin: 0
|
||||
|
||||
&--top
|
||||
top: map-get($grid-gutters, 'lg')
|
||||
|
||||
&--bottom
|
||||
bottom: map-get($grid-gutters, 'lg')
|
||||
|
||||
&--left
|
||||
left: map-get($grid-gutters, 'lg')
|
||||
|
||||
&--right
|
||||
right: map-get($grid-gutters, 'lg')
|
||||
|
||||
&--direction
|
||||
&-left,
|
||||
&-right
|
||||
.v-speed-dial__list
|
||||
height: 100%
|
||||
top: 0
|
||||
padding: 0 $speed-dial-padding
|
||||
|
||||
&-top,
|
||||
&-bottom
|
||||
.v-speed-dial__list
|
||||
left: 0
|
||||
width: 100%
|
||||
|
||||
&-top
|
||||
.v-speed-dial__list
|
||||
flex-direction: column-reverse
|
||||
bottom: 100%
|
||||
|
||||
&-right
|
||||
.v-speed-dial__list
|
||||
flex-direction: row
|
||||
left: 100%
|
||||
|
||||
&-bottom
|
||||
.v-speed-dial__list
|
||||
flex-direction: column
|
||||
top: 100%
|
||||
|
||||
&-left
|
||||
.v-speed-dial__list
|
||||
flex-direction: row-reverse
|
||||
right: 100%
|
||||
|
||||
/** Elements */
|
||||
.v-speed-dial__list
|
||||
align-items: center
|
||||
display: flex
|
||||
justify-content: center
|
||||
padding: $speed-dial-padding 0
|
||||
position: absolute
|
||||
|
||||
.v-btn
|
||||
margin: $speed-dial-button-margin
|
||||
|
||||
/** Modifiers */
|
||||
.v-speed-dial:not(.v-speed-dial--is-active) .v-speed-dial__list
|
||||
pointer-events: none
|
5
VApp/node_modules/vuetify/lib/components/VSpeedDial/_variables.scss
generated
vendored
Normal file
5
VApp/node_modules/vuetify/lib/components/VSpeedDial/_variables.scss
generated
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
@import '../../styles/styles.sass';
|
||||
|
||||
$speed-dial-padding: 16px !default;
|
||||
$speed-dial-button-margin: 6px !default;
|
||||
$speed-dial-z-index: 1 !default;
|
4
VApp/node_modules/vuetify/lib/components/VSpeedDial/index.mjs
generated
vendored
Normal file
4
VApp/node_modules/vuetify/lib/components/VSpeedDial/index.mjs
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import VSpeedDial from "./VSpeedDial.mjs";
|
||||
export { VSpeedDial };
|
||||
export default VSpeedDial;
|
||||
//# sourceMappingURL=index.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VSpeedDial/index.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VSpeedDial/index.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.mjs","names":["VSpeedDial"],"sources":["../../../src/components/VSpeedDial/index.ts"],"sourcesContent":["import VSpeedDial from './VSpeedDial'\n\nexport { VSpeedDial }\nexport default VSpeedDial\n"],"mappings":"OAAOA,UAAU;AAEjB,SAASA,UAAU;AACnB,eAAeA,UAAU"}
|
Reference in New Issue
Block a user