@aures5g/vue-component-library 3.6.6 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/table/UITable.vue.d.ts +38 -64
- package/dist/src/components/table/uiTable.const.d.ts +9 -1
- package/dist/src/components/table/uiTable.types.d.ts +16 -0
- package/dist/src/components/table/uiTable.utils.d.ts +1 -1
- package/dist/src/index.d.ts +2 -1
- package/dist/vue-component-library.js +837 -825
- package/dist/vue-component-library.umd.cjs +14 -14
- package/package.json +1 -1
|
@@ -1,72 +1,15 @@
|
|
|
1
1
|
import { type VNode } from 'vue';
|
|
2
|
-
import { type
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
readonly COLLAPSED: "collapsed";
|
|
6
|
-
readonly HIDDEN: "hidden";
|
|
7
|
-
readonly AUTO: "auto";
|
|
8
|
-
readonly MAJOR: "major";
|
|
9
|
-
};
|
|
10
|
-
export type FieldPlacements = (typeof FIELD_PLACEMENT)[keyof typeof FIELD_PLACEMENT];
|
|
11
|
-
export type Field = {
|
|
12
|
-
name: string;
|
|
13
|
-
header: string;
|
|
14
|
-
isSortable?: boolean;
|
|
15
|
-
hasHeaderFilter?: boolean;
|
|
16
|
-
width?: number;
|
|
17
|
-
placement?: FieldPlacements;
|
|
18
|
-
};
|
|
19
|
-
export type RowClickPayload = {
|
|
20
|
-
originalEvent: MouseEvent | KeyboardEvent;
|
|
21
|
-
data: Record<string, unknown>;
|
|
22
|
-
index: number;
|
|
23
|
-
};
|
|
24
|
-
declare const _default: typeof __VLS_export;
|
|
25
|
-
export default _default;
|
|
26
|
-
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
2
|
+
import { type SortDirections } from './uiTable.const';
|
|
3
|
+
import { type Field, type RowClickPayload } from '@/components/table/uiTable.types.ts';
|
|
4
|
+
type __VLS_Props = {
|
|
27
5
|
fields: Field[];
|
|
28
6
|
items: Record<string, unknown>[];
|
|
29
7
|
dataKey: string;
|
|
30
|
-
mode:
|
|
8
|
+
mode: 'divider-only' | 'in-container';
|
|
31
9
|
activeFilters: string[];
|
|
32
10
|
getRowClass?: (item: Record<string, unknown>) => unknown;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
field: string;
|
|
36
|
-
direction: SORT_DIRECTIONS;
|
|
37
|
-
};
|
|
38
|
-
activeRow?: number;
|
|
39
|
-
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
40
|
-
"update:sort": (value: {
|
|
41
|
-
field: string;
|
|
42
|
-
direction: SORT_DIRECTIONS;
|
|
43
|
-
} | null) => any;
|
|
44
|
-
"update:activeRow": (value: number) => any;
|
|
45
|
-
} & {
|
|
46
|
-
rowClick: (payload: RowClickPayload) => any;
|
|
47
|
-
rowDblclick: (payload: RowClickPayload) => any;
|
|
48
|
-
}, string, import("vue").PublicProps, Readonly<{
|
|
49
|
-
fields: Field[];
|
|
50
|
-
items: Record<string, unknown>[];
|
|
51
|
-
dataKey: string;
|
|
52
|
-
mode: "divider-only" | "in-container";
|
|
53
|
-
activeFilters: string[];
|
|
54
|
-
getRowClass?: (item: Record<string, unknown>) => unknown;
|
|
55
|
-
} & {
|
|
56
|
-
sort?: null | {
|
|
57
|
-
field: string;
|
|
58
|
-
direction: SORT_DIRECTIONS;
|
|
59
|
-
};
|
|
60
|
-
activeRow?: number;
|
|
61
|
-
}> & Readonly<{
|
|
62
|
-
"onUpdate:sort"?: ((value: {
|
|
63
|
-
field: string;
|
|
64
|
-
direction: SORT_DIRECTIONS;
|
|
65
|
-
} | null) => any) | undefined;
|
|
66
|
-
"onUpdate:activeRow"?: ((value: number) => any) | undefined;
|
|
67
|
-
onRowClick?: ((payload: RowClickPayload) => any) | undefined;
|
|
68
|
-
onRowDblclick?: ((payload: RowClickPayload) => any) | undefined;
|
|
69
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
11
|
+
};
|
|
12
|
+
type __VLS_Slots = {
|
|
70
13
|
filter?(props: {
|
|
71
14
|
field: string;
|
|
72
15
|
colIndex: number;
|
|
@@ -113,7 +56,38 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
|
113
56
|
data: Record<string, unknown>;
|
|
114
57
|
key: string;
|
|
115
58
|
}): VNode;
|
|
116
|
-
}
|
|
59
|
+
};
|
|
60
|
+
type __VLS_ModelProps = {
|
|
61
|
+
'sort'?: null | {
|
|
62
|
+
field: string;
|
|
63
|
+
direction: SortDirections;
|
|
64
|
+
};
|
|
65
|
+
'activeRow'?: number;
|
|
66
|
+
};
|
|
67
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
68
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
69
|
+
"update:sort": (value: {
|
|
70
|
+
field: string;
|
|
71
|
+
direction: SortDirections;
|
|
72
|
+
} | null) => any;
|
|
73
|
+
"update:activeRow": (value: number) => any;
|
|
74
|
+
} & {
|
|
75
|
+
rowClick: (payload: RowClickPayload) => any;
|
|
76
|
+
rowDblclick: (payload: RowClickPayload) => any;
|
|
77
|
+
rowSelect: (payload: RowClickPayload) => any;
|
|
78
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
79
|
+
onRowClick?: ((payload: RowClickPayload) => any) | undefined;
|
|
80
|
+
onRowDblclick?: ((payload: RowClickPayload) => any) | undefined;
|
|
81
|
+
onRowSelect?: ((payload: RowClickPayload) => any) | undefined;
|
|
82
|
+
"onUpdate:sort"?: ((value: {
|
|
83
|
+
field: string;
|
|
84
|
+
direction: SortDirections;
|
|
85
|
+
} | null) => any) | undefined;
|
|
86
|
+
"onUpdate:activeRow"?: ((value: number) => any) | undefined;
|
|
87
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
88
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
89
|
+
declare const _default: typeof __VLS_export;
|
|
90
|
+
export default _default;
|
|
117
91
|
type __VLS_WithSlots<T, S> = T & {
|
|
118
92
|
new (): {
|
|
119
93
|
$slots: S;
|
|
@@ -2,4 +2,12 @@ export declare const SORT_DIRECTION: {
|
|
|
2
2
|
readonly ASC: "asc";
|
|
3
3
|
readonly DESC: "desc";
|
|
4
4
|
};
|
|
5
|
-
export type
|
|
5
|
+
export type SortDirections = (typeof SORT_DIRECTION)[keyof typeof SORT_DIRECTION];
|
|
6
|
+
export declare const FIELD_PLACEMENT: {
|
|
7
|
+
readonly FEATURE: "feature";
|
|
8
|
+
readonly COLLAPSED: "collapsed";
|
|
9
|
+
readonly HIDDEN: "hidden";
|
|
10
|
+
readonly AUTO: "auto";
|
|
11
|
+
readonly MAJOR: "major";
|
|
12
|
+
};
|
|
13
|
+
export type FieldPlacements = (typeof FIELD_PLACEMENT)[keyof typeof FIELD_PLACEMENT];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
|
|
2
|
+
import type { FieldPlacements } from '@/components/table/uiTable.const.ts';
|
|
3
|
+
export type Field = {
|
|
4
|
+
name: string;
|
|
5
|
+
header: string;
|
|
6
|
+
icon?: FontAwesomeIconProps['icon'];
|
|
7
|
+
isSortable?: boolean;
|
|
8
|
+
hasHeaderFilter?: boolean;
|
|
9
|
+
width?: number;
|
|
10
|
+
placement?: FieldPlacements;
|
|
11
|
+
};
|
|
12
|
+
export type RowClickPayload = {
|
|
13
|
+
originalEvent: MouseEvent | KeyboardEvent;
|
|
14
|
+
data: Record<string, unknown>;
|
|
15
|
+
index: number;
|
|
16
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type Ref, type TemplateRef } from 'vue';
|
|
2
|
-
import type { Field } from './
|
|
2
|
+
import type { Field } from './uiTable.types';
|
|
3
3
|
export declare function useHeaderFilter(filterOverlayRef: TemplateRef<HTMLDivElement>): {
|
|
4
4
|
headerFilterOverlayActive: Ref<string | false, string | false>;
|
|
5
5
|
handleOnClose: () => void;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ import UIPersonList from './components/infoStrip/UIPersonList.vue';
|
|
|
31
31
|
import UIBrandLogo from './components/infoStrip/brandLogo/UIBrandLogo.vue';
|
|
32
32
|
import UIFab from './components/fab/UIFab.vue';
|
|
33
33
|
import UISegmentedButton from './components/segmentedButton/UISegmentedButton.vue';
|
|
34
|
-
import UITable
|
|
34
|
+
import UITable from './components/table/UITable.vue';
|
|
35
|
+
import type { Field, RowClickPayload } from './components/table/uiTable.types';
|
|
35
36
|
import { OverflowTooltip } from './directives/overflowTooltip';
|
|
36
37
|
export { ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy, UITabView, UITabPanel, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIInputChip, UIFilterChip, UITextField, UITextArea, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, UIInfoStrip, UIInfoStripSecondaryBox, UIPersonList, UIBrandLogo, UIFab, UISegmentedButton, UITable, type Field, type RowClickPayload, OverflowTooltip, };
|