Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
10
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.css
generated
vendored
Normal file
10
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.css
generated
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
.v-virtual-scroll {
|
||||
display: block;
|
||||
flex: 1 1 auto;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
}
|
||||
.v-virtual-scroll__container {
|
||||
display: block;
|
||||
}
|
110
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.mjs
generated
vendored
Normal file
110
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.mjs
generated
vendored
Normal file
@ -0,0 +1,110 @@
|
||||
import { Fragment as _Fragment, createVNode as _createVNode } from "vue";
|
||||
// Styles
|
||||
import "./VVirtualScroll.css";
|
||||
|
||||
// Components
|
||||
import { VVirtualScrollItem } from "./VVirtualScrollItem.mjs"; // Composables
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
|
||||
import { useToggleScope } from "../../composables/toggleScope.mjs";
|
||||
import { makeVirtualProps, useVirtual } from "../../composables/virtual.mjs"; // Utilities
|
||||
import { onMounted, onScopeDispose, toRef } from 'vue';
|
||||
import { convertToUnit, genericComponent, getCurrentInstance, getScrollParent, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
||||
export const makeVVirtualScrollProps = propsFactory({
|
||||
items: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
renderless: Boolean,
|
||||
...makeVirtualProps(),
|
||||
...makeComponentProps(),
|
||||
...makeDimensionProps()
|
||||
}, 'VVirtualScroll');
|
||||
export const VVirtualScroll = genericComponent()({
|
||||
name: 'VVirtualScroll',
|
||||
props: makeVVirtualScrollProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const vm = getCurrentInstance('VVirtualScroll');
|
||||
const {
|
||||
dimensionStyles
|
||||
} = useDimension(props);
|
||||
const {
|
||||
containerRef,
|
||||
markerRef,
|
||||
handleScroll,
|
||||
handleScrollend,
|
||||
handleItemResize,
|
||||
scrollToIndex,
|
||||
paddingTop,
|
||||
paddingBottom,
|
||||
computedItems
|
||||
} = useVirtual(props, toRef(props, 'items'));
|
||||
useToggleScope(() => props.renderless, () => {
|
||||
function handleListeners() {
|
||||
let add = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
||||
const method = add ? 'addEventListener' : 'removeEventListener';
|
||||
if (containerRef.value === document.documentElement) {
|
||||
document[method]('scroll', handleScroll, {
|
||||
passive: true
|
||||
});
|
||||
document[method]('scrollend', handleScrollend);
|
||||
} else {
|
||||
containerRef.value?.[method]('scroll', handleScroll, {
|
||||
passive: true
|
||||
});
|
||||
containerRef.value?.[method]('scrollend', handleScrollend);
|
||||
}
|
||||
}
|
||||
onMounted(() => {
|
||||
containerRef.value = getScrollParent(vm.vnode.el, true);
|
||||
handleListeners(true);
|
||||
});
|
||||
onScopeDispose(handleListeners);
|
||||
});
|
||||
useRender(() => {
|
||||
const children = computedItems.value.map(item => _createVNode(VVirtualScrollItem, {
|
||||
"key": item.index,
|
||||
"renderless": props.renderless,
|
||||
"onUpdate:height": height => handleItemResize(item.index, height)
|
||||
}, {
|
||||
default: slotProps => slots.default?.({
|
||||
item: item.raw,
|
||||
index: item.index,
|
||||
...slotProps
|
||||
})
|
||||
}));
|
||||
return props.renderless ? _createVNode(_Fragment, null, [_createVNode("div", {
|
||||
"ref": markerRef,
|
||||
"class": "v-virtual-scroll__spacer",
|
||||
"style": {
|
||||
paddingTop: convertToUnit(paddingTop.value)
|
||||
}
|
||||
}, null), children, _createVNode("div", {
|
||||
"class": "v-virtual-scroll__spacer",
|
||||
"style": {
|
||||
paddingBottom: convertToUnit(paddingBottom.value)
|
||||
}
|
||||
}, null)]) : _createVNode("div", {
|
||||
"ref": containerRef,
|
||||
"class": ['v-virtual-scroll', props.class],
|
||||
"onScrollPassive": handleScroll,
|
||||
"onScrollend": handleScrollend,
|
||||
"style": [dimensionStyles.value, props.style]
|
||||
}, [_createVNode("div", {
|
||||
"ref": markerRef,
|
||||
"class": "v-virtual-scroll__container",
|
||||
"style": {
|
||||
paddingTop: convertToUnit(paddingTop.value),
|
||||
paddingBottom: convertToUnit(paddingBottom.value)
|
||||
}
|
||||
}, [children])]);
|
||||
});
|
||||
return {
|
||||
scrollToIndex
|
||||
};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VVirtualScroll.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
9
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.sass
generated
vendored
Normal file
9
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScroll.sass
generated
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
.v-virtual-scroll
|
||||
display: block
|
||||
flex: 1 1 auto
|
||||
max-width: 100%
|
||||
overflow: auto
|
||||
position: relative
|
||||
|
||||
&__container
|
||||
display: block
|
40
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScrollItem.mjs
generated
vendored
Normal file
40
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScrollItem.mjs
generated
vendored
Normal file
@ -0,0 +1,40 @@
|
||||
import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
|
||||
// Composables
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
|
||||
import { watch } from 'vue';
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
||||
export const makeVVirtualScrollItemProps = propsFactory({
|
||||
renderless: Boolean,
|
||||
...makeComponentProps()
|
||||
}, 'VVirtualScrollItem');
|
||||
export const VVirtualScrollItem = genericComponent()({
|
||||
name: 'VVirtualScrollItem',
|
||||
inheritAttrs: false,
|
||||
props: makeVVirtualScrollItemProps(),
|
||||
emits: {
|
||||
'update:height': height => true
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
attrs,
|
||||
emit,
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
resizeRef,
|
||||
contentRect
|
||||
} = useResizeObserver(undefined, 'border');
|
||||
watch(() => contentRect.value?.height, height => {
|
||||
if (height != null) emit('update:height', height);
|
||||
});
|
||||
useRender(() => props.renderless ? _createVNode(_Fragment, null, [slots.default?.({
|
||||
itemRef: resizeRef
|
||||
})]) : _createVNode("div", _mergeProps({
|
||||
"ref": resizeRef,
|
||||
"class": ['v-virtual-scroll__item', props.class],
|
||||
"style": props.style
|
||||
}, attrs), [slots.default?.()]));
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VVirtualScrollItem.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VVirtualScrollItem.mjs","names":["makeComponentProps","useResizeObserver","watch","genericComponent","propsFactory","useRender","makeVVirtualScrollItemProps","renderless","Boolean","VVirtualScrollItem","name","inheritAttrs","props","emits","height","setup","_ref","attrs","emit","slots","resizeRef","contentRect","undefined","value","_createVNode","_Fragment","default","itemRef","_mergeProps","class","style"],"sources":["../../../src/components/VVirtualScroll/VVirtualScrollItem.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { watch } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { Ref } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport const makeVVirtualScrollItemProps = propsFactory({\n renderless: Boolean,\n\n ...makeComponentProps(),\n}, 'VVirtualScrollItem')\n\nexport const VVirtualScrollItem = genericComponent<new <Renderless extends boolean = false>(\n props: {\n renderless?: Renderless\n },\n slots: {\n default: Renderless extends true ? {\n itemRef: Ref<HTMLElement | undefined>\n } : never\n }\n) => GenericProps<typeof props, typeof slots>>()({\n name: 'VVirtualScrollItem',\n\n inheritAttrs: false,\n\n props: makeVVirtualScrollItemProps(),\n\n emits: {\n 'update:height': (height: number) => true,\n },\n\n setup (props, { attrs, emit, slots }) {\n const { resizeRef, contentRect } = useResizeObserver(undefined, 'border')\n\n watch(() => contentRect.value?.height, height => {\n if (height != null) emit('update:height', height)\n })\n\n useRender(() => props.renderless ? (\n <>\n { slots.default?.({ itemRef: resizeRef }) }\n </>\n ) : (\n <div\n ref={ resizeRef }\n class={[\n 'v-virtual-scroll__item',\n props.class,\n ]}\n style={ props.style }\n { ...attrs }\n >\n { (slots.default as any)?.() }\n </div>\n ))\n },\n})\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,iBAAiB,gDAE1B;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAIA,OAAO,MAAMC,2BAA2B,GAAGF,YAAY,CAAC;EACtDG,UAAU,EAAEC,OAAO;EAEnB,GAAGR,kBAAkB,CAAC;AACxB,CAAC,EAAE,oBAAoB,CAAC;AAExB,OAAO,MAAMS,kBAAkB,GAAGN,gBAAgB,CASH,CAAC,CAAC;EAC/CO,IAAI,EAAE,oBAAoB;EAE1BC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEN,2BAA2B,CAAC,CAAC;EAEpCO,KAAK,EAAE;IACL,eAAe,EAAGC,MAAc,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAA0B;IAAA,IAAxB;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAClC,MAAM;MAAEI,SAAS;MAAEC;IAAY,CAAC,GAAGpB,iBAAiB,CAACqB,SAAS,EAAE,QAAQ,CAAC;IAEzEpB,KAAK,CAAC,MAAMmB,WAAW,CAACE,KAAK,EAAET,MAAM,EAAEA,MAAM,IAAI;MAC/C,IAAIA,MAAM,IAAI,IAAI,EAAEI,IAAI,CAAC,eAAe,EAAEJ,MAAM,CAAC;IACnD,CAAC,CAAC;IAEFT,SAAS,CAAC,MAAMO,KAAK,CAACL,UAAU,GAAAiB,YAAA,CAAAC,SAAA,SAE1BN,KAAK,CAACO,OAAO,GAAG;MAAEC,OAAO,EAAEP;IAAU,CAAC,CAAC,KAAAI,YAAA,QAAAI,WAAA;MAAA,OAInCR,SAAS;MAAA,SACR,CACL,wBAAwB,EACxBR,KAAK,CAACiB,KAAK,CACZ;MAAA,SACOjB,KAAK,CAACkB;IAAK,GACdb,KAAK,IAEPE,KAAK,CAACO,OAAO,GAAW,CAAC,EAE/B,CAAC;EACJ;AACF,CAAC,CAAC"}
|
179
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.d.mts
generated
vendored
Normal file
179
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.d.mts
generated
vendored
Normal file
@ -0,0 +1,179 @@
|
||||
import * as vue from 'vue';
|
||||
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, Ref, PropType } from 'vue';
|
||||
|
||||
type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
|
||||
$children?: (VNodeChild | (T extends {
|
||||
default: infer V;
|
||||
} ? V : {}) | {
|
||||
[K in keyof T]?: T[K];
|
||||
});
|
||||
'v-slots'?: {
|
||||
[K in keyof T]?: T[K] | false;
|
||||
};
|
||||
} & {
|
||||
[K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
|
||||
};
|
||||
type RawSlots = Record<string, unknown>;
|
||||
type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
|
||||
type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
|
||||
type MakeInternalSlots<T extends RawSlots> = {
|
||||
[K in keyof T]: Slot<T[K]>;
|
||||
};
|
||||
type MakeSlots<T extends RawSlots> = {
|
||||
[K in keyof T]: VueSlot<T[K]>;
|
||||
};
|
||||
type GenericProps<Props, Slots extends Record<string, unknown>> = {
|
||||
$props: Props & SlotsToProps<Slots>;
|
||||
$slots: MakeSlots<Slots>;
|
||||
};
|
||||
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
|
||||
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
||||
}
|
||||
|
||||
interface VVirtualScrollSlot<T> {
|
||||
item: T;
|
||||
index: number;
|
||||
}
|
||||
declare const VVirtualScroll: {
|
||||
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
} & {
|
||||
height?: string | number | undefined;
|
||||
width?: string | number | undefined;
|
||||
maxHeight?: string | number | undefined;
|
||||
maxWidth?: string | number | undefined;
|
||||
minHeight?: string | number | undefined;
|
||||
minWidth?: string | number | undefined;
|
||||
class?: any;
|
||||
}, {
|
||||
scrollToIndex: (index: number) => void;
|
||||
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
} & {
|
||||
height?: string | number | undefined;
|
||||
width?: string | number | undefined;
|
||||
maxHeight?: string | number | undefined;
|
||||
maxWidth?: string | number | undefined;
|
||||
minHeight?: string | number | undefined;
|
||||
minWidth?: string | number | undefined;
|
||||
class?: any;
|
||||
}, {
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
}, true, {}, vue.SlotsType<Partial<{
|
||||
default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
|
||||
itemRef: Ref<HTMLElement | undefined>;
|
||||
})) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, {
|
||||
P: {};
|
||||
B: {};
|
||||
D: {};
|
||||
C: {};
|
||||
M: {};
|
||||
Defaults: {};
|
||||
}, {
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
} & {
|
||||
height?: string | number | undefined;
|
||||
width?: string | number | undefined;
|
||||
maxHeight?: string | number | undefined;
|
||||
maxWidth?: string | number | undefined;
|
||||
minHeight?: string | number | undefined;
|
||||
minWidth?: string | number | undefined;
|
||||
class?: any;
|
||||
}, {
|
||||
scrollToIndex: (index: number) => void;
|
||||
}, {}, {}, {}, {
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
}>;
|
||||
__isFragment?: undefined;
|
||||
__isTeleport?: undefined;
|
||||
__isSuspense?: undefined;
|
||||
} & vue.ComponentOptionsBase<{
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
} & {
|
||||
height?: string | number | undefined;
|
||||
width?: string | number | undefined;
|
||||
maxHeight?: string | number | undefined;
|
||||
maxWidth?: string | number | undefined;
|
||||
minHeight?: string | number | undefined;
|
||||
minWidth?: string | number | undefined;
|
||||
class?: any;
|
||||
}, {
|
||||
scrollToIndex: (index: number) => void;
|
||||
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, string, {
|
||||
style: vue.StyleValue;
|
||||
itemHeight: string | number;
|
||||
}, {}, string, vue.SlotsType<Partial<{
|
||||
default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
|
||||
itemRef: Ref<HTMLElement | undefined>;
|
||||
})) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, Renderless extends boolean = false>(props: {
|
||||
items?: readonly T[] | undefined;
|
||||
renderless?: Renderless | undefined;
|
||||
}, slots: {
|
||||
default: VVirtualScrollSlot<T> & (Renderless extends true ? {
|
||||
itemRef: Ref<HTMLElement | undefined>;
|
||||
} : {});
|
||||
}) => GenericProps<{
|
||||
items?: readonly T[] | undefined;
|
||||
renderless?: Renderless | undefined;
|
||||
}, {
|
||||
default: VVirtualScrollSlot<T> & (Renderless extends true ? {
|
||||
itemRef: Ref<HTMLElement | undefined>;
|
||||
} : {});
|
||||
}>) & FilterPropsOptions<{
|
||||
height: (StringConstructor | NumberConstructor)[];
|
||||
maxHeight: (StringConstructor | NumberConstructor)[];
|
||||
maxWidth: (StringConstructor | NumberConstructor)[];
|
||||
minHeight: (StringConstructor | NumberConstructor)[];
|
||||
minWidth: (StringConstructor | NumberConstructor)[];
|
||||
width: (StringConstructor | NumberConstructor)[];
|
||||
class: PropType<any>;
|
||||
style: {
|
||||
type: PropType<vue.StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
itemHeight: {
|
||||
type: (StringConstructor | NumberConstructor)[];
|
||||
default: null;
|
||||
};
|
||||
items: {
|
||||
type: PropType<readonly unknown[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
renderless: BooleanConstructor;
|
||||
}, vue.ExtractPropTypes<{
|
||||
height: (StringConstructor | NumberConstructor)[];
|
||||
maxHeight: (StringConstructor | NumberConstructor)[];
|
||||
maxWidth: (StringConstructor | NumberConstructor)[];
|
||||
minHeight: (StringConstructor | NumberConstructor)[];
|
||||
minWidth: (StringConstructor | NumberConstructor)[];
|
||||
width: (StringConstructor | NumberConstructor)[];
|
||||
class: PropType<any>;
|
||||
style: {
|
||||
type: PropType<vue.StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
itemHeight: {
|
||||
type: (StringConstructor | NumberConstructor)[];
|
||||
default: null;
|
||||
};
|
||||
items: {
|
||||
type: PropType<readonly unknown[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
renderless: BooleanConstructor;
|
||||
}>>;
|
||||
type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
|
||||
|
||||
export { VVirtualScroll };
|
2
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.mjs
generated
vendored
Normal file
2
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.mjs
generated
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
export { VVirtualScroll } from "./VVirtualScroll.mjs";
|
||||
//# sourceMappingURL=index.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VVirtualScroll/index.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.mjs","names":["VVirtualScroll"],"sources":["../../../src/components/VVirtualScroll/index.ts"],"sourcesContent":["export { VVirtualScroll } from './VVirtualScroll'\n"],"mappings":"SAASA,cAAc"}
|
Reference in New Issue
Block a user