sprintify-ui 0.7.11 → 0.8.1

package/dist/types/components/BaseDataTable.vue.d.ts

@@ -5,12 +5,26 @@ import { ActionItem } from '@/types';
 declare function fetch(): void;
 declare function fetchWithoutLoading(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    /**
+     * Data table items
+     */
+    items: {
+        default: undefined;
+        type: PropType<CollectionItem[] | undefined>;
+    };
+    /**
+     * Per page (only when using local data)
+     */
+    perPage: {
+        default: number;
+        type: NumberConstructor;
+    };
     /**
      * Base URL from which to make requests
      */
     url: {
-        required: true;
-        type: StringConstructor;
+        default: undefined;
+        type: PropType<string | undefined>;
     };
     /**
      * Query params that always get applied
@@ -34,6 +48,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
     };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
+    };
     /**
      * Show/Hide edit button
      */
@@ -167,14 +193,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
     };
+    /**
+     * Data iterator sections
+     */
     sections: {
         default: undefined;
         type: PropType<DataIteratorSection[]>;
     };
+    /**
+     * Row actions
+     */
     rowActions: {
         default: undefined;
         type: PropType<RowAction[]>;
     };
+    /**
+     * Number of visible row actions
+     */
     numberOfVisibleRowActions: {
         default: number;
         type: NumberConstructor;
@@ -186,6 +221,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    /**
+     * Filters position
+     */
     filtersPosition: {
         default: string;
         type: PropType<"section" | "top">;
@@ -198,14 +236,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     delete: (...args: any[]) => void;
     "update:checked-rows": (...args: any[]) => void;
     fetch: (...args: any[]) => void;
-    "cell-click": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Data table items
+     */
+    items: {
+        default: undefined;
+        type: PropType<CollectionItem[] | undefined>;
+    };
+    /**
+     * Per page (only when using local data)
+     */
+    perPage: {
+        default: number;
+        type: NumberConstructor;
+    };
     /**
      * Base URL from which to make requests
      */
     url: {
-        required: true;
-        type: StringConstructor;
+        default: undefined;
+        type: PropType<string | undefined>;
     };
     /**
      * Query params that always get applied
@@ -229,6 +280,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
     };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<(row: CollectionItem, index: number, event: MouseEvent) => void>;
+    };
     /**
      * Show/Hide edit button
      */
@@ -362,14 +425,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
     };
+    /**
+     * Data iterator sections
+     */
     sections: {
         default: undefined;
         type: PropType<DataIteratorSection[]>;
     };
+    /**
+     * Row actions
+     */
     rowActions: {
         default: undefined;
         type: PropType<RowAction[]>;
     };
+    /**
+     * Number of visible row actions
+     */
     numberOfVisibleRowActions: {
         default: number;
         type: NumberConstructor;
@@ -381,6 +453,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    /**
+     * Filters position
+     */
     filtersPosition: {
         default: string;
         type: PropType<"section" | "top">;
@@ -389,10 +464,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
     onFetch?: ((...args: any[]) => any) | undefined;
-    "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "xs" | "sm" | "md" | "lg" | "xl";
     actions: ActionItem[];
+    url: string | undefined;
+    items: CollectionItem[] | undefined;
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;
     searchable: boolean;
@@ -401,7 +477,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     sections: DataIteratorSection[];
     scrollTopOnFetch: boolean;
     filtersPosition: "section" | "top";
+    perPage: number;
     showUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+    rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+    rowHref: ((row: CollectionItem) => string) | undefined;
+    onRowClick: (row: CollectionItem, index: number, event: MouseEvent) => void;
     editButton: boolean;
     editUrl: ((row: CollectionItem) => RouteLocationRaw) | undefined;
     deleteButton: boolean;

package/dist/types/components/BaseDataTableTemplate.vue.d.ts

@@ -1,10 +1,10 @@
 import { PropType } from 'vue';
-import { BaseTableColumnData, Row } from '@/types';
+import { BaseTableColumnData, CollectionItem, Row } from '@/types';
+import { RouteLocationRaw } from 'vue-router';
 /**
  * Remove all rows in current page.
  */
 declare function uncheckAll(): void;
-declare function scrollTop(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /** Table data */
     data: {
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     visibleColumns: {
         default: undefined;
-        type: PropType<number[]>;
+        type: PropType<string[]>;
     };
     /** Allow row details  */
     detailed: {
@@ -30,14 +30,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    /**
-     * Position of the checkbox (if checkable is true)
-     * @values left, right
-     */
-    checkboxPosition: {
-        type: PropType<"right" | "left">;
-        default: string;
-    };
     /** Custom method to verify if a row is checkable, works when is checkable */
     isRowCheckable: {
         type: FunctionConstructor;
@@ -78,21 +70,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
     };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+    };
 }, {
     newColumns: import("vue").ComputedRef<{
         id: string;
         label: string;
         field: string;
         meta: Record<string, any> | undefined;
-        newKey: number;
+        newKey: string;
         numeric: boolean;
         position: "right" | "left";
         searchable: boolean;
         sortable: boolean;
-        clickable: boolean;
+        ignoreRowInteractions: boolean;
         toggle: boolean;
         toggleDefault: boolean;
         width: number;
+        class?: string | string[] | undefined;
+        to?: ((row: Row) => RouteLocationRaw) | undefined;
+        href?: ((row: Row) => string) | undefined;
+        target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
+        onClick?: ((row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void) | undefined;
         style: {
             width: number | undefined;
         };
@@ -100,16 +109,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         tdAttrs: (row: Row, column: BaseTableColumnData) => Record<string, any>;
     }[]>;
     uncheckAll: typeof uncheckAll;
-    scrollTop: typeof scrollTop;
+    scrollTop: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sort: (...args: any[]) => void;
     check: (...args: any[]) => void;
-    "cell-click": (...args: any[]) => void;
     "check-all": (...args: any[]) => void;
     "update:checkedRows": (...args: any[]) => void;
     "details-open": (...args: any[]) => void;
     "details-close": (...args: any[]) => void;
     "update:openedDetailed": (...args: any[]) => void;
+    "cell-click": (...args: any[]) => void;
+    "row-click": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** Table data */
     data: {
@@ -123,7 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     visibleColumns: {
         default: undefined;
-        type: PropType<number[]>;
+        type: PropType<string[]>;
     };
     /** Allow row details  */
     detailed: {
@@ -135,14 +145,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    /**
-     * Position of the checkbox (if checkable is true)
-     * @values left, right
-     */
-    checkboxPosition: {
-        type: PropType<"right" | "left">;
-        default: string;
-    };
     /** Custom method to verify if a row is checkable, works when is checkable */
     isRowCheckable: {
         type: FunctionConstructor;
@@ -183,20 +185,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
         default: string;
     };
+    rowTo: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => RouteLocationRaw) | undefined>;
+    };
+    rowHref: {
+        default: undefined;
+        type: PropType<((row: CollectionItem) => string) | undefined>;
+    };
+    onRowClick: {
+        default: undefined;
+        type: PropType<((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined>;
+    };
 }>> & {
     onCheck?: ((...args: any[]) => any) | undefined;
-    "onCell-click"?: ((...args: any[]) => any) | undefined;
     onSort?: ((...args: any[]) => any) | undefined;
     "onCheck-all"?: ((...args: any[]) => any) | undefined;
     "onUpdate:checkedRows"?: ((...args: any[]) => any) | undefined;
     "onDetails-open"?: ((...args: any[]) => any) | undefined;
     "onDetails-close"?: ((...args: any[]) => any) | undefined;
     "onUpdate:openedDetailed"?: ((...args: any[]) => any) | undefined;
+    "onCell-click"?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "xs" | "sm" | "md" | "lg" | "xl";
     loading: boolean;
     sortField: string;
     sortDirection: string;
+    rowTo: ((row: CollectionItem) => RouteLocationRaw) | undefined;
+    rowHref: ((row: CollectionItem) => string) | undefined;
+    onRowClick: ((row: CollectionItem, index: number, event: MouseEvent) => void) | undefined;
     detailed: boolean;
     hasDetailedVisible: Function;
     checkable: boolean;
@@ -204,8 +222,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isRowCheckable: Function;
     maxHeight: number;
     data: Row[];
-    visibleColumns: number[];
-    checkboxPosition: "right" | "left";
+    visibleColumns: string[];
     detailTransition: string;
 }, {}>, {
     default?(_: {}): any;
@@ -214,7 +231,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         index: number;
     }): any;
     empty?(_: {}): any;
-    loading?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/BaseTable.vue.d.ts

@@ -1,37 +1,60 @@
 import { ClassNameValue } from 'tailwind-merge';
-import { CellSpacing } from '../services/table/types';
+declare function scrollTop(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    spacing?: CellSpacing | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    fixedHeader?: boolean | undefined;
+    fixedColumn?: boolean | undefined;
     grid?: boolean | undefined;
     striped?: boolean | undefined;
     flush?: boolean | undefined;
     class?: ClassNameValue;
+    maxHeight?: number | undefined;
+    loading?: boolean | undefined;
 }>, {
-    spacing: string;
+    size: string;
+    fixedHeader: boolean;
+    fixedColumn: boolean;
     grid: boolean;
     striped: boolean;
     flush: boolean;
     class: undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    spacing?: CellSpacing | undefined;
+    maxHeight: undefined;
+    loading: boolean;
+}>, {
+    scrollTop: typeof scrollTop;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    fixedHeader?: boolean | undefined;
+    fixedColumn?: boolean | undefined;
     grid?: boolean | undefined;
     striped?: boolean | undefined;
     flush?: boolean | undefined;
     class?: ClassNameValue;
+    maxHeight?: number | undefined;
+    loading?: boolean | undefined;
 }>, {
-    spacing: string;
+    size: string;
+    fixedHeader: boolean;
+    fixedColumn: boolean;
     grid: boolean;
     striped: boolean;
     flush: boolean;
     class: undefined;
+    maxHeight: undefined;
+    loading: boolean;
 }>>>, {
     class: string | false | 0 | ClassNameValue[] | null;
-    spacing: CellSpacing;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    loading: boolean;
+    maxHeight: number;
+    fixedHeader: boolean;
+    fixedColumn: boolean;
     grid: boolean;
     striped: boolean;
     flush: boolean;
 }, {}>, {
     default?(_: {}): any;
+    loading?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/types/components/BaseTableCell.vue.d.ts

@@ -1,5 +1,6 @@
 import { RouteLocationRaw } from 'vue-router';
 import { ClassNameValue } from 'tailwind-merge';
+import { StyleValue } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     href?: string | undefined;
     to?: RouteLocationRaw | undefined;
@@ -8,6 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align?: "right" | "left" | "center" | undefined;
     colspan?: string | number | undefined;
     class?: ClassNameValue;
+    style?: StyleValue;
+    onClick?: ((e: MouseEvent) => void) | undefined;
+    ignoreRowInteractions?: boolean | undefined;
 }>, {
     href: undefined;
     to: undefined;
@@ -16,6 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align: string;
     colspan: undefined;
     class: undefined;
+    style: undefined;
+    onClick: undefined;
+    ignoreRowInteractions: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     href?: string | undefined;
     to?: RouteLocationRaw | undefined;
@@ -24,6 +31,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align?: "right" | "left" | "center" | undefined;
     colspan?: string | number | undefined;
     class?: ClassNameValue;
+    style?: StyleValue;
+    onClick?: ((e: MouseEvent) => void) | undefined;
+    ignoreRowInteractions?: boolean | undefined;
 }>, {
     href: undefined;
     to: undefined;
@@ -32,16 +42,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align: string;
     colspan: undefined;
     class: undefined;
+    style: undefined;
+    onClick: undefined;
+    ignoreRowInteractions: boolean;
 }>>>, {
     class: string | false | 0 | ClassNameValue[] | null;
+    onClick: (e: MouseEvent) => void;
     title: string;
     to: RouteLocationRaw;
     href: string;
+    ignoreRowInteractions: boolean;
     target: "_blank" | "_self" | "_parent" | "_top";
+    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
     align: "right" | "left" | "center";
     colspan: string | number;
 }, {}>, {
-    default?(_: {}): any;
+    default?(_: {
+        hover: boolean;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/types/components/BaseTableColumn.vue.d.ts

@@ -1,4 +1,6 @@
 import { PropType } from 'vue';
+import { BaseTableColumnData, CollectionItem } from '..';
+import { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue").DefineComponent<{
     label: {
         default: string;
@@ -8,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: (StringConstructor | NumberConstructor)[];
     };
+    class: {
+        default: string;
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
     field: {
         default: string;
         type: StringConstructor;
@@ -40,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    clickable: {
+    ignoreRowInteractions: {
         default: boolean;
         type: BooleanConstructor;
     };
@@ -60,6 +66,22 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: FunctionConstructor;
     };
+    to: {
+        default: undefined;
+        type: PropType<(row: CollectionItem) => RouteLocationRaw>;
+    };
+    href: {
+        default: undefined;
+        type: PropType<(row: CollectionItem) => string>;
+    };
+    target: {
+        default: undefined;
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+    };
+    onClick: {
+        default: undefined;
+        type: PropType<(row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void>;
+    };
     /** Adds native attributes to th :th-attrs="(column)" => ({})" */
     thAttrs: {
         type: FunctionConstructor;
@@ -90,6 +112,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: (StringConstructor | NumberConstructor)[];
     };
+    class: {
+        default: string;
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+    };
     field: {
         default: string;
         type: StringConstructor;
@@ -122,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    clickable: {
+    ignoreRowInteractions: {
         default: boolean;
         type: BooleanConstructor;
     };
@@ -142,6 +168,22 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: FunctionConstructor;
     };
+    to: {
+        default: undefined;
+        type: PropType<(row: CollectionItem) => RouteLocationRaw>;
+    };
+    href: {
+        default: undefined;
+        type: PropType<(row: CollectionItem) => string>;
+    };
+    target: {
+        default: undefined;
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+    };
+    onClick: {
+        default: undefined;
+        type: PropType<(row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void>;
+    };
     /** Adds native attributes to th :th-attrs="(column)" => ({})" */
     thAttrs: {
         type: FunctionConstructor;
@@ -153,7 +195,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    class: string | unknown[] | Record<string, any>;
+    onClick: (row: CollectionItem, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
+    to: (row: CollectionItem) => RouteLocationRaw;
     field: string;
+    href: (row: CollectionItem) => string;
     searchable: boolean;
     width: number;
     meta: unknown[] | Record<string, any>;
@@ -163,11 +209,12 @@ declare const _default: import("vue").DefineComponent<{
     numeric: boolean;
     position: "right" | "left" | "center";
     sortable: boolean;
-    clickable: boolean;
+    ignoreRowInteractions: boolean;
     toggle: boolean;
     toggleDefault: boolean;
     customSort: Function;
     customSearch: Function;
+    target: "_blank" | "_self" | "_parent" | "_top";
     thAttrs: Function;
     tdAttrs: Function;
 }, {}>;

package/dist/types/components/BaseTableHead.vue.d.ts

@@ -1,13 +1,14 @@
+import { ClassNameValue } from 'tailwind-merge';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    sticky?: boolean | undefined;
+    class?: ClassNameValue;
 }>, {
-    sticky: boolean;
+    class: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    sticky?: boolean | undefined;
+    class?: ClassNameValue;
 }>, {
-    sticky: boolean;
+    class: undefined;
 }>>>, {
-    sticky: boolean;
+    class: string | false | 0 | ClassNameValue[] | null;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/BaseTableHeader.vue.d.ts

@@ -1,22 +1,32 @@
 import { ClassNameValue } from 'tailwind-merge';
+import { StyleValue } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     class?: ClassNameValue;
+    style?: StyleValue;
     align?: "right" | "left" | "center" | undefined;
     colspan?: number | undefined;
 }>, {
     class: undefined;
+    style: undefined;
     align: string;
     colspan: undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     class?: ClassNameValue;
+    style?: StyleValue;
     align?: "right" | "left" | "center" | undefined;
     colspan?: number | undefined;
 }>, {
     class: undefined;
+    style: undefined;
     align: string;
     colspan: undefined;
-}>>>, {
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     class: string | false | 0 | ClassNameValue[] | null;
+    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
     align: "right" | "left" | "center";
     colspan: number;
 }, {}>, {