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,26 @@
import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
// Components
import { makeVSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
export const makeVRadioProps = propsFactory({
...makeVSelectionControlProps({
falseIcon: '$radioOff',
trueIcon: '$radioOn'
})
}, 'VRadio');
export const VRadio = genericComponent()({
name: 'VRadio',
props: makeVRadioProps(),
setup(props, _ref) {
let {
slots
} = _ref;
useRender(() => _createVNode(VSelectionControl, _mergeProps(props, {
"class": ['v-radio', props.class],
"style": props.style,
"type": "radio"
}), slots));
return {};
}
});
//# sourceMappingURL=VRadio.mjs.map

View File

@ -0,0 +1 @@
{"version":3,"file":"VRadio.mjs","names":["makeVSelectionControlProps","VSelectionControl","genericComponent","propsFactory","useRender","makeVRadioProps","falseIcon","trueIcon","VRadio","name","props","setup","_ref","slots","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeVSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const makeVRadioProps = propsFactory({\n ...makeVSelectionControlProps({\n falseIcon: '$radioOff',\n trueIcon: '$radioOn',\n }),\n}, 'VRadio')\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n name: 'VRadio',\n\n props: makeVRadioProps(),\n\n setup (props, { slots }) {\n useRender(() => (\n <VSelectionControl\n { ...props }\n class={[\n 'v-radio',\n props.class,\n ]}\n style={ props.style }\n type=\"radio\"\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB,sDAEtD;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,eAAe,GAAGF,YAAY,CAAC;EAC1C,GAAGH,0BAA0B,CAAC;IAC5BM,SAAS,EAAE,WAAW;IACtBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMC,MAAM,GAAGN,gBAAgB,CAAyB,CAAC,CAAC;EAC/DO,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAEL,eAAe,CAAC,CAAC;EAExBM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBR,SAAS,CAAC,MAAAU,YAAA,CAAAb,iBAAA,EAAAc,WAAA,CAEDL,KAAK;MAAA,SACH,CACL,SAAS,EACTA,KAAK,CAACM,KAAK,CACZ;MAAA,SACON,KAAK,CAACO,KAAK;MAAA;IAAA,IAETJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

View File

@ -0,0 +1,467 @@
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, WritableComputedRef, Ref, CSSProperties, VNode } from 'vue';
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>>;
}
declare function deepEqual(a: any, b: any): boolean;
type Density = null | 'default' | 'comfortable' | 'compact';
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType<IconValue>;
type SelectionControlSlot = {
model: WritableComputedRef<boolean>;
textColorClasses: Ref<string[]>;
textColorStyles: Ref<CSSProperties>;
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
inputNode: VNode;
icon: IconValue | undefined;
props: {
onBlur: (e: Event) => void;
onFocus: (e: FocusEvent) => void;
id: string;
};
};
declare const VRadio: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}>>;
type VRadio = InstanceType<typeof VRadio>;
export { VRadio };

View File

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

View File

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