@regcheq/ui-vue-2 1.5.0 → 1.6.0

package/dist/index.css

@@ -1712,13 +1712,13 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  background: #ffffff;
+  background: inherit;
   font-size: 14px;
   color: #18181b;
   vertical-align: middle;
+  border-bottom: 1px solid #f4f4f5;
 }
 .rq-table__td--pinned {
-  background: inherit;
   box-shadow: 2px 0 6px -1px rgba(4, 0, 69, 0.08);
 }
 .rq-table__td--select {

package/dist/index.esm.js

@@ -37246,6 +37246,15 @@ function useTable(props, emit) {
   }, {
     immediate: true
   });
+
+  // props.columns puede llegar vacío en el primer render (ej. mientras el
+  // padre carga la vista activa de forma asíncrona) y poblarse después. Sin
+  // este watcher, columnOrder queda pegado al [] inicial para siempre, ya que
+  // el watcher de arriba solo reacciona a cambios de columnOrder, no de
+  // columns. Solo pisa columnOrder si no hay un orden explícito del padre.
+  watch(() => props.columns.map(c => c.key).join('|'), () => {
+    if (!props.columnOrder) columnOrder.value = props.columns.map(c => c.key);
+  });
   watch(() => props.pinnedColumns, val => {
     columnPinning.value = {
       left: val ? [...val] : [],
@@ -37725,10 +37734,13 @@ var script$4 = {
     this._onKeydown = e => {
       if (e.key === 'Escape') this.closeAll();
     };
+    this._onDocumentClick = () => this.closeAll();
     document.addEventListener('keydown', this._onKeydown);
+    document.addEventListener('click', this._onDocumentClick);
   },
   beforeDestroy() {
     document.removeEventListener('keydown', this._onKeydown);
+    document.removeEventListener('click', this._onDocumentClick);
   }
 };
 
@@ -37741,10 +37753,7 @@ var __vue_render__$4 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("div", _vm._g({
-    class: _vm.classes,
-    on: {
-      click: _vm.closeAll
-    }
+    class: _vm.classes
   }, _vm.$listeners), [_c("div", {
     staticClass: "rq-table__scroll",
     style: _vm.maxHeight ? {
@@ -38725,11 +38734,20 @@ var script = {
       } : {};
     }
   },
+  watch: {
+    open: {
+      immediate: true,
+      handler(isOpen) {
+        document.body.style.overflow = isOpen ? 'hidden' : '';
+      }
+    }
+  },
   mounted() {
     document.addEventListener('keydown', this.handleKeydown);
   },
   beforeDestroy() {
     document.removeEventListener('keydown', this.handleKeydown);
+    document.body.style.overflow = '';
   },
   methods: {
     handleKeydown(e) {

package/dist/index.js

@@ -37248,6 +37248,15 @@ function useTable(props, emit) {
   }, {
     immediate: true
   });
+
+  // props.columns puede llegar vacío en el primer render (ej. mientras el
+  // padre carga la vista activa de forma asíncrona) y poblarse después. Sin
+  // este watcher, columnOrder queda pegado al [] inicial para siempre, ya que
+  // el watcher de arriba solo reacciona a cambios de columnOrder, no de
+  // columns. Solo pisa columnOrder si no hay un orden explícito del padre.
+  vue.watch(() => props.columns.map(c => c.key).join('|'), () => {
+    if (!props.columnOrder) columnOrder.value = props.columns.map(c => c.key);
+  });
   vue.watch(() => props.pinnedColumns, val => {
     columnPinning.value = {
       left: val ? [...val] : [],
@@ -37727,10 +37736,13 @@ var script$4 = {
     this._onKeydown = e => {
       if (e.key === 'Escape') this.closeAll();
     };
+    this._onDocumentClick = () => this.closeAll();
     document.addEventListener('keydown', this._onKeydown);
+    document.addEventListener('click', this._onDocumentClick);
   },
   beforeDestroy() {
     document.removeEventListener('keydown', this._onKeydown);
+    document.removeEventListener('click', this._onDocumentClick);
   }
 };
 
@@ -37743,10 +37755,7 @@ var __vue_render__$4 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("div", _vm._g({
-    class: _vm.classes,
-    on: {
-      click: _vm.closeAll
-    }
+    class: _vm.classes
   }, _vm.$listeners), [_c("div", {
     staticClass: "rq-table__scroll",
     style: _vm.maxHeight ? {
@@ -38727,11 +38736,20 @@ var script = {
       } : {};
     }
   },
+  watch: {
+    open: {
+      immediate: true,
+      handler(isOpen) {
+        document.body.style.overflow = isOpen ? 'hidden' : '';
+      }
+    }
+  },
   mounted() {
     document.addEventListener('keydown', this.handleKeydown);
   },
   beforeDestroy() {
     document.removeEventListener('keydown', this.handleKeydown);
+    document.body.style.overflow = '';
   },
   methods: {
     handleKeydown(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regcheq/ui-vue-2",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "files": [