cleek 2.11.43 → 3.0.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/cleek-styles/clear-app.styl +7 -0
- package/dist/cleek-styles/cleek-mixins.styl +3 -3
- package/dist/cleek-styles/tiny-tailwind/aspect-ratio.styl +6 -6
- package/dist/cleek-styles/tiny-tailwind/bg-color.styl +161 -161
- package/dist/cleek-styles/tiny-tailwind/border-color.styl +161 -161
- package/dist/cleek-styles/tiny-tailwind/border.styl +63 -63
- package/dist/cleek-styles/tiny-tailwind/flex-direction.styl +8 -8
- package/dist/cleek-styles/tiny-tailwind/flex-grow.styl +10 -10
- package/dist/cleek-styles/tiny-tailwind/font-size.styl +24 -24
- package/dist/cleek-styles/tiny-tailwind/grid.styl +87 -87
- package/dist/cleek-styles/tiny-tailwind/height.styl +96 -96
- package/dist/cleek-styles/tiny-tailwind/inset.styl +328 -328
- package/dist/cleek-styles/tiny-tailwind/leading.styl +28 -28
- package/dist/cleek-styles/tiny-tailwind/object-fit.styl +20 -20
- package/dist/cleek-styles/tiny-tailwind/opacity.styl +30 -30
- package/dist/cleek-styles/tiny-tailwind/pointer-events.styl +4 -4
- package/dist/cleek-styles/tiny-tailwind/shadow.styl +16 -16
- package/dist/cleek-styles/tiny-tailwind/size-constraints.styl +127 -127
- package/dist/cleek-styles/tiny-tailwind/text-color.styl +159 -159
- package/dist/cleek-styles/tiny-tailwind/text-decoration.styl +8 -8
- package/dist/cleek-styles/tiny-tailwind/text-overflow.styl +38 -38
- package/dist/cleek-styles/tiny-tailwind/text-transform.styl +8 -8
- package/dist/cleek-styles/tiny-tailwind/transition.styl +55 -55
- package/dist/cleek-styles/tiny-tailwind/user-select.styl +8 -8
- package/dist/cleek-styles/tiny-tailwind/visibility.styl +4 -4
- package/dist/cleek-styles/tiny-tailwind/z-index.styl +14 -14
- package/dist/main.cjs.js +1 -1
- package/dist/main.css +1 -1
- package/dist/main.es.js +2920 -2603
- package/dist/types/cleek-options/cleek-options.store.d.ts +0 -9
- package/dist/types/cleek-options/cleek-options.types.d.ts +1 -2
- package/dist/types/components/ck-card.vue.d.ts +1 -0
- package/dist/types/components/ck-chip.vue.d.ts +1 -3
- package/dist/types/components/ck-popup.vue.d.ts +2 -1
- package/dist/types/components/ck-select.vue.d.ts +0 -1
- package/dist/types/components/ck-table/ck-table-expand-btn.vue.d.ts +24 -0
- package/dist/types/components/ck-table/ck-table.vue.d.ts +33 -3
- package/dist/types/components/ck-table/ck-th.vue.d.ts +8 -1
- package/dist/types/components/ck-table/inner-components/ck-table__columns-manager.vue.d.ts +17 -7
- package/dist/types/components/ck-table/inner-components/ck-table__header-items.vue.d.ts +2 -0
- package/dist/types/components/ck-table/inner-components/ck-table__pagination.vue.d.ts +0 -4
- package/dist/types/components/ck-table/inner-components/ck-table__row.vue.d.ts +28 -0
- package/dist/types/components/ck-table/inner-components/ck-table__select-dropdown.vue.d.ts +80 -0
- package/dist/types/components/ck-tabs/ck-tabs.vue.d.ts +0 -1
- package/dist/types/components/ck-toggle-group/ck-toggle-group.vue.d.ts +1 -0
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/composables/use-table-row-expansion.composable.d.ts +3 -0
- package/dist/types/types/table.d.ts +20 -1
- package/package.json +80 -79
|
@@ -20,7 +20,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
20
20
|
textColor: import('./cleek-options.types').Color;
|
|
21
21
|
};
|
|
22
22
|
chip: {
|
|
23
|
-
type: import('./cleek-options.types').ChipType;
|
|
24
23
|
layout: import('./cleek-options.types').Layout;
|
|
25
24
|
};
|
|
26
25
|
div: {
|
|
@@ -72,7 +71,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
72
71
|
textColor: import('./cleek-options.types').Color;
|
|
73
72
|
};
|
|
74
73
|
chip: {
|
|
75
|
-
type: import('./cleek-options.types').ChipType;
|
|
76
74
|
layout: import('./cleek-options.types').Layout;
|
|
77
75
|
};
|
|
78
76
|
div: {
|
|
@@ -119,7 +117,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
119
117
|
textColor: import('./cleek-options.types').Color;
|
|
120
118
|
}>;
|
|
121
119
|
chipOptions: import('vue').ComputedRef<{
|
|
122
|
-
type: import('./cleek-options.types').ChipType;
|
|
123
120
|
layout: import('./cleek-options.types').Layout;
|
|
124
121
|
}>;
|
|
125
122
|
divOptions: import('vue').ComputedRef<{
|
|
@@ -172,7 +169,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
172
169
|
textColor: import('./cleek-options.types').Color;
|
|
173
170
|
};
|
|
174
171
|
chip: {
|
|
175
|
-
type: import('./cleek-options.types').ChipType;
|
|
176
172
|
layout: import('./cleek-options.types').Layout;
|
|
177
173
|
};
|
|
178
174
|
div: {
|
|
@@ -224,7 +220,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
224
220
|
textColor: import('./cleek-options.types').Color;
|
|
225
221
|
};
|
|
226
222
|
chip: {
|
|
227
|
-
type: import('./cleek-options.types').ChipType;
|
|
228
223
|
layout: import('./cleek-options.types').Layout;
|
|
229
224
|
};
|
|
230
225
|
div: {
|
|
@@ -271,7 +266,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
271
266
|
textColor: import('./cleek-options.types').Color;
|
|
272
267
|
}>;
|
|
273
268
|
chipOptions: import('vue').ComputedRef<{
|
|
274
|
-
type: import('./cleek-options.types').ChipType;
|
|
275
269
|
layout: import('./cleek-options.types').Layout;
|
|
276
270
|
}>;
|
|
277
271
|
divOptions: import('vue').ComputedRef<{
|
|
@@ -324,7 +318,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
324
318
|
textColor: import('./cleek-options.types').Color;
|
|
325
319
|
};
|
|
326
320
|
chip: {
|
|
327
|
-
type: import('./cleek-options.types').ChipType;
|
|
328
321
|
layout: import('./cleek-options.types').Layout;
|
|
329
322
|
};
|
|
330
323
|
div: {
|
|
@@ -376,7 +369,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
376
369
|
textColor: import('./cleek-options.types').Color;
|
|
377
370
|
};
|
|
378
371
|
chip: {
|
|
379
|
-
type: import('./cleek-options.types').ChipType;
|
|
380
372
|
layout: import('./cleek-options.types').Layout;
|
|
381
373
|
};
|
|
382
374
|
div: {
|
|
@@ -423,7 +415,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
|
|
|
423
415
|
textColor: import('./cleek-options.types').Color;
|
|
424
416
|
}>;
|
|
425
417
|
chipOptions: import('vue').ComputedRef<{
|
|
426
|
-
type: import('./cleek-options.types').ChipType;
|
|
427
418
|
layout: import('./cleek-options.types').Layout;
|
|
428
419
|
}>;
|
|
429
420
|
divOptions: import('vue').ComputedRef<{
|
|
@@ -6,10 +6,10 @@ export type IconPack = 'font-awesome' | 'feather' | 'cleek';
|
|
|
6
6
|
export type Lang = 'es' | 'en';
|
|
7
7
|
export type Layout = 'base' | 'rounded' | 'squared';
|
|
8
8
|
export type ButtonType = 'filled' | 'outlined' | 'flat' | 'soft';
|
|
9
|
-
export type ChipType = 'outlined' | 'filled' | 'shadow';
|
|
10
9
|
export type WidthBreaks = [number, string][];
|
|
11
10
|
export type InputType = 'text' | 'number' | 'date' | 'time' | 'password' | 'email';
|
|
12
11
|
export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
12
|
+
export type PopupSize = 's' | 'm' | 'l' | 'xl';
|
|
13
13
|
export type SizeInCSS = string;
|
|
14
14
|
export type TableVersion = 'default' | 'colored';
|
|
15
15
|
export type CleekOptions = {
|
|
@@ -33,7 +33,6 @@ export type CleekOptions = {
|
|
|
33
33
|
textColor: Color;
|
|
34
34
|
};
|
|
35
35
|
chip: {
|
|
36
|
-
type: ChipType;
|
|
37
36
|
layout: Layout;
|
|
38
37
|
};
|
|
39
38
|
div: {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { Align,
|
|
1
|
+
import { Align, Color, Icon, IconPack, Size, Layout } from '../cleek-options/cleek-options.types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
size?: Size;
|
|
4
4
|
color?: Color;
|
|
5
|
-
textColor?: Color;
|
|
6
5
|
align?: Align;
|
|
7
6
|
nowrap?: boolean;
|
|
8
7
|
icon?: Icon;
|
|
@@ -10,7 +9,6 @@ type __VLS_Props = {
|
|
|
10
9
|
iconPack?: IconPack;
|
|
11
10
|
clickable?: boolean;
|
|
12
11
|
group?: Align;
|
|
13
|
-
type?: ChipType;
|
|
14
12
|
layout?: Layout;
|
|
15
13
|
};
|
|
16
14
|
declare function __VLS_template(): {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Align, Color, Layout, ButtonType } from '../cleek-options/cleek-options.types';
|
|
1
|
+
import { Align, Color, Layout, ButtonType, PopupSize } from '../cleek-options/cleek-options.types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
title?: string;
|
|
4
4
|
topAlert?: string;
|
|
@@ -14,6 +14,7 @@ type __VLS_Props = {
|
|
|
14
14
|
notClose?: boolean;
|
|
15
15
|
preventCloseOnCancel?: boolean;
|
|
16
16
|
isLoading?: boolean;
|
|
17
|
+
size?: PopupSize;
|
|
17
18
|
width?: number;
|
|
18
19
|
maxWidth?: number;
|
|
19
20
|
layout?: Layout;
|
|
@@ -63,7 +63,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
63
63
|
reduceNameProp: string;
|
|
64
64
|
emptyOptionsMsg: string;
|
|
65
65
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
66
|
-
selectRef: HTMLSelectElement;
|
|
67
66
|
inputRef: HTMLInputElement;
|
|
68
67
|
dropdownRef: HTMLUListElement;
|
|
69
68
|
}, HTMLDivElement>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Icon, Size } from '../../cleek-options/cleek-options.types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
label?: string;
|
|
4
|
+
icon?: Icon;
|
|
5
|
+
size?: Size;
|
|
6
|
+
bordered?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ColumnItem } from '../../types/table';
|
|
2
|
-
import {
|
|
1
|
+
import { ColumnItem, TableColumnView, TableExpandMode, TableRowId, TableSort } from '../../types/table';
|
|
2
|
+
import { Color, Layout, TableVersion } from '../../cleek-options/cleek-options.types';
|
|
3
3
|
import { SelectedRows } from '../index';
|
|
4
4
|
type Columns = ColumnItem[] | object;
|
|
5
5
|
type CellPadding = 's' | 'm' | 'l' | 'none';
|
|
@@ -7,16 +7,22 @@ type __VLS_Props = {
|
|
|
7
7
|
rows: any[];
|
|
8
8
|
columns?: Columns;
|
|
9
9
|
hasColumnsManager?: boolean;
|
|
10
|
+
columnViews?: TableColumnView[];
|
|
11
|
+
isSelectionFiltered?: boolean;
|
|
12
|
+
selectionItemsLabel?: string;
|
|
13
|
+
expandMode?: TableExpandMode;
|
|
14
|
+
isRowExpandable?: (row: any) => boolean;
|
|
10
15
|
currentPage?: number;
|
|
11
16
|
itemsPerPage?: number;
|
|
12
17
|
listLength?: number;
|
|
13
|
-
paginationAlign?: Align;
|
|
14
18
|
search?: string;
|
|
19
|
+
searchPlaceholder?: string;
|
|
15
20
|
loadingText?: string;
|
|
16
21
|
isLoading?: boolean;
|
|
17
22
|
hideHeaderActions?: boolean;
|
|
18
23
|
hideRefreshBtn?: boolean;
|
|
19
24
|
hideItemsPerPage?: boolean;
|
|
25
|
+
hideColumnsHeader?: boolean;
|
|
20
26
|
darkMode?: boolean;
|
|
21
27
|
notFullWidth?: boolean;
|
|
22
28
|
striped?: boolean;
|
|
@@ -24,6 +30,7 @@ type __VLS_Props = {
|
|
|
24
30
|
cellPaddingY?: CellPadding;
|
|
25
31
|
noResultsText?: string;
|
|
26
32
|
notOverflow?: boolean;
|
|
33
|
+
minimal?: boolean;
|
|
27
34
|
layout?: Layout;
|
|
28
35
|
version?: TableVersion;
|
|
29
36
|
headerTextColor?: Color;
|
|
@@ -32,6 +39,9 @@ type __VLS_Props = {
|
|
|
32
39
|
};
|
|
33
40
|
type __VLS_PublicProps = {
|
|
34
41
|
'selectedRows'?: SelectedRows;
|
|
42
|
+
'expandedRows'?: TableRowId[];
|
|
43
|
+
'sortBy'?: TableSort | null;
|
|
44
|
+
'selectedColumnViewId'?: string | null;
|
|
35
45
|
} & __VLS_Props;
|
|
36
46
|
declare function __VLS_template(): {
|
|
37
47
|
attrs: Partial<{}>;
|
|
@@ -46,6 +56,13 @@ declare function __VLS_template(): {
|
|
|
46
56
|
row?(_: {
|
|
47
57
|
row: any;
|
|
48
58
|
rowIndex: number;
|
|
59
|
+
isExpandable: boolean;
|
|
60
|
+
isExpanded: boolean;
|
|
61
|
+
toggleExpansion: () => void;
|
|
62
|
+
}): any;
|
|
63
|
+
rowExpansion?(_: {
|
|
64
|
+
row: any;
|
|
65
|
+
rowIndex: number;
|
|
49
66
|
}): any;
|
|
50
67
|
footer?(_: {}): any;
|
|
51
68
|
mobile?(_: {}): any;
|
|
@@ -56,18 +73,31 @@ declare function __VLS_template(): {
|
|
|
56
73
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
57
74
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
58
75
|
"update:selectedRows": (value: SelectedRows) => any;
|
|
76
|
+
"update:expandedRows": (value: TableRowId[]) => any;
|
|
77
|
+
"update:sortBy": (value: TableSort) => any;
|
|
78
|
+
"update:selectedColumnViewId": (value: string) => any;
|
|
59
79
|
} & {
|
|
60
80
|
refreshList: (pageChange: boolean) => any;
|
|
61
81
|
"update:currentPage": (value: number) => any;
|
|
82
|
+
selectAllList: () => any;
|
|
62
83
|
"update:search": (value: string) => any;
|
|
84
|
+
createColumnView: (name: string, columnNames: string[]) => any;
|
|
85
|
+
columnViewColumnsChanged: (columnNames: string[]) => any;
|
|
63
86
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
64
87
|
onRefreshList?: (pageChange: boolean) => any;
|
|
65
88
|
"onUpdate:currentPage"?: (value: number) => any;
|
|
89
|
+
onSelectAllList?: () => any;
|
|
66
90
|
"onUpdate:search"?: (value: string) => any;
|
|
91
|
+
onCreateColumnView?: (name: string, columnNames: string[]) => any;
|
|
92
|
+
onColumnViewColumnsChanged?: (columnNames: string[]) => any;
|
|
67
93
|
"onUpdate:selectedRows"?: (value: SelectedRows) => any;
|
|
94
|
+
"onUpdate:expandedRows"?: (value: TableRowId[]) => any;
|
|
95
|
+
"onUpdate:sortBy"?: (value: TableSort) => any;
|
|
96
|
+
"onUpdate:selectedColumnViewId"?: (value: string) => any;
|
|
68
97
|
}>, {
|
|
69
98
|
darkMode: boolean;
|
|
70
99
|
isLoading: boolean;
|
|
100
|
+
expandMode: TableExpandMode;
|
|
71
101
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
72
102
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
73
103
|
export default _default;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { Align, Color } from '../../cleek-options/cleek-options.types';
|
|
2
|
+
import { TableSortDirection } from '../../types/table';
|
|
2
3
|
type __VLS_Props = {
|
|
3
4
|
align: Align;
|
|
4
5
|
minWidth: string;
|
|
5
6
|
textColor?: Color;
|
|
6
7
|
backgroundColor?: Color;
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
sortDirection?: TableSortDirection | null;
|
|
7
10
|
};
|
|
8
11
|
declare function __VLS_template(): {
|
|
9
12
|
attrs: Partial<{}>;
|
|
@@ -14,7 +17,11 @@ declare function __VLS_template(): {
|
|
|
14
17
|
rootEl: HTMLTableCellElement;
|
|
15
18
|
};
|
|
16
19
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
sortClick: () => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
onSortClick?: () => any;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCellElement>;
|
|
18
25
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
26
|
export default _default;
|
|
20
27
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,12 +1,22 @@
|
|
|
1
|
-
import { ColumnItem } from '../../../types/table';
|
|
1
|
+
import { ColumnItem, TableColumnView } from '../../../types/table';
|
|
2
|
+
import { Layout } from '../../../cleek-options/cleek-options.types';
|
|
2
3
|
type __VLS_Props = {
|
|
3
|
-
modelValue: boolean;
|
|
4
4
|
columns?: object;
|
|
5
5
|
columnsArray?: ColumnItem[];
|
|
6
|
+
views?: TableColumnView[];
|
|
7
|
+
layout?: Layout;
|
|
6
8
|
};
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
type __VLS_PublicProps = {
|
|
10
|
+
'selectedViewId'?: string | null;
|
|
11
|
+
} & __VLS_Props;
|
|
12
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
"update:selectedViewId": (value: string) => any;
|
|
14
|
+
} & {
|
|
15
|
+
createView: (name: string, columnNames: string[]) => any;
|
|
16
|
+
viewColumnsChanged: (columnNames: string[]) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
18
|
+
onCreateView?: (name: string, columnNames: string[]) => any;
|
|
19
|
+
onViewColumnsChanged?: (columnNames: string[]) => any;
|
|
20
|
+
"onUpdate:selectedViewId"?: (value: string) => any;
|
|
21
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
12
22
|
export default _default;
|
|
@@ -5,6 +5,7 @@ type __VLS_Props = {
|
|
|
5
5
|
layout: Layout;
|
|
6
6
|
version: TableVersion;
|
|
7
7
|
isLoading?: boolean;
|
|
8
|
+
searchPlaceholder?: string;
|
|
8
9
|
};
|
|
9
10
|
type __VLS_PublicProps = {
|
|
10
11
|
modelValue: string;
|
|
@@ -14,6 +15,7 @@ declare function __VLS_template(): {
|
|
|
14
15
|
slots: {
|
|
15
16
|
headerActionsLeft?(_: {}): any;
|
|
16
17
|
headerActionsRight?(_: {}): any;
|
|
18
|
+
header?(_: {}): any;
|
|
17
19
|
};
|
|
18
20
|
refs: {};
|
|
19
21
|
rootEl: HTMLDivElement;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import { Align, Layout } from '../../../cleek-options/cleek-options.types';
|
|
2
1
|
type __VLS_Props = {
|
|
3
2
|
totalPages: number;
|
|
4
3
|
currentPage: number;
|
|
5
|
-
align: Align;
|
|
6
|
-
itemsPerPage: number;
|
|
7
4
|
listLength: number;
|
|
8
|
-
layout: Layout;
|
|
9
5
|
};
|
|
10
6
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
7
|
refreshList: () => any;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
isExpandable: boolean;
|
|
3
|
+
isExpanded: boolean;
|
|
4
|
+
isSelected: boolean;
|
|
5
|
+
columnsCount: number;
|
|
6
|
+
};
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
expansion?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
18
|
+
toggleExpansion: () => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
|
+
onToggleExpansion?: () => any;
|
|
21
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
pageSelectionState: boolean | null;
|
|
3
|
+
pageCount: number;
|
|
4
|
+
selectedCount: number;
|
|
5
|
+
listLength?: number;
|
|
6
|
+
isSelectionFiltered?: boolean;
|
|
7
|
+
itemsLabel?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
10
|
+
selectPage: () => any;
|
|
11
|
+
selectAllList: () => any;
|
|
12
|
+
deselectAll: () => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
14
|
+
onSelectPage?: () => any;
|
|
15
|
+
onSelectAllList?: () => any;
|
|
16
|
+
onDeselectAll?: () => any;
|
|
17
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
18
|
+
dropdownRef: {
|
|
19
|
+
$: import('vue').ComponentInternalInstance;
|
|
20
|
+
$data: {};
|
|
21
|
+
$props: Partial<{}> & Omit<{
|
|
22
|
+
readonly align?: import('../../../cleek-options/cleek-options.types').Align;
|
|
23
|
+
readonly dark?: boolean;
|
|
24
|
+
readonly layout?: import('../../../cleek-options/cleek-options.types').Layout;
|
|
25
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
|
|
26
|
+
$attrs: import('vue').Attrs;
|
|
27
|
+
$refs: {
|
|
28
|
+
[x: string]: unknown;
|
|
29
|
+
} & {
|
|
30
|
+
dropdownRef: HTMLDivElement;
|
|
31
|
+
contentRef: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
$slots: Readonly<{
|
|
34
|
+
[name: string]: import('vue').Slot<any>;
|
|
35
|
+
}>;
|
|
36
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
37
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
38
|
+
$host: Element | null;
|
|
39
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
40
|
+
$el: HTMLDivElement;
|
|
41
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
42
|
+
align?: import('../../../cleek-options/cleek-options.types').Align;
|
|
43
|
+
dark?: boolean;
|
|
44
|
+
layout?: import('../../../cleek-options/cleek-options.types').Layout;
|
|
45
|
+
}> & Readonly<{}>, {
|
|
46
|
+
close: () => void;
|
|
47
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
48
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
49
|
+
created?: (() => void) | (() => void)[];
|
|
50
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
51
|
+
mounted?: (() => void) | (() => void)[];
|
|
52
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
53
|
+
updated?: (() => void) | (() => void)[];
|
|
54
|
+
activated?: (() => void) | (() => void)[];
|
|
55
|
+
deactivated?: (() => void) | (() => void)[];
|
|
56
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
57
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
58
|
+
destroyed?: (() => void) | (() => void)[];
|
|
59
|
+
unmounted?: (() => void) | (() => void)[];
|
|
60
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
61
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
62
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
63
|
+
};
|
|
64
|
+
$forceUpdate: () => void;
|
|
65
|
+
$nextTick: typeof import('vue').nextTick;
|
|
66
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
67
|
+
} & Readonly<{}> & Omit<Readonly<{
|
|
68
|
+
align?: import('../../../cleek-options/cleek-options.types').Align;
|
|
69
|
+
dark?: boolean;
|
|
70
|
+
layout?: import('../../../cleek-options/cleek-options.types').Layout;
|
|
71
|
+
}> & Readonly<{}>, "close"> & {
|
|
72
|
+
close: () => void;
|
|
73
|
+
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
74
|
+
$slots: {
|
|
75
|
+
trigger?(_: {}): any;
|
|
76
|
+
content?(_: {}): any;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
}, HTMLDivElement>;
|
|
80
|
+
export default _default;
|
|
@@ -17,6 +17,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
|
|
|
17
17
|
gap?: string;
|
|
18
18
|
multipleSelection?: boolean;
|
|
19
19
|
iconPack?: IconPack;
|
|
20
|
+
size?: "s" | "m";
|
|
20
21
|
}) & Partial<{}>> & import('vue').PublicProps;
|
|
21
22
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
22
23
|
attrs: any;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { TableSort } from '../types/table';
|
|
1
2
|
export { default as CkDatetimeShower } from './showers/ck-datetime-shower.vue';
|
|
2
3
|
export { default as CkTimeShower } from './showers/ck-time-shower.vue';
|
|
3
4
|
export { default as CkDropdown } from './ck-dropdown/ck-dropdown.vue';
|
|
4
5
|
export { default as CkNavbar } from './ck-navbar/ck-navbar.vue';
|
|
5
6
|
export { default as CkTable } from './ck-table/ck-table.vue';
|
|
6
7
|
export { default as CkPagination } from './ck-table/ck-pagination/ck-pagination.vue';
|
|
8
|
+
export { default as CkTableExpandBtn } from './ck-table/ck-table-expand-btn.vue';
|
|
7
9
|
export { default as CkTd } from './ck-table/ck-td.vue';
|
|
8
10
|
export { default as CkTh } from './ck-table/ck-th.vue';
|
|
9
11
|
export { default as CkTr } from './ck-table/ck-tr.vue';
|
|
@@ -34,6 +36,7 @@ export { default as CkTextarea } from './ck-textarea.vue';
|
|
|
34
36
|
export { default as CkTilePicker } from './ck-tile-picker.vue';
|
|
35
37
|
export { default as useWindowWidth } from '../hooks/windowWidth';
|
|
36
38
|
export { default as ckNotify } from './ck-notify/ck-notify';
|
|
39
|
+
export type { TableSort, TableSortDirection } from '../types/table';
|
|
37
40
|
export declare class TableData {
|
|
38
41
|
search: string;
|
|
39
42
|
currentPage: number;
|
|
@@ -41,6 +44,7 @@ export declare class TableData {
|
|
|
41
44
|
itemsPerPage: number;
|
|
42
45
|
isLoading: boolean;
|
|
43
46
|
isEmpty: boolean;
|
|
47
|
+
sortBy: TableSort | null;
|
|
44
48
|
constructor(itemsPerPage: number);
|
|
45
49
|
}
|
|
46
50
|
type RowId = number;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { Align, AlignVertical } from '../cleek-options/cleek-options.types';
|
|
2
3
|
export type ColumnItem = {
|
|
3
4
|
name: string;
|
|
4
5
|
title: string;
|
|
5
6
|
unchangeable: boolean;
|
|
6
7
|
isDisplayed: boolean;
|
|
7
8
|
neverDisplay?: boolean;
|
|
9
|
+
sortable?: boolean;
|
|
8
10
|
nowrap?: boolean;
|
|
9
11
|
block?: boolean;
|
|
10
12
|
overflowAuto?: boolean;
|
|
@@ -16,3 +18,20 @@ export type ColumnItem = {
|
|
|
16
18
|
maxWidth?: string;
|
|
17
19
|
maxHeight?: string;
|
|
18
20
|
};
|
|
21
|
+
export type TableColumnView = {
|
|
22
|
+
id: string;
|
|
23
|
+
name: string;
|
|
24
|
+
columnNames: string[];
|
|
25
|
+
};
|
|
26
|
+
export type TableRowId = string | number;
|
|
27
|
+
export type TableSortDirection = 'asc' | 'desc';
|
|
28
|
+
export type TableSort = {
|
|
29
|
+
column: string;
|
|
30
|
+
direction: TableSortDirection;
|
|
31
|
+
};
|
|
32
|
+
export type TableExpandMode = 'single' | 'multiple';
|
|
33
|
+
export type TableRowExpansion = {
|
|
34
|
+
isExpandable: Ref<boolean>;
|
|
35
|
+
isExpanded: Ref<boolean>;
|
|
36
|
+
toggleExpansion: () => void;
|
|
37
|
+
};
|