@v1nt1248/3nclient-lib 0.1.40 → 0.1.42

package/dist/components/ui3n-table/types.d.ts

@@ -45,12 +45,18 @@ export type Ui3nTableGroupActionsSlot = {
 export type Ui3nTableHeaderCellSlot<T extends Ui3nTableBodyBaseItem, K extends string & keyof T> = {
     [p in `header-cell-${K}`]: () => VNode;
 };
-export type Ui3nTableBodyRowSlotScope<T extends Ui3nTableBodyBaseItem> = {
+export type Ui3nTableBodyRowEventHandlers<T extends Ui3nTableBodyBaseItem> = {
+    select: (row: T, withoutEvents?: boolean) => void;
+};
+export type Ui3nTableBodyRowSlotScope<T extends Ui3nTableBodyBaseItem, K extends keyof T = keyof T> = {
     row: T;
     rowStyle?: Record<string, string>;
     rowIndex: number;
     isRowSelected?: boolean;
-    events?: Record<string, (value: unknown) => unknown>;
+    columnStyle?: {
+        [P in Omit<K, 'id'> as string | number]: Record<string, string>;
+    };
+    eventHandlers?: Ui3nTableBodyRowEventHandlers<T>;
 };
 export type Ui3nTableBodyRowSlot<T extends Ui3nTableBodyBaseItem> = {
     row: (scope: Ui3nTableBodyRowSlotScope<T>) => VNode;
@@ -59,6 +65,9 @@ export type Ui3nTableBodyRowCellSlotScope<T extends Ui3nTableBodyBaseItem, K ext
     row: T;
     rowIndex: number;
     isRowSelected?: boolean;
+    columnStyle?: {
+        [P in Omit<K, 'id'> as string | number]: Record<string, string>;
+    };
     cell: T[K];
 };
 export type Ui3nTableBodyRowCellSlot<T extends Ui3nTableBodyBaseItem, K extends string & keyof T> = {

package/dist/ui3n-components.js

@@ -12962,18 +12962,22 @@ const mf = /* @__PURE__ */ Eg({
       RA("div", {
         class: EA(x.$style.body)
       }, [
-        x.$slots.row ? (eA(!0), DA(AB, { key: 0 }, gB(x.body.content, (O, CA) => (eA(), DA("div", {
-          key: KA(U)(O, CA),
-          class: EA([x.$style.row, KA(h)(O) && x.$style.selected, x.config.selectable && x.$style.selectable])
-        }, [
-          eg(x.$slots, "row", {
-            row: O,
-            rowStyle: KA(r)(O),
-            rowIndex: CA,
-            isRowSelected: KA(h)(O),
-            events: J
-          })
-        ], 2))), 128)) : (eA(!0), DA(AB, { key: 1 }, gB(x.body.content, (O, CA) => (eA(), DA("div", {
+        x.$slots.row ? (eA(!0), DA(AB, { key: 0 }, gB(x.body.content, (O, CA) => {
+          var W;
+          return eA(), DA("div", {
+            key: KA(U)(O, CA),
+            class: EA([x.$style.row, KA(h)(O) && x.$style.selected, x.config.selectable && x.$style.selectable])
+          }, [
+            eg(x.$slots, "row", {
+              row: O,
+              rowStyle: KA(r)(O),
+              rowIndex: CA,
+              isRowSelected: KA(h)(O),
+              columnStyle: (W = x.config) == null ? void 0 : W.columnStyle,
+              "eventHandlers-": J
+            })
+          ], 2);
+        }), 128)) : (eA(!0), DA(AB, { key: 1 }, gB(x.body.content, (O, CA) => (eA(), DA("div", {
           key: KA(U)(O, CA),
           class: EA([x.$style.row, KA(h)(O) && x.$style.selected, x.config.selectable && x.$style.selectable]),
           style: mI(KA(r)(O))
@@ -12987,21 +12991,25 @@ const mf = /* @__PURE__ */ Eg({
               onChange: (W) => KA(S)(O)
             }, null, 8, ["model-value", "onChange"])
           ], 2)) : WA("", !0),
-          (eA(!0), DA(AB, null, gB(KA(s), (W, X) => (eA(), DA("div", {
-            key: W.key,
-            class: EA([x.$style.bodyItem, X === 0 && x.$style.bodyItemFirst])
-          }, [
-            eg(x.$slots, `row-cell-${W.key}`, {
-              row: O,
-              rowIndex: CA,
-              isRowSelected: KA(h)(O),
-              cell: O[W.key]
-            }, () => [
-              RA("span", {
-                class: EA(x.$style.cell)
-              }, ng(O[W.key]), 3)
-            ])
-          ], 2))), 128))
+          (eA(!0), DA(AB, null, gB(KA(s), (W, X) => {
+            var b;
+            return eA(), DA("div", {
+              key: W.key,
+              class: EA([x.$style.bodyItem, X === 0 && x.$style.bodyItemFirst])
+            }, [
+              eg(x.$slots, `row-cell-${W.key}`, {
+                row: O,
+                rowIndex: CA,
+                isRowSelected: KA(h)(O),
+                columnStyle: (b = x.config) == null ? void 0 : b.columnStyle,
+                cell: O[W.key]
+              }, () => [
+                RA("span", {
+                  class: EA(x.$style.cell)
+                }, ng(O[W.key]), 3)
+              ])
+            ], 2);
+          }), 128))
         ], 6))), 128))
       ], 2)
     ], 2));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-table/types.ts

@@ -53,12 +53,17 @@ export type Ui3nTableHeaderCellSlot<T extends Ui3nTableBodyBaseItem, K extends s
   [p in `header-cell-${K}`]: () => VNode;
 };
 
-export type Ui3nTableBodyRowSlotScope<T extends Ui3nTableBodyBaseItem> = {
+export type Ui3nTableBodyRowEventHandlers<T extends Ui3nTableBodyBaseItem> = {
+  select: (row: T, withoutEvents?: boolean) => void;
+};
+
+export type Ui3nTableBodyRowSlotScope<T extends Ui3nTableBodyBaseItem, K extends keyof T = keyof T> = {
   row: T;
   rowStyle?: Record<string, string>;
   rowIndex: number;
   isRowSelected?: boolean;
-  events?: Record<string, (value: unknown) => unknown>;
+  columnStyle?: { [P in Omit<K, 'id'> as string | number]: Record<string, string> };
+  eventHandlers?: Ui3nTableBodyRowEventHandlers<T>;
 };
 
 export type Ui3nTableBodyRowSlot<T extends Ui3nTableBodyBaseItem> = {
@@ -69,6 +74,7 @@ export type Ui3nTableBodyRowCellSlotScope<T extends Ui3nTableBodyBaseItem, K ext
   row: T;
   rowIndex: number;
   isRowSelected?: boolean;
+  columnStyle?: { [P in Omit<K, 'id'> as string | number]: Record<string, string> };
   cell: T[K];
 };
 

package/src/components/ui3n-table/ui3n-table.vue

@@ -25,7 +25,7 @@
     changeSortOrder,
   } = useTable(props, emits);
 
-  const eventsHandlers = {
+  const eventHandlers = {
     select: processSelection,
   };
 </script>
@@ -107,7 +107,8 @@
             :row-style="getRowStyle(row)"
             :row-index="rowIndex"
             :is-row-selected="isRowSelected(row)"
-            :events="eventsHandlers"
+            :column-style="config?.columnStyle"
+            :event-handlers-="eventHandlers"
           />
         </div>
       </template>
@@ -139,6 +140,7 @@
                 :row="row"
                 :row-index="rowIndex"
                 :is-row-selected="isRowSelected(row)"
+                :column-style="config?.columnStyle"
                 :cell="row[col.key]"
               >
                 <span :class="$style.cell">