@dolusoft/vue3-datatable 1.7.84 → 1.7.88

package/dist/vue3-datatable.cjs

@@ -2501,7 +2501,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-da3bc8d5"]]);
+const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
 const __default__$4 = {
   name: "ButtonRightPanel"
 };
@@ -2527,7 +2527,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b373d5f7"]]);
+const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
 const _hoisted_1$6 = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" };
 const __default__$3 = {
   name: "columnFilter"
@@ -3003,7 +3003,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       if (!((_a = props.all) == null ? void 0 : _a.columns)) return;
       props.all.columns.forEach((col) => {
         if (col.filter && col.field && !watchedFields.value.has(col.field)) {
-          console.log("🔵 [WATCH-SETUP] Setting up watch for:", col.field);
           if (filterInputs.value[col.field] === void 0) {
             filterInputs.value[col.field] = col.value || "";
           }
@@ -3012,22 +3011,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             () => filterInputs.value[col.field],
             (newValue) => {
               const column = columnsMap.value.get(col.field);
-              console.log("🔴 [DEBOUNCE-FIRED]", {
-                field: col.field,
-                newValue,
-                columnFromMap: !!column,
-                columnValueBefore: column == null ? void 0 : column.value
-              });
               if (column) {
                 if (column.type === "string" || column.type === "String") {
                   column.value = typeof newValue === "string" ? newValue.trim() : newValue;
                 } else {
                   column.value = newValue;
                 }
-                console.log("🟢 [AFTER-MUTATION]", {
-                  field: col.field,
-                  columnValueAfter: column.value
-                });
                 emit("filterChange");
               }
             },
@@ -3043,25 +3032,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       },
       (newColumns) => {
         if (newColumns && newColumns.length > 0) {
-          console.log("🟡 [COLUMNS-CHANGED] Setting up watches for", newColumns.length, "columns");
           setupColumnWatches();
         }
       },
       { immediate: true, deep: true }
     );
-    vue.watch(
-      filterInputs,
-      (newVal) => {
-        console.log("🟡 [FILTER-INPUTS-CHANGED]", JSON.parse(JSON.stringify(newVal)));
-      },
-      { deep: true }
-    );
     vue.onMounted(() => {
-      var _a, _b, _c;
-      console.log("🔍 [COLUMN-HEADER] onMounted", {
-        hasColumns: !!((_a = props.all) == null ? void 0 : _a.columns),
-        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length
-      });
       setupColumnWatches();
     });
     const checkboxChange = () => {
@@ -4080,10 +4056,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const filterChange = () => {
-      console.log("🔍 [CUSTOM-TABLE] filterChange called", {
-        isServerMode: props.isServerMode,
-        currentPage: currentPage.value
-      });
       selectAll(false);
       if (props.isServerMode) {
         if (currentPage.value === 1) {
@@ -4157,10 +4129,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const changeForServer = (changeType, isResetPage = false) => {
-      console.log(
-        "🔵 [CHANGE-FOR-SERVER] Props columns detail:",
-        props.columns.map((c) => ({ field: c.field, value: c.value, condition: c.condition }))
-      );
       if (props.isServerMode) {
         setDefaultCondition();
         const res = {
@@ -4173,10 +4141,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           column_filters: props.columns,
           change_type: changeType
         };
-        console.log(
-          "🔵 [EMITTING-CHANGE] Final column_filters:",
-          res.column_filters.map((c) => ({ field: c.field, value: c.value, condition: c.condition }))
-        );
         emit("change", res);
       }
     };

package/dist/vue3-datatable.css

@@ -1,16 +1,16 @@
 
-.expandbtn[data-v-da3bc8d5] {
+.expandbtn[data-v-4d01a2fa] {
     cursor: pointer;
-}
+}
 
-.rightpanelbtn[data-v-b373d5f7] {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
+.rightpanelbtn[data-v-d739c6bf] {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
     height: 24px;
-}
+}
 .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
 
 .left-menu-container {

package/dist/vue3-datatable.js

@@ -2500,7 +2500,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-da3bc8d5"]]);
+const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
 const __default__$4 = {
   name: "ButtonRightPanel"
 };
@@ -2526,7 +2526,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b373d5f7"]]);
+const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
 const _hoisted_1$6 = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" };
 const __default__$3 = {
   name: "columnFilter"
@@ -3002,7 +3002,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!((_a = props.all) == null ? void 0 : _a.columns)) return;
       props.all.columns.forEach((col) => {
         if (col.filter && col.field && !watchedFields.value.has(col.field)) {
-          console.log("🔵 [WATCH-SETUP] Setting up watch for:", col.field);
           if (filterInputs.value[col.field] === void 0) {
             filterInputs.value[col.field] = col.value || "";
           }
@@ -3011,22 +3010,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             () => filterInputs.value[col.field],
             (newValue) => {
               const column = columnsMap.value.get(col.field);
-              console.log("🔴 [DEBOUNCE-FIRED]", {
-                field: col.field,
-                newValue,
-                columnFromMap: !!column,
-                columnValueBefore: column == null ? void 0 : column.value
-              });
               if (column) {
                 if (column.type === "string" || column.type === "String") {
                   column.value = typeof newValue === "string" ? newValue.trim() : newValue;
                 } else {
                   column.value = newValue;
                 }
-                console.log("🟢 [AFTER-MUTATION]", {
-                  field: col.field,
-                  columnValueAfter: column.value
-                });
                 emit("filterChange");
               }
             },
@@ -3042,25 +3031,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       },
       (newColumns) => {
         if (newColumns && newColumns.length > 0) {
-          console.log("🟡 [COLUMNS-CHANGED] Setting up watches for", newColumns.length, "columns");
           setupColumnWatches();
         }
       },
       { immediate: true, deep: true }
     );
-    watch(
-      filterInputs,
-      (newVal) => {
-        console.log("🟡 [FILTER-INPUTS-CHANGED]", JSON.parse(JSON.stringify(newVal)));
-      },
-      { deep: true }
-    );
     onMounted(() => {
-      var _a, _b, _c;
-      console.log("🔍 [COLUMN-HEADER] onMounted", {
-        hasColumns: !!((_a = props.all) == null ? void 0 : _a.columns),
-        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length
-      });
       setupColumnWatches();
     });
     const checkboxChange = () => {
@@ -4079,10 +4055,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const filterChange = () => {
-      console.log("🔍 [CUSTOM-TABLE] filterChange called", {
-        isServerMode: props.isServerMode,
-        currentPage: currentPage.value
-      });
       selectAll(false);
       if (props.isServerMode) {
         if (currentPage.value === 1) {
@@ -4156,10 +4128,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const changeForServer = (changeType, isResetPage = false) => {
-      console.log(
-        "🔵 [CHANGE-FOR-SERVER] Props columns detail:",
-        props.columns.map((c) => ({ field: c.field, value: c.value, condition: c.condition }))
-      );
       if (props.isServerMode) {
         setDefaultCondition();
         const res = {
@@ -4172,10 +4140,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           column_filters: props.columns,
           change_type: changeType
         };
-        console.log(
-          "🔵 [EMITTING-CHANGE] Final column_filters:",
-          res.column_filters.map((c) => ({ field: c.field, value: c.value, condition: c.condition }))
-        );
         emit("change", res);
       }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolusoft/vue3-datatable",
-  "version": "1.7.84",
+  "version": "1.7.88",
   "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
   "private": false,
   "type": "module",
@@ -60,10 +60,7 @@
   },
   "dependencies": {
     "@iconify/vue": "^4.1.2",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@vueuse/core": "^10.11.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-vue": "^9.27.0",
     "floating-vue": "^5.2.2",
     "splitpanes": "4.0.3",
     "vue": "^3.4.35",
@@ -72,9 +69,12 @@
   },
   "devDependencies": {
     "@types/node": "^20.14.14",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "autoprefixer": "^10.4.20",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-vue": "^9.27.0",
     "sass": "^1.77.8",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.5.4",