@zeedhi/teknisa-components-vuetify 3.0.0 → 3.0.1
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/.package.json +10 -7
- package/dist/teknisa-vuetify.css +1 -1
- package/dist/teknisa-vuetify.js +3777 -14
- package/package.json +3 -3
- package/src/components/index.ts +22 -0
- package/src/components/public.ts +14 -18
- package/src/components/tek-grid/TekGrid.ts +318 -0
- package/src/components/tek-grid/TekGrid.vue +235 -0
- package/src/components/tek-grid/column-filter/TekGridColumnFilter.ts +244 -0
- package/src/components/tek-grid/column-filter/TekGridColumnFilter.vue +93 -0
- package/src/components/tek-grid/column-header/TekGridHeaderRow.ts +147 -0
- package/src/components/tek-grid/column-header/TekGridHeaderRow.vue +78 -0
- package/src/components/tek-grid/columns-button/TekGridColumnsButton.ts +96 -0
- package/src/components/tek-grid/columns-button/TekGridColumnsButton.vue +273 -0
- package/src/components/tek-grid/columns-button/TekGridColumnsOptionsController.ts +470 -0
- package/src/components/tek-grid/columns-button/TekGridColumnsOptionsModal.ts +513 -0
- package/src/components/tek-grid/filter-button/TekGridFilterButton.ts +47 -0
- package/src/components/tek-grid/filter-button/TekGridFilterButton.vue +28 -0
- package/src/components/tek-grid/indentation/TekGridIndentation.ts +21 -0
- package/src/components/tek-grid/indentation/TekGridIndentation.vue +33 -0
- package/src/components/tek-grid/layout-options/TekGridLayoutOptions.ts +119 -0
- package/src/components/tek-grid/layout-options/TekGridLayoutOptions.vue +172 -0
- package/src/components/tek-grid/row/TekGridFooterRow.ts +62 -0
- package/src/components/tek-grid/row/TekGridFooterRow.vue +64 -0
- package/src/components/tek-grid/row/TekGridGroupRow.ts +65 -0
- package/src/components/tek-grid/row/TekGridGroupRow.vue +65 -0
- package/src/components/tek-user-info/TekUserInfo.ts +51 -0
- package/src/components/tek-user-info/TekUserInfo.vue +53 -0
- package/src/components/tek-user-info/TekUserInfoList.ts +39 -0
- package/src/components/tek-user-info/TekUserInfoList.vue +12 -0
- package/src/composables/useTableLayout.ts +290 -0
- package/src/utils/isArrayOperation.ts +5 -0
- package/types/components/public.d.ts +8 -1
- package/types/components/tek-grid/TekGrid.d.ts +7211 -0
- package/types/components/tek-grid/TekGrid.ts.d.ts +7211 -0
- package/types/components/tek-grid/column-filter/TekGridColumnFilter.d.ts +130 -0
- package/types/components/tek-grid/column-filter/TekGridColumnFilter.ts.d.ts +130 -0
- package/types/components/tek-grid/column-header/TekGridHeaderRow.d.ts +225 -0
- package/types/components/tek-grid/column-header/TekGridHeaderRow.ts.d.ts +225 -0
- package/types/components/tek-grid/columns-button/TekGridColumnsButton.d.ts +2432 -0
- package/types/components/tek-grid/columns-button/TekGridColumnsButton.ts.d.ts +2432 -0
- package/types/components/tek-grid/columns-button/TekGridColumnsOptionsController.d.ts +66 -0
- package/types/components/tek-grid/columns-button/TekGridColumnsOptionsModal.d.ts +9 -0
- package/types/components/tek-grid/filter-button/TekGridFilterButton.d.ts +2920 -0
- package/types/components/tek-grid/filter-button/TekGridFilterButton.ts.d.ts +2920 -0
- package/types/components/tek-grid/indentation/TekGridIndentation.d.ts +32 -0
- package/types/components/tek-grid/indentation/TekGridIndentation.ts.d.ts +32 -0
- package/types/components/tek-grid/layout-options/TekGridLayoutOptions.d.ts +1893 -0
- package/types/components/tek-grid/layout-options/TekGridLayoutOptions.ts.d.ts +1893 -0
- package/types/components/tek-grid/row/TekGridFooterRow.d.ts +90 -0
- package/types/components/tek-grid/row/TekGridFooterRow.ts.d.ts +90 -0
- package/types/components/tek-grid/row/TekGridGroupRow.d.ts +87 -0
- package/types/components/tek-grid/row/TekGridGroupRow.ts.d.ts +87 -0
- package/types/components/tek-user-info/TekUserInfo.d.ts +1940 -0
- package/types/components/tek-user-info/TekUserInfo.ts.d.ts +1940 -0
- package/types/components/tek-user-info/TekUserInfoList.d.ts +1015 -0
- package/types/components/tek-user-info/TekUserInfoList.ts.d.ts +1015 -0
- package/types/composables/useTableLayout.d.ts +26 -0
- package/types/utils/isArrayOperation.d.ts +2 -0
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { Input, Radio, Select } from '@zeedhi/common';
|
|
2
|
+
import { IDynamicFilterItem } from '@zeedhi/teknisa-components-common';
|
|
3
|
+
import { IEventParam } from '@zeedhi/core';
|
|
4
|
+
import { PropType } from 'vue';
|
|
5
|
+
export declare const TekGridColumnFilterProps: {
|
|
6
|
+
readonly hasFilterData: {
|
|
7
|
+
readonly type: BooleanConstructor;
|
|
8
|
+
readonly default: false;
|
|
9
|
+
};
|
|
10
|
+
readonly column: {
|
|
11
|
+
readonly type: ObjectConstructor;
|
|
12
|
+
readonly required: true;
|
|
13
|
+
};
|
|
14
|
+
readonly modelValue: {
|
|
15
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
16
|
+
readonly default: readonly [];
|
|
17
|
+
};
|
|
18
|
+
readonly instanceName: {
|
|
19
|
+
readonly type: StringConstructor;
|
|
20
|
+
readonly required: true;
|
|
21
|
+
};
|
|
22
|
+
readonly filterRelationsDatasource: {
|
|
23
|
+
readonly type: PropType<boolean | null>;
|
|
24
|
+
readonly required: false;
|
|
25
|
+
};
|
|
26
|
+
readonly filterOperationsDatasource: {
|
|
27
|
+
readonly type: PropType<boolean | null>;
|
|
28
|
+
readonly required: false;
|
|
29
|
+
};
|
|
30
|
+
readonly isHovering: {
|
|
31
|
+
readonly type: BooleanConstructor;
|
|
32
|
+
readonly default: false;
|
|
33
|
+
};
|
|
34
|
+
readonly multiple: {
|
|
35
|
+
readonly type: BooleanConstructor;
|
|
36
|
+
readonly required: true;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
type InputType = Input | Select | Radio;
|
|
40
|
+
declare const tekGridColumnFilter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
41
|
+
readonly hasFilterData: {
|
|
42
|
+
readonly type: BooleanConstructor;
|
|
43
|
+
readonly default: false;
|
|
44
|
+
};
|
|
45
|
+
readonly column: {
|
|
46
|
+
readonly type: ObjectConstructor;
|
|
47
|
+
readonly required: true;
|
|
48
|
+
};
|
|
49
|
+
readonly modelValue: {
|
|
50
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
51
|
+
readonly default: readonly [];
|
|
52
|
+
};
|
|
53
|
+
readonly instanceName: {
|
|
54
|
+
readonly type: StringConstructor;
|
|
55
|
+
readonly required: true;
|
|
56
|
+
};
|
|
57
|
+
readonly filterRelationsDatasource: {
|
|
58
|
+
readonly type: PropType<boolean | null>;
|
|
59
|
+
readonly required: false;
|
|
60
|
+
};
|
|
61
|
+
readonly filterOperationsDatasource: {
|
|
62
|
+
readonly type: PropType<boolean | null>;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
};
|
|
65
|
+
readonly isHovering: {
|
|
66
|
+
readonly type: BooleanConstructor;
|
|
67
|
+
readonly default: false;
|
|
68
|
+
};
|
|
69
|
+
readonly multiple: {
|
|
70
|
+
readonly type: BooleanConstructor;
|
|
71
|
+
readonly required: true;
|
|
72
|
+
};
|
|
73
|
+
}>, {
|
|
74
|
+
changeValue: (item: IDynamicFilterItem, index: number, { component }: IEventParam<InputType>) => void;
|
|
75
|
+
changeRelation: (index: number, { component }: IEventParam<InputType>) => void;
|
|
76
|
+
changeOperation: (index: number, { component }: IEventParam<InputType>) => void;
|
|
77
|
+
getValueInputName: (index: number) => string;
|
|
78
|
+
newFilter: {
|
|
79
|
+
relation: string;
|
|
80
|
+
operation: string;
|
|
81
|
+
value: any;
|
|
82
|
+
};
|
|
83
|
+
getComponentType: (operation: string) => any;
|
|
84
|
+
getComponentHint: (operation: string) => "" | "TEKGRID_MULTIPLE_VALUE_HINT";
|
|
85
|
+
modelWithIds: import("vue").ComputedRef<{
|
|
86
|
+
id: string;
|
|
87
|
+
item: IDynamicFilterItem;
|
|
88
|
+
}[]>;
|
|
89
|
+
getItemValue: (item: IDynamicFilterItem) => any;
|
|
90
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
91
|
+
readonly hasFilterData: {
|
|
92
|
+
readonly type: BooleanConstructor;
|
|
93
|
+
readonly default: false;
|
|
94
|
+
};
|
|
95
|
+
readonly column: {
|
|
96
|
+
readonly type: ObjectConstructor;
|
|
97
|
+
readonly required: true;
|
|
98
|
+
};
|
|
99
|
+
readonly modelValue: {
|
|
100
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
101
|
+
readonly default: readonly [];
|
|
102
|
+
};
|
|
103
|
+
readonly instanceName: {
|
|
104
|
+
readonly type: StringConstructor;
|
|
105
|
+
readonly required: true;
|
|
106
|
+
};
|
|
107
|
+
readonly filterRelationsDatasource: {
|
|
108
|
+
readonly type: PropType<boolean | null>;
|
|
109
|
+
readonly required: false;
|
|
110
|
+
};
|
|
111
|
+
readonly filterOperationsDatasource: {
|
|
112
|
+
readonly type: PropType<boolean | null>;
|
|
113
|
+
readonly required: false;
|
|
114
|
+
};
|
|
115
|
+
readonly isHovering: {
|
|
116
|
+
readonly type: BooleanConstructor;
|
|
117
|
+
readonly default: false;
|
|
118
|
+
};
|
|
119
|
+
readonly multiple: {
|
|
120
|
+
readonly type: BooleanConstructor;
|
|
121
|
+
readonly required: true;
|
|
122
|
+
};
|
|
123
|
+
}>> & Readonly<{
|
|
124
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
125
|
+
}>, {
|
|
126
|
+
readonly hasFilterData: boolean;
|
|
127
|
+
readonly modelValue: IDynamicFilterItem[];
|
|
128
|
+
readonly isHovering: boolean;
|
|
129
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
130
|
+
export default tekGridColumnFilter;
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { Input, Radio, Select } from '@zeedhi/common';
|
|
2
|
+
import { IDynamicFilterItem } from '@zeedhi/teknisa-components-common';
|
|
3
|
+
import { IEventParam } from '@zeedhi/core';
|
|
4
|
+
import { PropType } from 'vue';
|
|
5
|
+
export declare const TekGridColumnFilterProps: {
|
|
6
|
+
readonly hasFilterData: {
|
|
7
|
+
readonly type: BooleanConstructor;
|
|
8
|
+
readonly default: false;
|
|
9
|
+
};
|
|
10
|
+
readonly column: {
|
|
11
|
+
readonly type: ObjectConstructor;
|
|
12
|
+
readonly required: true;
|
|
13
|
+
};
|
|
14
|
+
readonly modelValue: {
|
|
15
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
16
|
+
readonly default: readonly [];
|
|
17
|
+
};
|
|
18
|
+
readonly instanceName: {
|
|
19
|
+
readonly type: StringConstructor;
|
|
20
|
+
readonly required: true;
|
|
21
|
+
};
|
|
22
|
+
readonly filterRelationsDatasource: {
|
|
23
|
+
readonly type: PropType<boolean | null>;
|
|
24
|
+
readonly required: false;
|
|
25
|
+
};
|
|
26
|
+
readonly filterOperationsDatasource: {
|
|
27
|
+
readonly type: PropType<boolean | null>;
|
|
28
|
+
readonly required: false;
|
|
29
|
+
};
|
|
30
|
+
readonly isHovering: {
|
|
31
|
+
readonly type: BooleanConstructor;
|
|
32
|
+
readonly default: false;
|
|
33
|
+
};
|
|
34
|
+
readonly multiple: {
|
|
35
|
+
readonly type: BooleanConstructor;
|
|
36
|
+
readonly required: true;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
type InputType = Input | Select | Radio;
|
|
40
|
+
declare const tekGridColumnFilter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
41
|
+
readonly hasFilterData: {
|
|
42
|
+
readonly type: BooleanConstructor;
|
|
43
|
+
readonly default: false;
|
|
44
|
+
};
|
|
45
|
+
readonly column: {
|
|
46
|
+
readonly type: ObjectConstructor;
|
|
47
|
+
readonly required: true;
|
|
48
|
+
};
|
|
49
|
+
readonly modelValue: {
|
|
50
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
51
|
+
readonly default: readonly [];
|
|
52
|
+
};
|
|
53
|
+
readonly instanceName: {
|
|
54
|
+
readonly type: StringConstructor;
|
|
55
|
+
readonly required: true;
|
|
56
|
+
};
|
|
57
|
+
readonly filterRelationsDatasource: {
|
|
58
|
+
readonly type: PropType<boolean | null>;
|
|
59
|
+
readonly required: false;
|
|
60
|
+
};
|
|
61
|
+
readonly filterOperationsDatasource: {
|
|
62
|
+
readonly type: PropType<boolean | null>;
|
|
63
|
+
readonly required: false;
|
|
64
|
+
};
|
|
65
|
+
readonly isHovering: {
|
|
66
|
+
readonly type: BooleanConstructor;
|
|
67
|
+
readonly default: false;
|
|
68
|
+
};
|
|
69
|
+
readonly multiple: {
|
|
70
|
+
readonly type: BooleanConstructor;
|
|
71
|
+
readonly required: true;
|
|
72
|
+
};
|
|
73
|
+
}>, {
|
|
74
|
+
changeValue: (item: IDynamicFilterItem, index: number, { component }: IEventParam<InputType>) => void;
|
|
75
|
+
changeRelation: (index: number, { component }: IEventParam<InputType>) => void;
|
|
76
|
+
changeOperation: (index: number, { component }: IEventParam<InputType>) => void;
|
|
77
|
+
getValueInputName: (index: number) => string;
|
|
78
|
+
newFilter: {
|
|
79
|
+
relation: string;
|
|
80
|
+
operation: string;
|
|
81
|
+
value: any;
|
|
82
|
+
};
|
|
83
|
+
getComponentType: (operation: string) => any;
|
|
84
|
+
getComponentHint: (operation: string) => "" | "TEKGRID_MULTIPLE_VALUE_HINT";
|
|
85
|
+
modelWithIds: import("vue").ComputedRef<{
|
|
86
|
+
id: string;
|
|
87
|
+
item: IDynamicFilterItem;
|
|
88
|
+
}[]>;
|
|
89
|
+
getItemValue: (item: IDynamicFilterItem) => any;
|
|
90
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
91
|
+
readonly hasFilterData: {
|
|
92
|
+
readonly type: BooleanConstructor;
|
|
93
|
+
readonly default: false;
|
|
94
|
+
};
|
|
95
|
+
readonly column: {
|
|
96
|
+
readonly type: ObjectConstructor;
|
|
97
|
+
readonly required: true;
|
|
98
|
+
};
|
|
99
|
+
readonly modelValue: {
|
|
100
|
+
readonly type: PropType<IDynamicFilterItem[]>;
|
|
101
|
+
readonly default: readonly [];
|
|
102
|
+
};
|
|
103
|
+
readonly instanceName: {
|
|
104
|
+
readonly type: StringConstructor;
|
|
105
|
+
readonly required: true;
|
|
106
|
+
};
|
|
107
|
+
readonly filterRelationsDatasource: {
|
|
108
|
+
readonly type: PropType<boolean | null>;
|
|
109
|
+
readonly required: false;
|
|
110
|
+
};
|
|
111
|
+
readonly filterOperationsDatasource: {
|
|
112
|
+
readonly type: PropType<boolean | null>;
|
|
113
|
+
readonly required: false;
|
|
114
|
+
};
|
|
115
|
+
readonly isHovering: {
|
|
116
|
+
readonly type: BooleanConstructor;
|
|
117
|
+
readonly default: false;
|
|
118
|
+
};
|
|
119
|
+
readonly multiple: {
|
|
120
|
+
readonly type: BooleanConstructor;
|
|
121
|
+
readonly required: true;
|
|
122
|
+
};
|
|
123
|
+
}>> & Readonly<{
|
|
124
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
125
|
+
}>, {
|
|
126
|
+
readonly hasFilterData: boolean;
|
|
127
|
+
readonly modelValue: IDynamicFilterItem[];
|
|
128
|
+
readonly isHovering: boolean;
|
|
129
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
130
|
+
export default tekGridColumnFilter;
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { Column, GridColumn } from '@zeedhi/common';
|
|
2
|
+
import { IDynamicFilterItem, TekGridColumn } from '@zeedhi/teknisa-components-common';
|
|
3
|
+
import { IDictionary } from '@zeedhi/core';
|
|
4
|
+
import { PropType, UnwrapRef } from 'vue';
|
|
5
|
+
import { ResizeParams, CalcWidth } from '@zeedhi/vuetify';
|
|
6
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
7
|
+
selectable: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
headerBackground: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
showSelectAll: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
allselectedState: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
default: number;
|
|
22
|
+
};
|
|
23
|
+
visibleColumns: {
|
|
24
|
+
type: PropType<GridColumn[]>;
|
|
25
|
+
default: () => never[];
|
|
26
|
+
};
|
|
27
|
+
dragColumns: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
headerCellTextColor: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
resizeColumns: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
getSortIcon: {
|
|
40
|
+
type: FunctionConstructor;
|
|
41
|
+
default: () => void;
|
|
42
|
+
};
|
|
43
|
+
isSorted: {
|
|
44
|
+
type: FunctionConstructor;
|
|
45
|
+
default: () => void;
|
|
46
|
+
};
|
|
47
|
+
toggleSort: {
|
|
48
|
+
type: FunctionConstructor;
|
|
49
|
+
default: () => void;
|
|
50
|
+
};
|
|
51
|
+
tableColumns: {
|
|
52
|
+
type: PropType<any[]>;
|
|
53
|
+
default: () => never[];
|
|
54
|
+
};
|
|
55
|
+
sortBy: {
|
|
56
|
+
type: PropType<any[]>;
|
|
57
|
+
default: () => never[];
|
|
58
|
+
};
|
|
59
|
+
disableCheckbox: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
sortable: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
name: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
modelValue: {
|
|
72
|
+
type: PropType<IDictionary<IDynamicFilterItem[]>>;
|
|
73
|
+
default: () => never[];
|
|
74
|
+
};
|
|
75
|
+
instanceName: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
required: true;
|
|
78
|
+
};
|
|
79
|
+
filterRelationsDatasource: {
|
|
80
|
+
type: (ObjectConstructor | null)[];
|
|
81
|
+
required: false;
|
|
82
|
+
};
|
|
83
|
+
filterOperationsDatasource: {
|
|
84
|
+
type: (ObjectConstructor | null)[];
|
|
85
|
+
required: false;
|
|
86
|
+
};
|
|
87
|
+
columnFilterButton: {
|
|
88
|
+
type: BooleanConstructor;
|
|
89
|
+
required: true;
|
|
90
|
+
};
|
|
91
|
+
columnHasFilter: {
|
|
92
|
+
type: PropType<(columnName: string) => boolean>;
|
|
93
|
+
required: true;
|
|
94
|
+
};
|
|
95
|
+
level: {
|
|
96
|
+
type: NumberConstructor;
|
|
97
|
+
default: number;
|
|
98
|
+
};
|
|
99
|
+
}>, {
|
|
100
|
+
calcWidth: CalcWidth;
|
|
101
|
+
resizeMousedown: (column: GridColumn, event: ResizeParams) => void;
|
|
102
|
+
resizeClick: (event: Event) => void;
|
|
103
|
+
findOrderIndex: (sortBy: readonly any[], column: UnwrapRef<Column>) => number;
|
|
104
|
+
updateModelValue: (columnName: string, value: IDynamicFilterItem[]) => void;
|
|
105
|
+
showFilterButton: (column: TekGridColumn) => boolean;
|
|
106
|
+
selectAllClick: (event: Event) => void;
|
|
107
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectAllClick" | "resizeMousedown" | "resizeClick" | "update:modelValue")[], "selectAllClick" | "resizeMousedown" | "resizeClick" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
108
|
+
selectable: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
headerBackground: {
|
|
113
|
+
type: StringConstructor;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
showSelectAll: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
120
|
+
allselectedState: {
|
|
121
|
+
type: NumberConstructor;
|
|
122
|
+
default: number;
|
|
123
|
+
};
|
|
124
|
+
visibleColumns: {
|
|
125
|
+
type: PropType<GridColumn[]>;
|
|
126
|
+
default: () => never[];
|
|
127
|
+
};
|
|
128
|
+
dragColumns: {
|
|
129
|
+
type: BooleanConstructor;
|
|
130
|
+
default: boolean;
|
|
131
|
+
};
|
|
132
|
+
headerCellTextColor: {
|
|
133
|
+
type: StringConstructor;
|
|
134
|
+
default: string;
|
|
135
|
+
};
|
|
136
|
+
resizeColumns: {
|
|
137
|
+
type: BooleanConstructor;
|
|
138
|
+
default: boolean;
|
|
139
|
+
};
|
|
140
|
+
getSortIcon: {
|
|
141
|
+
type: FunctionConstructor;
|
|
142
|
+
default: () => void;
|
|
143
|
+
};
|
|
144
|
+
isSorted: {
|
|
145
|
+
type: FunctionConstructor;
|
|
146
|
+
default: () => void;
|
|
147
|
+
};
|
|
148
|
+
toggleSort: {
|
|
149
|
+
type: FunctionConstructor;
|
|
150
|
+
default: () => void;
|
|
151
|
+
};
|
|
152
|
+
tableColumns: {
|
|
153
|
+
type: PropType<any[]>;
|
|
154
|
+
default: () => never[];
|
|
155
|
+
};
|
|
156
|
+
sortBy: {
|
|
157
|
+
type: PropType<any[]>;
|
|
158
|
+
default: () => never[];
|
|
159
|
+
};
|
|
160
|
+
disableCheckbox: {
|
|
161
|
+
type: BooleanConstructor;
|
|
162
|
+
default: boolean;
|
|
163
|
+
};
|
|
164
|
+
sortable: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
168
|
+
name: {
|
|
169
|
+
type: StringConstructor;
|
|
170
|
+
default: string;
|
|
171
|
+
};
|
|
172
|
+
modelValue: {
|
|
173
|
+
type: PropType<IDictionary<IDynamicFilterItem[]>>;
|
|
174
|
+
default: () => never[];
|
|
175
|
+
};
|
|
176
|
+
instanceName: {
|
|
177
|
+
type: StringConstructor;
|
|
178
|
+
required: true;
|
|
179
|
+
};
|
|
180
|
+
filterRelationsDatasource: {
|
|
181
|
+
type: (ObjectConstructor | null)[];
|
|
182
|
+
required: false;
|
|
183
|
+
};
|
|
184
|
+
filterOperationsDatasource: {
|
|
185
|
+
type: (ObjectConstructor | null)[];
|
|
186
|
+
required: false;
|
|
187
|
+
};
|
|
188
|
+
columnFilterButton: {
|
|
189
|
+
type: BooleanConstructor;
|
|
190
|
+
required: true;
|
|
191
|
+
};
|
|
192
|
+
columnHasFilter: {
|
|
193
|
+
type: PropType<(columnName: string) => boolean>;
|
|
194
|
+
required: true;
|
|
195
|
+
};
|
|
196
|
+
level: {
|
|
197
|
+
type: NumberConstructor;
|
|
198
|
+
default: number;
|
|
199
|
+
};
|
|
200
|
+
}>> & Readonly<{
|
|
201
|
+
onSelectAllClick?: ((...args: any[]) => any) | undefined;
|
|
202
|
+
onResizeMousedown?: ((...args: any[]) => any) | undefined;
|
|
203
|
+
onResizeClick?: ((...args: any[]) => any) | undefined;
|
|
204
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
205
|
+
}>, {
|
|
206
|
+
name: string;
|
|
207
|
+
sortable: boolean;
|
|
208
|
+
selectable: boolean;
|
|
209
|
+
headerBackground: string;
|
|
210
|
+
showSelectAll: boolean;
|
|
211
|
+
allselectedState: number;
|
|
212
|
+
visibleColumns: GridColumn[];
|
|
213
|
+
dragColumns: boolean;
|
|
214
|
+
headerCellTextColor: string;
|
|
215
|
+
resizeColumns: boolean;
|
|
216
|
+
getSortIcon: Function;
|
|
217
|
+
isSorted: Function;
|
|
218
|
+
toggleSort: Function;
|
|
219
|
+
tableColumns: any[];
|
|
220
|
+
sortBy: any[];
|
|
221
|
+
disableCheckbox: boolean;
|
|
222
|
+
modelValue: IDictionary<IDynamicFilterItem[]>;
|
|
223
|
+
level: number;
|
|
224
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
225
|
+
export default _default;
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
import { Column, GridColumn } from '@zeedhi/common';
|
|
2
|
+
import { IDynamicFilterItem, TekGridColumn } from '@zeedhi/teknisa-components-common';
|
|
3
|
+
import { IDictionary } from '@zeedhi/core';
|
|
4
|
+
import { PropType, UnwrapRef } from 'vue';
|
|
5
|
+
import { ResizeParams, CalcWidth } from '@zeedhi/vuetify';
|
|
6
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
7
|
+
selectable: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
headerBackground: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
showSelectAll: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
19
|
+
allselectedState: {
|
|
20
|
+
type: NumberConstructor;
|
|
21
|
+
default: number;
|
|
22
|
+
};
|
|
23
|
+
visibleColumns: {
|
|
24
|
+
type: PropType<GridColumn[]>;
|
|
25
|
+
default: () => never[];
|
|
26
|
+
};
|
|
27
|
+
dragColumns: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
headerCellTextColor: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
resizeColumns: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
getSortIcon: {
|
|
40
|
+
type: FunctionConstructor;
|
|
41
|
+
default: () => void;
|
|
42
|
+
};
|
|
43
|
+
isSorted: {
|
|
44
|
+
type: FunctionConstructor;
|
|
45
|
+
default: () => void;
|
|
46
|
+
};
|
|
47
|
+
toggleSort: {
|
|
48
|
+
type: FunctionConstructor;
|
|
49
|
+
default: () => void;
|
|
50
|
+
};
|
|
51
|
+
tableColumns: {
|
|
52
|
+
type: PropType<any[]>;
|
|
53
|
+
default: () => never[];
|
|
54
|
+
};
|
|
55
|
+
sortBy: {
|
|
56
|
+
type: PropType<any[]>;
|
|
57
|
+
default: () => never[];
|
|
58
|
+
};
|
|
59
|
+
disableCheckbox: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
sortable: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
name: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
modelValue: {
|
|
72
|
+
type: PropType<IDictionary<IDynamicFilterItem[]>>;
|
|
73
|
+
default: () => never[];
|
|
74
|
+
};
|
|
75
|
+
instanceName: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
required: true;
|
|
78
|
+
};
|
|
79
|
+
filterRelationsDatasource: {
|
|
80
|
+
type: (ObjectConstructor | null)[];
|
|
81
|
+
required: false;
|
|
82
|
+
};
|
|
83
|
+
filterOperationsDatasource: {
|
|
84
|
+
type: (ObjectConstructor | null)[];
|
|
85
|
+
required: false;
|
|
86
|
+
};
|
|
87
|
+
columnFilterButton: {
|
|
88
|
+
type: BooleanConstructor;
|
|
89
|
+
required: true;
|
|
90
|
+
};
|
|
91
|
+
columnHasFilter: {
|
|
92
|
+
type: PropType<(columnName: string) => boolean>;
|
|
93
|
+
required: true;
|
|
94
|
+
};
|
|
95
|
+
level: {
|
|
96
|
+
type: NumberConstructor;
|
|
97
|
+
default: number;
|
|
98
|
+
};
|
|
99
|
+
}>, {
|
|
100
|
+
calcWidth: CalcWidth;
|
|
101
|
+
resizeMousedown: (column: GridColumn, event: ResizeParams) => void;
|
|
102
|
+
resizeClick: (event: Event) => void;
|
|
103
|
+
findOrderIndex: (sortBy: readonly any[], column: UnwrapRef<Column>) => number;
|
|
104
|
+
updateModelValue: (columnName: string, value: IDynamicFilterItem[]) => void;
|
|
105
|
+
showFilterButton: (column: TekGridColumn) => boolean;
|
|
106
|
+
selectAllClick: (event: Event) => void;
|
|
107
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectAllClick" | "resizeMousedown" | "resizeClick" | "update:modelValue")[], "selectAllClick" | "resizeMousedown" | "resizeClick" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
108
|
+
selectable: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
headerBackground: {
|
|
113
|
+
type: StringConstructor;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
showSelectAll: {
|
|
117
|
+
type: BooleanConstructor;
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
120
|
+
allselectedState: {
|
|
121
|
+
type: NumberConstructor;
|
|
122
|
+
default: number;
|
|
123
|
+
};
|
|
124
|
+
visibleColumns: {
|
|
125
|
+
type: PropType<GridColumn[]>;
|
|
126
|
+
default: () => never[];
|
|
127
|
+
};
|
|
128
|
+
dragColumns: {
|
|
129
|
+
type: BooleanConstructor;
|
|
130
|
+
default: boolean;
|
|
131
|
+
};
|
|
132
|
+
headerCellTextColor: {
|
|
133
|
+
type: StringConstructor;
|
|
134
|
+
default: string;
|
|
135
|
+
};
|
|
136
|
+
resizeColumns: {
|
|
137
|
+
type: BooleanConstructor;
|
|
138
|
+
default: boolean;
|
|
139
|
+
};
|
|
140
|
+
getSortIcon: {
|
|
141
|
+
type: FunctionConstructor;
|
|
142
|
+
default: () => void;
|
|
143
|
+
};
|
|
144
|
+
isSorted: {
|
|
145
|
+
type: FunctionConstructor;
|
|
146
|
+
default: () => void;
|
|
147
|
+
};
|
|
148
|
+
toggleSort: {
|
|
149
|
+
type: FunctionConstructor;
|
|
150
|
+
default: () => void;
|
|
151
|
+
};
|
|
152
|
+
tableColumns: {
|
|
153
|
+
type: PropType<any[]>;
|
|
154
|
+
default: () => never[];
|
|
155
|
+
};
|
|
156
|
+
sortBy: {
|
|
157
|
+
type: PropType<any[]>;
|
|
158
|
+
default: () => never[];
|
|
159
|
+
};
|
|
160
|
+
disableCheckbox: {
|
|
161
|
+
type: BooleanConstructor;
|
|
162
|
+
default: boolean;
|
|
163
|
+
};
|
|
164
|
+
sortable: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
168
|
+
name: {
|
|
169
|
+
type: StringConstructor;
|
|
170
|
+
default: string;
|
|
171
|
+
};
|
|
172
|
+
modelValue: {
|
|
173
|
+
type: PropType<IDictionary<IDynamicFilterItem[]>>;
|
|
174
|
+
default: () => never[];
|
|
175
|
+
};
|
|
176
|
+
instanceName: {
|
|
177
|
+
type: StringConstructor;
|
|
178
|
+
required: true;
|
|
179
|
+
};
|
|
180
|
+
filterRelationsDatasource: {
|
|
181
|
+
type: (ObjectConstructor | null)[];
|
|
182
|
+
required: false;
|
|
183
|
+
};
|
|
184
|
+
filterOperationsDatasource: {
|
|
185
|
+
type: (ObjectConstructor | null)[];
|
|
186
|
+
required: false;
|
|
187
|
+
};
|
|
188
|
+
columnFilterButton: {
|
|
189
|
+
type: BooleanConstructor;
|
|
190
|
+
required: true;
|
|
191
|
+
};
|
|
192
|
+
columnHasFilter: {
|
|
193
|
+
type: PropType<(columnName: string) => boolean>;
|
|
194
|
+
required: true;
|
|
195
|
+
};
|
|
196
|
+
level: {
|
|
197
|
+
type: NumberConstructor;
|
|
198
|
+
default: number;
|
|
199
|
+
};
|
|
200
|
+
}>> & Readonly<{
|
|
201
|
+
onSelectAllClick?: ((...args: any[]) => any) | undefined;
|
|
202
|
+
onResizeMousedown?: ((...args: any[]) => any) | undefined;
|
|
203
|
+
onResizeClick?: ((...args: any[]) => any) | undefined;
|
|
204
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
205
|
+
}>, {
|
|
206
|
+
selectable: boolean;
|
|
207
|
+
headerBackground: string;
|
|
208
|
+
showSelectAll: boolean;
|
|
209
|
+
allselectedState: number;
|
|
210
|
+
visibleColumns: GridColumn[];
|
|
211
|
+
dragColumns: boolean;
|
|
212
|
+
headerCellTextColor: string;
|
|
213
|
+
resizeColumns: boolean;
|
|
214
|
+
getSortIcon: Function;
|
|
215
|
+
isSorted: Function;
|
|
216
|
+
toggleSort: Function;
|
|
217
|
+
tableColumns: any[];
|
|
218
|
+
sortBy: any[];
|
|
219
|
+
disableCheckbox: boolean;
|
|
220
|
+
sortable: boolean;
|
|
221
|
+
name: string;
|
|
222
|
+
modelValue: IDictionary<IDynamicFilterItem[]>;
|
|
223
|
+
level: number;
|
|
224
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
225
|
+
export default _default;
|