@fastkit/vui 0.12.4 → 0.12.6

package/dist/vui.d.ts

@@ -1124,13 +1124,13 @@ export declare interface DataTableCellSlotPayload<T extends DataTableItem = Data
 
 export declare type DataTableDefaults = typeof DATA_TABLE_DEFAULTS;
 
-export declare interface DataTableHeader {
+export declare interface DataTableHeader<T extends DataTableItem = DataTableItem> {
     key: number | string;
     label?: VNodeChild | ((vui: VuiService) => VNodeChild);
     sortQuery?: string;
-    hidden?: boolean;
+    hidden?: boolean | (() => boolean);
     align?: DataTableHeaderAlign;
-    cell?: (payload: DataTableCellSlotPayload) => VNodeChild;
+    cell?: (payload: DataTableCellSlotPayload<T>) => VNodeChild;
 }
 
 export declare type DataTableHeaderAlign = 'left' | 'center' | 'right';
@@ -3360,7 +3360,7 @@ export declare const VButton: DefineComponent<{
     ariaCurrentValue: "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
 }>;
 
-export declare type VButtonAlign = typeof BUTTON_ALIGNS[number];
+export declare type VButtonAlign = (typeof BUTTON_ALIGNS)[number];
 
 export declare const VButtonGroup: DefineComponent<{
     disabled: BooleanConstructor;
@@ -4368,7 +4368,7 @@ export declare const VDataTable: DefineComponent<{
         default: () => number;
     };
     headers: {
-        type: PropType<DataTableHeader[]>;
+        type: PropType<DataTableHeader<DataTableItem>[]>;
         required: true;
     };
     items: {
@@ -4456,7 +4456,7 @@ export declare const VDataTable: DefineComponent<{
         default: () => number;
     };
     headers: {
-        type: PropType<DataTableHeader[]>;
+        type: PropType<DataTableHeader<DataTableItem>[]>;
         required: true;
     };
     items: {

package/dist/vui.mjs

@@ -4567,7 +4567,9 @@ const VDataTable = /* @__PURE__ */ defineComponent({
           key: SELECTABLE_HEADER_SYMBOL
         });
       }
-      ret.push(...headers.filter(h => !h.hidden));
+      ret.push(...headers.filter(({
+        hidden
+      }) => !(typeof hidden === 'function' ? hidden() : hidden)));
       return ret;
     });
     const searchQueryValues = computed(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "description": "A simple, extensible UI kit for Vue applications.",
   "buildOptions": {
     "name": "Vui",
@@ -59,11 +59,11 @@
     "vue": "^3.2.45"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.12.4",
-    "@fastkit/icon-font": "0.12.4",
-    "@fastkit/tiny-logger": "0.12.4",
-    "@fastkit/vite-kit": "0.12.4",
-    "@fastkit/vue-kit": "0.12.4",
+    "@fastkit/color-scheme": "0.12.6",
+    "@fastkit/icon-font": "0.12.6",
+    "@fastkit/tiny-logger": "0.12.6",
+    "@fastkit/vite-kit": "0.12.6",
+    "@fastkit/vue-kit": "0.12.6",
     "@tiptap/extension-link": "^2.0.0-beta.209",
     "@tiptap/extension-text-style": "^2.0.0-beta.209",
     "@tiptap/extension-underline": "^2.0.0-beta.209",

package/src/components/VButton/VButton.tsx

@@ -32,7 +32,7 @@ export type RawVButtonIcon = IconName | VButtonIcon;
 
 export const BUTTON_ALIGNS = ['left', 'center', 'right'] as const;
 
-export type VButtonAlign = typeof BUTTON_ALIGNS[number];
+export type VButtonAlign = (typeof BUTTON_ALIGNS)[number];
 
 function resolveRawVButtonIcon(
   raw?: RawVButtonIcon,

package/src/components/VDataTable/VDataTable.tsx

@@ -79,13 +79,13 @@ export interface DataTableCellSlotPayload<
   selected: boolean;
 }
 
-export interface DataTableHeader {
+export interface DataTableHeader<T extends DataTableItem = DataTableItem> {
   key: number | string;
   label?: VNodeChild | ((vui: VuiService) => VNodeChild);
   sortQuery?: string;
-  hidden?: boolean;
+  hidden?: boolean | (() => boolean);
   align?: DataTableHeaderAlign;
-  cell?: (payload: DataTableCellSlotPayload) => VNodeChild;
+  cell?: (payload: DataTableCellSlotPayload<T>) => VNodeChild;
 }
 
 const SELECTABLE_HEADER_SYMBOL = '__selectable_header__';
@@ -207,7 +207,11 @@ export const VDataTable = defineComponent({
           key: SELECTABLE_HEADER_SYMBOL,
         });
       }
-      ret.push(...headers.filter((h) => !h.hidden));
+      ret.push(
+        ...headers.filter(
+          ({ hidden }) => !(typeof hidden === 'function' ? hidden() : hidden),
+        ),
+      );
       return ret;
     });