Johan LEROY
cf60fa3a56
Extrait persistedRef dans lib/persisted-ref.ts (partagé, testable en node). Ajoute useSplitter + components/ide/PanelSplitter.vue (poignée de resize générique par pointer events, largeur/hauteur persistable), généralisant le resize souris de WorkspaceView. Hisse le chargement initial et les abonnements temps réel dans useRealtimeBootstrap (monté par App.vue) : un seul propriétaire actif sur TOUS les layouts, y compris la vue IDE plein écran. AppShell et WorkspaceView n'en portent plus la responsabilité. Tests unitaires persisted-ref et useSplitter (10).
30 lines
891 B
Vue
30 lines
891 B
Vue
<template>
|
|
<div
|
|
class="shrink-0 bg-transparent transition-colors hover:bg-accent/40"
|
|
:class="axis === 'x' ? 'w-1 cursor-col-resize' : 'h-1 cursor-row-resize'"
|
|
role="separator"
|
|
:aria-orientation="axis === 'x' ? 'vertical' : 'horizontal'"
|
|
@pointerdown="onPointerDown"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// Poignée de redimensionnement réutilisable pour les panneaux de l'IDE.
|
|
// La taille est un v-model (px) que le parent persiste via le store IDE.
|
|
import { useSplitter } from '../../composables/useSplitter';
|
|
|
|
const size = defineModel<number>({ required: true });
|
|
const props = defineProps<{ axis: 'x' | 'y'; min: number; max: number; invert?: boolean }>();
|
|
|
|
const { onPointerDown } = useSplitter({
|
|
axis: props.axis,
|
|
min: props.min,
|
|
max: props.max,
|
|
invert: props.invert,
|
|
get: () => size.value,
|
|
set: (v) => {
|
|
size.value = v;
|
|
},
|
|
});
|
|
</script>
|