@dnax/ui 0.0.42 → 0.0.43

package/components/QAutocomplete.vue

@@ -393,10 +393,13 @@ const onDocMousedown = (e: MouseEvent) => {
 }
 
 onMounted(() => {
-  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown)
+  // Phase de CAPTURE (3e arg = true) : un `@mousedown.stop` plus haut dans l'arbre
+  // (contenu de QDialog / QDataGrid…) empêcherait sinon l'événement d'atteindre
+  // `document` et le popup ne se fermerait jamais au clic extérieur.
+  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown, true)
 })
 onBeforeUnmount(() => {
-  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown)
+  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown, true)
   window.clearTimeout(swipeCloseTimer)
 })
 

package/components/QBtnActions.vue

@@ -339,10 +339,12 @@ const menuRows = computed<MenuRow[]>(() => {
 })
 
 onMounted(() => {
-  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown)
+  // Phase de CAPTURE : sinon un `@mousedown.stop` parent (contenu de QDialog,
+  // QDataGrid…) bloque l'événement avant `document` → popup jamais fermé.
+  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown, true)
 })
 onBeforeUnmount(() => {
-  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown)
+  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown, true)
   disableTracking()
 })
 </script>

package/components/QCountryPicker.vue

@@ -210,13 +210,15 @@ watch(open, (v) => {
 
 onMounted(() => {
   if (typeof document !== "undefined") {
-    document.addEventListener("mousedown", onDocMousedown)
+    // Phase de CAPTURE : un `@mousedown.stop` parent (contenu de QDialog…) bloque
+    // sinon l'événement avant `document` → panneau jamais fermé au clic extérieur.
+    document.addEventListener("mousedown", onDocMousedown, true)
     document.addEventListener("keydown", onDocKeydown)
   }
 })
 onBeforeUnmount(() => {
   if (typeof document !== "undefined") {
-    document.removeEventListener("mousedown", onDocMousedown)
+    document.removeEventListener("mousedown", onDocMousedown, true)
     document.removeEventListener("keydown", onDocKeydown)
     document.body.style.overflow = ""
   }

package/components/QDatePicker.vue

@@ -149,13 +149,15 @@ watch(open, (v) => {
 
 onMounted(() => {
   if (typeof document !== "undefined") {
-    document.addEventListener("mousedown", onDocMousedown)
+    // Phase de CAPTURE : un `@mousedown.stop` parent (contenu de QDialog…) bloque
+    // sinon l'événement avant `document` → calendrier jamais fermé au clic extérieur.
+    document.addEventListener("mousedown", onDocMousedown, true)
     document.addEventListener("keydown", onDocKeydown)
   }
 })
 onBeforeUnmount(() => {
   if (typeof document !== "undefined") {
-    document.removeEventListener("mousedown", onDocMousedown)
+    document.removeEventListener("mousedown", onDocMousedown, true)
     document.removeEventListener("keydown", onDocKeydown)
     document.body.style.overflow = ""
   }

package/components/QFab.vue

@@ -56,12 +56,14 @@ const onDocPointerDown = (e: PointerEvent) => {
 }
 onMounted(() => {
   if (typeof document !== "undefined") {
-    document.addEventListener("pointerdown", onDocPointerDown)
+    // Phase de CAPTURE : un `@pointerdown.stop` parent bloque sinon l'événement
+    // avant `document` → actions du FAB jamais repliées au clic extérieur.
+    document.addEventListener("pointerdown", onDocPointerDown, true)
   }
 })
 onBeforeUnmount(() => {
   if (typeof document !== "undefined") {
-    document.removeEventListener("pointerdown", onDocPointerDown)
+    document.removeEventListener("pointerdown", onDocPointerDown, true)
   }
 })
 

package/components/QNavMenu.vue

@@ -61,10 +61,12 @@ const onKeydown = (e: KeyboardEvent) => {
 }
 
 onMounted(() => {
-  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown)
+  // Phase de CAPTURE : un `@mousedown.stop` parent (contenu de QDialog…) bloque
+  // sinon l'événement avant `document` → menu jamais fermé au clic extérieur.
+  if (typeof document !== "undefined") document.addEventListener("mousedown", onDocMousedown, true)
 })
 onBeforeUnmount(() => {
-  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown)
+  if (typeof document !== "undefined") document.removeEventListener("mousedown", onDocMousedown, true)
 })
 </script>
 

package/components/QSelect.vue

@@ -603,13 +603,15 @@ watch(open, (v) => {
 
 onMounted(() => {
   if (typeof document !== "undefined") {
-    document.addEventListener("mousedown", onDocMousedown)
+    // Phase de CAPTURE : un `@mousedown.stop` parent (contenu de QDialog…) bloque
+    // sinon l'événement avant `document` → popup jamais fermé au clic extérieur.
+    document.addEventListener("mousedown", onDocMousedown, true)
     document.addEventListener("keydown", onDocKeydown)
   }
 })
 onBeforeUnmount(() => {
   if (typeof document !== "undefined") {
-    document.removeEventListener("mousedown", onDocMousedown)
+    document.removeEventListener("mousedown", onDocMousedown, true)
     document.removeEventListener("keydown", onDocKeydown)
     document.body.style.overflow = ""
   }

package/components/QSpreadsheet.vue

@@ -20,8 +20,12 @@ export type QSpreadsheetCellType =
 export interface QSpreadsheetCellOption {
   /** Valeur stockée dans la cellule */
   value: any
-  /** Libellé affiché */
-  label: string
+  /**
+   * Libellé affiché. Les nombres sont acceptés (`{ value: 1, label: 1 }` pour une
+   * note, un niveau…) : le composant les normalise en string partout où il fait des
+   * opérations de chaîne (recherche, filtre, tri, éditeur).
+   */
+  label: string | number
   /** Couleur du badge (token ou hex, ex. "positive", "#22c55e") */
   color?: string
 }
@@ -2639,7 +2643,9 @@ const onFilterSearch = (e: Event) => {
 
 onMounted(() => {
   window.addEventListener("pointerup", onPointerUpGlobal)
-  window.addEventListener("pointerdown", onDocPointerDown)
+  // Phase de CAPTURE : un `@pointerdown.stop` parent bloque sinon l'événement
+  // avant `window` → menu contextuel / filtre jamais fermé au clic extérieur.
+  window.addEventListener("pointerdown", onDocPointerDown, true)
   window.addEventListener("resize", onResize)
   nextTick(() => {
     updateViewportMetrics()
@@ -2648,7 +2654,7 @@ onMounted(() => {
 })
 onBeforeUnmount(() => {
   window.removeEventListener("pointerup", onPointerUpGlobal)
-  window.removeEventListener("pointerdown", onDocPointerDown)
+  window.removeEventListener("pointerdown", onDocPointerDown, true)
   window.removeEventListener("resize", onResize)
   endResize()
   endRowResize()

package/components/QSwipeCell.vue

@@ -150,12 +150,12 @@ const onDocPointerDown = (e: PointerEvent) => {
 }
 
 watch(opened, (v) => {
-  if (v) document.addEventListener("pointerdown", onDocPointerDown)
-  else document.removeEventListener("pointerdown", onDocPointerDown)
+  if (v) document.addEventListener("pointerdown", onDocPointerDown, true)
+  else document.removeEventListener("pointerdown", onDocPointerDown, true)
 })
 
 onBeforeUnmount(() => {
-  document.removeEventListener("pointerdown", onDocPointerDown)
+  document.removeEventListener("pointerdown", onDocPointerDown, true)
   if (wrapperEl.value) wrapperEl.value.style.removeProperty("transition")
 })
 </script>

package/components/QTiptap.vue

@@ -293,12 +293,14 @@ watch(colorOpen, (open) => {
     if (e.key === "Escape") colorOpen.value = false
   }
   const close = () => { colorOpen.value = false }
-  document.addEventListener("mousedown", onDown)
+  // Phase de CAPTURE : un `@mousedown.stop` parent bloque sinon l'événement avant
+  // `document` → palette de couleurs jamais fermée au clic extérieur.
+  document.addEventListener("mousedown", onDown, true)
   document.addEventListener("keydown", onKey)
   window.addEventListener("blur", close)
   window.addEventListener("resize", close)
   return () => {
-    document.removeEventListener("mousedown", onDown)
+    document.removeEventListener("mousedown", onDown, true)
     document.removeEventListener("keydown", onKey)
     window.removeEventListener("blur", close)
     window.removeEventListener("resize", close)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnax/ui",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "module": "index.ts",
   "description": "UI design System",
   "type": "module",