@regcheq/ui-vue-2 1.4.0-beta.1 → 1.4.1-beta.1

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref, watch, computed } from 'vue';
+import { ref, watch, computed } from '@vue/composition-api';
 
 /**
  * @license lucide-vue v0.517.0 - ISC
@@ -32971,7 +32971,7 @@ var __vue_render__$e = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("div", {
@@ -33079,7 +33079,7 @@ var __vue_render__$d = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("span", {
@@ -33194,7 +33194,7 @@ var __vue_render__$c = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("span", {
@@ -33301,7 +33301,7 @@ var __vue_render__$b = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   })], 1), _vm._v(" "), _c("div", {
@@ -37799,9 +37799,7 @@ var __vue_render__$4 = function () {
     attrs: {
       colspan: _vm.columns.length + (_vm.selectable ? 1 : 0)
     }
-  }, [_vm._t("empty", function () {
-    return [_c("span", [_vm._v("Sin datos")])];
-  })], 2)]) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableRows, function (row) {
+  }, [_vm._t("empty", [_c("span", [_vm._v("Sin datos")])])], 2)]) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableRows, function (row) {
     return _c("tr", {
       key: row.id,
       staticClass: "rq-table__tr rq-table__tr--body",
@@ -37839,9 +37837,7 @@ var __vue_render__$4 = function () {
           "rq-table__td--pinned": header.id in _vm.pinnedLeftWidths
         },
         style: _vm.getColStyle(header)
-      }, [_vm._t("cell-" + header.id, function () {
-        return [_vm._v("\n              " + _vm._s(row.getValue(header.id)) + "\n            ")];
-      }, {
+      }, [_vm._t("cell-" + header.id, [_vm._v("\n              " + _vm._s(row.getValue(header.id)) + "\n            ")], {
         row: row.original,
         value: row.getValue(header.id)
       })], 2);

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var vue = require('vue');
+var compositionApi = require('@vue/composition-api');
 
 /**
  * @license lucide-vue v0.517.0 - ISC
@@ -32973,7 +32973,7 @@ var __vue_render__$e = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("div", {
@@ -33081,7 +33081,7 @@ var __vue_render__$d = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("span", {
@@ -33196,7 +33196,7 @@ var __vue_render__$c = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   }), _vm._v(" "), _c("span", {
@@ -33303,7 +33303,7 @@ var __vue_render__$b = function () {
     nativeOn: {
       click: function ($event) {
         $event.stopPropagation();
-        return function () {}.apply(null, arguments);
+        return function () {}();
       }
     }
   })], 1), _vm._v(" "), _c("div", {
@@ -37198,23 +37198,23 @@ function getCoreRowModel() {
 
 function useTable(props, emit) {
   // --- Estado Vue ---
-  const columnOrder = vue.ref([]);
-  const columnPinning = vue.ref({
+  const columnOrder = compositionApi.ref([]);
+  const columnPinning = compositionApi.ref({
     left: [],
     right: []
   });
-  const rowSelection = vue.ref({});
-  const activeChevronKey = vue.ref(null);
-  const draggingKey = vue.ref(null);
-  const dragOverKey = vue.ref(null);
+  const rowSelection = compositionApi.ref({});
+  const activeChevronKey = compositionApi.ref(null);
+  const draggingKey = compositionApi.ref(null);
+  const dragOverKey = compositionApi.ref(null);
 
   // --- Sincronizar props → estado Vue ---
-  vue.watch(() => props.columnOrder, val => {
+  compositionApi.watch(() => props.columnOrder, val => {
     columnOrder.value = val ? [...val] : props.columns.map(c => c.key);
   }, {
     immediate: true
   });
-  vue.watch(() => props.pinnedColumns, val => {
+  compositionApi.watch(() => props.pinnedColumns, val => {
     columnPinning.value = {
       left: val ? [...val] : [],
       right: []
@@ -37224,13 +37224,13 @@ function useTable(props, emit) {
   });
 
   // --- TanStack: solo para el row model (getValue, getRowModel) ---
-  const tanstackColumns = vue.computed(() => props.columns.map(col => ({
+  const tanstackColumns = compositionApi.computed(() => props.columns.map(col => ({
     id: col.key,
     accessorKey: col.key,
     header: col.label,
     size: col.width || 150
   })));
-  const table = vue.computed(() => createTable({
+  const table = compositionApi.computed(() => createTable({
     columns: tanstackColumns.value,
     data: props.rows,
     getCoreRowModel: getCoreRowModel(),
@@ -37252,7 +37252,7 @@ function useTable(props, emit) {
   //
   // Regla: pinned (en el orden de columnPinning.left) primero,
   //        luego el resto (en el orden de columnOrder).
-  const orderedColumnKeys = vue.computed(() => {
+  const orderedColumnKeys = compositionApi.computed(() => {
     const leftKeys = columnPinning.value.left || [];
     const leftSet = new Set(leftKeys);
     const pinned = leftKeys.filter(k => columnOrder.value.includes(k));
@@ -37262,7 +37262,7 @@ function useTable(props, emit) {
 
   // headerGroups: estructura que itera el template, idéntica a la de TanStack
   // pero con orden garantizado
-  const headerGroups = vue.computed(() => [{
+  const headerGroups = compositionApi.computed(() => [{
     id: 'main',
     headers: orderedColumnKeys.value.map(key => {
       const colDef = props.columns.find(c => c.key === key) || {};
@@ -37277,11 +37277,11 @@ function useTable(props, emit) {
       };
     })
   }]);
-  const tableRows = vue.computed(() => table.value.getRowModel().rows);
+  const tableRows = compositionApi.computed(() => table.value.getRowModel().rows);
 
   // --- Offsets sticky para columnas fijadas ---
   // Sigue el orden de columnPinning.left (igual que orderedColumnKeys para pinned)
-  const pinnedLeftWidths = vue.computed(() => {
+  const pinnedLeftWidths = compositionApi.computed(() => {
     const left = columnPinning.value.left || [];
     if (!left.length) return {};
     const offsets = {};
@@ -37343,11 +37343,11 @@ function useTable(props, emit) {
   }
 
   // --- Handlers de selección de filas ---
-  const allSelected = vue.computed(() => {
+  const allSelected = compositionApi.computed(() => {
     if (!props.rows.length) return false;
     return props.rows.every(row => rowSelection.value[String(row[props.rowId])]);
   });
-  const someSelected = vue.computed(() => !allSelected.value && props.rows.some(row => rowSelection.value[String(row[props.rowId])]));
+  const someSelected = compositionApi.computed(() => !allSelected.value && props.rows.some(row => rowSelection.value[String(row[props.rowId])]));
   function toggleRow(rowId) {
     const sel = {
       ...rowSelection.value
@@ -37801,9 +37801,7 @@ var __vue_render__$4 = function () {
     attrs: {
       colspan: _vm.columns.length + (_vm.selectable ? 1 : 0)
     }
-  }, [_vm._t("empty", function () {
-    return [_c("span", [_vm._v("Sin datos")])];
-  })], 2)]) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableRows, function (row) {
+  }, [_vm._t("empty", [_c("span", [_vm._v("Sin datos")])])], 2)]) : _vm._e(), _vm._v(" "), _vm._l(_vm.tableRows, function (row) {
     return _c("tr", {
       key: row.id,
       staticClass: "rq-table__tr rq-table__tr--body",
@@ -37841,9 +37839,7 @@ var __vue_render__$4 = function () {
           "rq-table__td--pinned": header.id in _vm.pinnedLeftWidths
         },
         style: _vm.getColStyle(header)
-      }, [_vm._t("cell-" + header.id, function () {
-        return [_vm._v("\n              " + _vm._s(row.getValue(header.id)) + "\n            ")];
-      }, {
+      }, [_vm._t("cell-" + header.id, [_vm._v("\n              " + _vm._s(row.getValue(header.id)) + "\n            ")], {
         row: row.original,
         value: row.getValue(header.id)
       })], 2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regcheq/ui-vue-2",
-  "version": "1.4.0-beta.1",
+  "version": "1.4.1-beta.1",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "files": [
@@ -26,7 +26,8 @@
     "prepare": "husky"
   },
   "peerDependencies": {
-    "vue": "^2.7.0"
+    "vue": "^2.6.0",
+    "@vue/composition-api": "^1.7.0"
   },
   "dependencies": {
     "@tanstack/table-core": "^8.21.3",
@@ -72,12 +73,13 @@
     "semantic-release": "^22.0.12",
     "storybook": "7.6.17",
     "style-loader": "^3.3.3",
-    "vue": "^2.7.0",
+    "@vue/composition-api": "^1.7.2",
+    "vue": "2.6.11",
     "vue-docgen-api": "^4.79.2",
     "vue-docgen-loader": "^2.0.1",
     "vue-loader": "^15.11.1",
     "vue-style-loader": "^4.1.3",
-    "vue-template-compiler": "^2.7.0",
+    "vue-template-compiler": "2.6.11",
     "webpack": "^5.88.0"
   }
 }