vueless 0.0.409 → 0.0.410

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.409",
+  "version": "0.0.410",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/UTable.vue

@@ -190,8 +190,8 @@
               :columns="columns"
               :config="config"
               :attrs="keysAttrs"
-              v-bind="getRowAttrs(row.id)"
-              :class="cx([getRowAttrs(row.id).class, row.class])"
+              v-bind="getRowAttrs(row)"
+              :class="cx([getRowAttrs(row.id).class, getRowClasses(row)])"
               @click="onClickRow"
               @toggle-row-visibility="onToggleRowVisibility"
             >
@@ -613,6 +613,12 @@ function getRowAttrs(rowId) {
   return selectedRows.value.includes(rowId) ? bodyRowCheckedAttrs : bodyRowAttrs;
 }
 
+function getRowClasses(row) {
+  const rowClasses = row?.class || "";
+
+  return typeof rowClasses === "function" ? rowClasses(row) : rowClasses;
+}
+
 function setFooterCellWidth(width) {
   const ZERO_WIDTH = 0;
 

package/ui.data-table/UTableRow.vue

@@ -15,7 +15,9 @@
       v-for="(value, key, index) in getFilteredRow(row, columns)"
       :key="index"
       v-bind="getCellAttrs(key, row, index)"
-      :class="cx([getCellAttrs(key, row, index).class, columns[index].tdClass, row[key]?.class])"
+      :class="
+        cx([getCellAttrs(key, row, index).class, columns[index].tdClass, getCellClasses(row, key)])
+      "
     >
       <div
         v-if="(row.row || nestedLevel || row.nestedData) && index === 0"
@@ -188,6 +190,12 @@ onMounted(() => {
   cellRef.value.forEach(setElementTitle);
 });
 
+function getCellClasses(row, key) {
+  const cellClasses = row[key]?.class || "";
+
+  return typeof cellClasses === "function" ? cellClasses(row[key].value, row) : cellClasses;
+}
+
 function isCellObject(value) {
   return typeof value === "object" && value !== null && ("primary" in value || "value" in value);
 }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.409",
+  "version": "0.0.410",
   "contributions": {
     "html": {
       "description-markup": "markdown",