@citruslime/ui 3.0.1-beta.8 → 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/dist/citrus-lime-ui.es.js +3781 -2908
- package/dist/citrus-lime-ui.umd.js +2 -2
- package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts +18 -12
- package/dist/components/grid/body/cl-ui-grid-cell.vue.d.ts +3 -1
- package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts +3 -1
- package/dist/components/grid/header/cl-ui-grid-filter.vue.d.ts +3 -1
- package/dist/components/grid/header/cl-ui-grid-header.vue.d.ts +3 -1
- package/dist/components/grid/header/cl-ui-grid-method-selector.vue.d.ts +2 -0
- package/dist/components/grid/types.d.ts +2 -0
- package/dist/components/grid-lite/body/cl-ui-grid-lite-body-skeleton.vue.d.ts +19 -0
- package/dist/components/grid-lite/body/cl-ui-grid-lite-body.vue.d.ts +66 -0
- package/dist/components/grid-lite/body/cl-ui-grid-lite-cell.vue.d.ts +28 -0
- package/dist/components/grid-lite/body/cl-ui-grid-lite-row.vue.d.ts +32 -0
- package/dist/components/grid-lite/cl-ui-grid-lite.vue.d.ts +79 -0
- package/dist/components/grid-lite/footer/cl-ui-grid-lite-footer-skeleton.vue.d.ts +2 -0
- package/dist/components/grid-lite/footer/cl-ui-grid-lite-footer.vue.d.ts +53 -0
- package/dist/components/grid-lite/header/cl-ui-grid-lite-header.vue.d.ts +55 -0
- package/dist/components/grid-lite/index.d.ts +9 -0
- package/dist/components/grid-lite/types.d.ts +30 -0
- package/dist/components/grid-lite/utils.d.ts +8 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/input-v2/input-datetime/cl-ui-input-datetime.vue.d.ts +9 -0
- package/dist/components/input-v2/input-number/cl-ui-input-number.vue.d.ts +0 -2
- package/dist/components/select/cl-ui-select.vue.d.ts +102 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/select-input/cl-ui-select-input.vue.d.ts +23 -0
- package/dist/components/select/select-options/cl-ui-select-option.vue.d.ts +47 -0
- package/dist/components/select/types.d.ts +4 -0
- package/dist/style.css +1 -1
- package/dist/utils/dates.d.ts +2 -2
- package/dist/utils/i18n/numbers.d.ts +11 -0
- package/package.json +3 -3
|
@@ -34,19 +34,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
34
34
|
"onRow-edit-cancelled"?: ((args_0: GridUpdateModel) => any) | undefined;
|
|
35
35
|
}, {
|
|
36
36
|
editMode: boolean;
|
|
37
|
-
}, {}>, Readonly<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
}, {}>, Readonly<{
|
|
38
|
+
[key: string]: (props: import("../types").CellSlot & Partial<{
|
|
39
|
+
edited: boolean;
|
|
40
|
+
listEntries: import("../../index.js").ComboBoxItem[];
|
|
41
|
+
cellFocused: () => void;
|
|
42
|
+
}> & {
|
|
43
|
+
disabled: boolean;
|
|
44
|
+
}) => any;
|
|
45
|
+
noData: () => any;
|
|
41
46
|
}> & {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
[key: string]: (props: import("../types").CellSlot & Partial<{
|
|
48
|
+
edited: boolean;
|
|
49
|
+
listEntries: import("../../index.js").ComboBoxItem[];
|
|
50
|
+
cellFocused: () => void;
|
|
51
|
+
}> & {
|
|
52
|
+
disabled: boolean;
|
|
53
|
+
}) => any;
|
|
54
|
+
noData: () => any;
|
|
55
|
+
}>;
|
|
50
56
|
export default _default;
|
|
51
57
|
type __VLS_WithDefaults<P, D> = {
|
|
52
58
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { InputValueType } from '../../input';
|
|
2
|
-
import type { GridColumn, EditCellSlot } from '../types';
|
|
2
|
+
import type { GridColumn, EditCellSlot, GridConfig } from '../types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
4
4
|
data: Record<string, InputValueType>;
|
|
5
5
|
column: GridColumn<Record<string, unknown>>;
|
|
6
6
|
timeZone: string | null;
|
|
7
7
|
searchValue: string;
|
|
8
8
|
editMode?: boolean | undefined;
|
|
9
|
+
options: Partial<GridConfig>;
|
|
9
10
|
}>, {
|
|
10
11
|
editMode: boolean;
|
|
11
12
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
19
|
timeZone: string | null;
|
|
19
20
|
searchValue: string;
|
|
20
21
|
editMode?: boolean | undefined;
|
|
22
|
+
options: Partial<GridConfig>;
|
|
21
23
|
}>, {
|
|
22
24
|
editMode: boolean;
|
|
23
25
|
}>>> & {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import type { InputValueType } from '../../input';
|
|
2
|
-
import type { EditCellSlot, GridCellUpdateEvent, GridColumn } from '../types';
|
|
2
|
+
import type { EditCellSlot, GridCellUpdateEvent, GridColumn, GridConfig } from '../types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
4
4
|
data: Record<string, InputValueType>;
|
|
5
5
|
columns: GridColumn<Record<string, unknown>>[];
|
|
6
6
|
timeZone: string | null;
|
|
7
7
|
searchValue: string;
|
|
8
8
|
editMode?: boolean | undefined;
|
|
9
|
+
options: Partial<GridConfig>;
|
|
9
10
|
}>, {
|
|
10
11
|
editMode: boolean;
|
|
11
12
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
19
|
timeZone: string | null;
|
|
19
20
|
searchValue: string;
|
|
20
21
|
editMode?: boolean | undefined;
|
|
22
|
+
options: Partial<GridConfig>;
|
|
21
23
|
}>, {
|
|
22
24
|
editMode: boolean;
|
|
23
25
|
}>>> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { QuickDateName } from '../../calendar/quick-dates';
|
|
2
|
-
import type { FilterArg, GridColumn } from '../types';
|
|
2
|
+
import type { FilterArg, GridColumn, GridConfig } from '../types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
4
4
|
loading: boolean;
|
|
5
5
|
filter: FilterArg[] | undefined;
|
|
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
7
7
|
timeZone: string | null;
|
|
8
8
|
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
9
9
|
headerDisplayTimezone: string | null;
|
|
10
|
+
options: Partial<GridConfig>;
|
|
10
11
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
12
|
"update:filter": (args_0: FilterArg<Record<string, unknown>>[] | undefined) => void;
|
|
12
13
|
"perform-data-request": () => void;
|
|
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
17
18
|
timeZone: string | null;
|
|
18
19
|
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
19
20
|
headerDisplayTimezone: string | null;
|
|
21
|
+
options: Partial<GridConfig>;
|
|
20
22
|
}>>> & {
|
|
21
23
|
"onUpdate:filter"?: ((args_0: FilterArg<Record<string, unknown>>[] | undefined) => any) | undefined;
|
|
22
24
|
"onPerform-data-request"?: (() => any) | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FilterRequest, GridColumn } from '../types';
|
|
1
|
+
import type { FilterRequest, GridColumn, GridConfig } from '../types';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
3
3
|
request: FilterRequest;
|
|
4
4
|
columns: GridColumn[];
|
|
@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
6
6
|
filterPanelOpen: boolean;
|
|
7
7
|
timeZone: string | null;
|
|
8
8
|
headerDisplayTimezone: string | null;
|
|
9
|
+
options: Partial<GridConfig>;
|
|
9
10
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
11
|
"update:filterPanelOpen": (args_0: boolean) => void;
|
|
11
12
|
"update:request": (args_0: FilterRequest<Record<string, unknown>>) => void;
|
|
@@ -17,6 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
17
18
|
filterPanelOpen: boolean;
|
|
18
19
|
timeZone: string | null;
|
|
19
20
|
headerDisplayTimezone: string | null;
|
|
21
|
+
options: Partial<GridConfig>;
|
|
20
22
|
}>>> & {
|
|
21
23
|
"onUpdate:filterPanelOpen"?: ((args_0: boolean) => any) | undefined;
|
|
22
24
|
"onUpdate:request"?: ((args_0: FilterRequest<Record<string, unknown>>) => any) | undefined;
|
|
@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
5
5
|
defaultOperation: FilterOperation;
|
|
6
6
|
loading: boolean;
|
|
7
7
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
"selection-changed": () => void;
|
|
8
9
|
"update:filter": (args_0: FilterArg<Record<string, unknown>>) => void;
|
|
9
10
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
10
11
|
filter: FilterArg | undefined;
|
|
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
|
12
13
|
defaultOperation: FilterOperation;
|
|
13
14
|
loading: boolean;
|
|
14
15
|
}>>> & {
|
|
16
|
+
"onSelection-changed"?: (() => any) | undefined;
|
|
15
17
|
"onUpdate:filter"?: ((args_0: FilterArg<Record<string, unknown>>) => any) | undefined;
|
|
16
18
|
}, {}, {}>;
|
|
17
19
|
export default _default;
|
|
@@ -7,6 +7,8 @@ export interface GridConfig {
|
|
|
7
7
|
highlightRowSelection: boolean | 'cursor-pointer-only';
|
|
8
8
|
hideViewManager: boolean;
|
|
9
9
|
disableUnsavedChangesWarning: boolean;
|
|
10
|
+
hidePagination: boolean;
|
|
11
|
+
hideGridMobileView: boolean;
|
|
10
12
|
}
|
|
11
13
|
export declare const gridColumnTypes: readonly ["string", "boolean", "number", "date", "datetime", "dateRange", "list", "slot"];
|
|
12
14
|
export type GridColumnType = typeof gridColumnTypes[number];
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
2
|
+
pageSize: number;
|
|
3
|
+
columnCount: number;
|
|
4
|
+
gridLiteColumnCss: string;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
6
|
+
pageSize: number;
|
|
7
|
+
columnCount: number;
|
|
8
|
+
gridLiteColumnCss: string;
|
|
9
|
+
}>>>, {}, {}>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
12
|
+
type __VLS_TypePropsToOption<T> = {
|
|
13
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
14
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
15
|
+
} : {
|
|
16
|
+
type: import('vue').PropType<T[K]>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { FilterResponse } from '../../grid/types';
|
|
2
|
+
import type { InputValueType } from '../../input/types';
|
|
3
|
+
import type { GridLiteColumn, GridLiteConfig, GridSlot } from '../types';
|
|
4
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
5
|
+
columns: GridLiteColumn<Record<string, unknown>>[];
|
|
6
|
+
gridLiteColumnCss: string;
|
|
7
|
+
options: Partial<GridLiteConfig>;
|
|
8
|
+
gridId: string;
|
|
9
|
+
data?: FilterResponse<Record<string, InputValueType>> | null | undefined;
|
|
10
|
+
loading?: boolean | undefined;
|
|
11
|
+
pageSize?: number | undefined;
|
|
12
|
+
timeZone?: string | null | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
data: null;
|
|
15
|
+
loading: boolean;
|
|
16
|
+
pageSize: number;
|
|
17
|
+
timeZone: null;
|
|
18
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
19
|
+
columns: GridLiteColumn<Record<string, unknown>>[];
|
|
20
|
+
gridLiteColumnCss: string;
|
|
21
|
+
options: Partial<GridLiteConfig>;
|
|
22
|
+
gridId: string;
|
|
23
|
+
data?: FilterResponse<Record<string, InputValueType>> | null | undefined;
|
|
24
|
+
loading?: boolean | undefined;
|
|
25
|
+
pageSize?: number | undefined;
|
|
26
|
+
timeZone?: string | null | undefined;
|
|
27
|
+
}>, {
|
|
28
|
+
data: null;
|
|
29
|
+
loading: boolean;
|
|
30
|
+
pageSize: number;
|
|
31
|
+
timeZone: null;
|
|
32
|
+
}>>>, {
|
|
33
|
+
data: FilterResponse<Record<string, InputValueType>> | null;
|
|
34
|
+
loading: boolean;
|
|
35
|
+
pageSize: number;
|
|
36
|
+
timeZone: string | null;
|
|
37
|
+
}, {}>, Readonly<{
|
|
38
|
+
[key: string]: (props: GridSlot<any>) => any;
|
|
39
|
+
noData: () => any;
|
|
40
|
+
}> & {
|
|
41
|
+
[key: string]: (props: GridSlot<any>) => any;
|
|
42
|
+
noData: () => any;
|
|
43
|
+
}>;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithDefaults<P, D> = {
|
|
46
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
47
|
+
default: D[K];
|
|
48
|
+
}> : P[K];
|
|
49
|
+
};
|
|
50
|
+
type __VLS_Prettify<T> = {
|
|
51
|
+
[K in keyof T]: T[K];
|
|
52
|
+
} & {};
|
|
53
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
59
|
+
type __VLS_TypePropsToOption<T> = {
|
|
60
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
61
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
62
|
+
} : {
|
|
63
|
+
type: import('vue').PropType<T[K]>;
|
|
64
|
+
required: true;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { InputValueType } from '../../input/types';
|
|
2
|
+
import type { GridLiteColumn, GridSlot } from '../types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
4
|
+
data: Record<string, InputValueType>;
|
|
5
|
+
column: GridLiteColumn<Record<string, unknown>>;
|
|
6
|
+
timeZone: string | null;
|
|
7
|
+
isSmallGrid: boolean;
|
|
8
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
9
|
+
data: Record<string, InputValueType>;
|
|
10
|
+
column: GridLiteColumn<Record<string, unknown>>;
|
|
11
|
+
timeZone: string | null;
|
|
12
|
+
isSmallGrid: boolean;
|
|
13
|
+
}>>>, {}, {}>, Readonly<Record<string, (props: GridSlot<any>) => any>> & Record<string, (props: GridSlot<any>) => any>>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
21
|
+
type __VLS_TypePropsToOption<T> = {
|
|
22
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
23
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
24
|
+
} : {
|
|
25
|
+
type: import('vue').PropType<T[K]>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { InputValueType } from '../../input/types';
|
|
2
|
+
import type { GridLiteColumn, GridSlot } from '../types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
4
|
+
row: Record<string, InputValueType>;
|
|
5
|
+
columns: GridLiteColumn<Record<string, unknown>>[];
|
|
6
|
+
gridLiteColumnCss: string;
|
|
7
|
+
timeZone: string | null;
|
|
8
|
+
isSmallGrid: boolean;
|
|
9
|
+
gridId: string;
|
|
10
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
11
|
+
row: Record<string, InputValueType>;
|
|
12
|
+
columns: GridLiteColumn<Record<string, unknown>>[];
|
|
13
|
+
gridLiteColumnCss: string;
|
|
14
|
+
timeZone: string | null;
|
|
15
|
+
isSmallGrid: boolean;
|
|
16
|
+
gridId: string;
|
|
17
|
+
}>>>, {}, {}>, Readonly<Record<string, (props: GridSlot<any>) => any>> & Record<string, (props: GridSlot<any>) => any>>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
25
|
+
type __VLS_TypePropsToOption<T> = {
|
|
26
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
27
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
28
|
+
} : {
|
|
29
|
+
type: import('vue').PropType<T[K]>;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import type { FilterResponse } from '../grid/types';
|
|
2
|
+
import type { GridLiteColumn, GridLiteConfig, GridLiteRequest, GridSlot } from './types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
+
columns: {
|
|
5
|
+
required: true;
|
|
6
|
+
type: import("vue").PropType<GridLiteColumn<Record<string, unknown>>[]>;
|
|
7
|
+
};
|
|
8
|
+
request: {
|
|
9
|
+
required: true;
|
|
10
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
11
|
+
};
|
|
12
|
+
data: {
|
|
13
|
+
type: import("vue").PropType<FilterResponse<unknown> | null>;
|
|
14
|
+
default: null;
|
|
15
|
+
};
|
|
16
|
+
loading: {
|
|
17
|
+
type: import("vue").PropType<boolean>;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
dateFormatLocale: {
|
|
21
|
+
type: import("vue").PropType<string | null>;
|
|
22
|
+
default: null;
|
|
23
|
+
};
|
|
24
|
+
timeZone: {
|
|
25
|
+
type: import("vue").PropType<string | null>;
|
|
26
|
+
default: null;
|
|
27
|
+
};
|
|
28
|
+
options: {
|
|
29
|
+
type: import("vue").PropType<Partial<GridLiteConfig>>;
|
|
30
|
+
default: () => {};
|
|
31
|
+
};
|
|
32
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
|
+
"update:request": (request: GridLiteRequest<Record<string, unknown>>) => void;
|
|
34
|
+
"update:columns": (columns: GridLiteColumn<Record<string, unknown>>[]) => void;
|
|
35
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
|
+
columns: {
|
|
37
|
+
required: true;
|
|
38
|
+
type: import("vue").PropType<GridLiteColumn<Record<string, unknown>>[]>;
|
|
39
|
+
};
|
|
40
|
+
request: {
|
|
41
|
+
required: true;
|
|
42
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
43
|
+
};
|
|
44
|
+
data: {
|
|
45
|
+
type: import("vue").PropType<FilterResponse<unknown> | null>;
|
|
46
|
+
default: null;
|
|
47
|
+
};
|
|
48
|
+
loading: {
|
|
49
|
+
type: import("vue").PropType<boolean>;
|
|
50
|
+
default: boolean;
|
|
51
|
+
};
|
|
52
|
+
dateFormatLocale: {
|
|
53
|
+
type: import("vue").PropType<string | null>;
|
|
54
|
+
default: null;
|
|
55
|
+
};
|
|
56
|
+
timeZone: {
|
|
57
|
+
type: import("vue").PropType<string | null>;
|
|
58
|
+
default: null;
|
|
59
|
+
};
|
|
60
|
+
options: {
|
|
61
|
+
type: import("vue").PropType<Partial<GridLiteConfig>>;
|
|
62
|
+
default: () => {};
|
|
63
|
+
};
|
|
64
|
+
}>> & {
|
|
65
|
+
"onUpdate:request"?: ((request: GridLiteRequest<Record<string, unknown>>) => any) | undefined;
|
|
66
|
+
"onUpdate:columns"?: ((columns: GridLiteColumn<Record<string, unknown>>[]) => any) | undefined;
|
|
67
|
+
}, {
|
|
68
|
+
data: FilterResponse<unknown> | null;
|
|
69
|
+
loading: boolean;
|
|
70
|
+
dateFormatLocale: string | null;
|
|
71
|
+
timeZone: string | null;
|
|
72
|
+
options: Partial<GridLiteConfig>;
|
|
73
|
+
}, {}>, Readonly<Record<string, (props: GridSlot<any>) => any>> & Record<string, (props: GridSlot<any>) => any>>;
|
|
74
|
+
export default _default;
|
|
75
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
76
|
+
new (): {
|
|
77
|
+
$slots: S;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { FilterResponse } from '../../grid/types';
|
|
2
|
+
import type { GridLiteRequest } from '../types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
request: {
|
|
5
|
+
required: true;
|
|
6
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
7
|
+
};
|
|
8
|
+
data: {
|
|
9
|
+
type: import("vue").PropType<FilterResponse<unknown> | null>;
|
|
10
|
+
default: null;
|
|
11
|
+
};
|
|
12
|
+
loading: {
|
|
13
|
+
type: import("vue").PropType<boolean>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
gridId: {
|
|
17
|
+
type: import("vue").PropType<string>;
|
|
18
|
+
required: true;
|
|
19
|
+
};
|
|
20
|
+
isSmallGrid: {
|
|
21
|
+
type: import("vue").PropType<boolean>;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
+
"update:request": (request: GridLiteRequest<Record<string, unknown>>) => void;
|
|
26
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
request: {
|
|
28
|
+
required: true;
|
|
29
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
30
|
+
};
|
|
31
|
+
data: {
|
|
32
|
+
type: import("vue").PropType<FilterResponse<unknown> | null>;
|
|
33
|
+
default: null;
|
|
34
|
+
};
|
|
35
|
+
loading: {
|
|
36
|
+
type: import("vue").PropType<boolean>;
|
|
37
|
+
required: true;
|
|
38
|
+
};
|
|
39
|
+
gridId: {
|
|
40
|
+
type: import("vue").PropType<string>;
|
|
41
|
+
required: true;
|
|
42
|
+
};
|
|
43
|
+
isSmallGrid: {
|
|
44
|
+
type: import("vue").PropType<boolean>;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
}>> & {
|
|
48
|
+
"onUpdate:request"?: ((request: GridLiteRequest<Record<string, unknown>>) => any) | undefined;
|
|
49
|
+
}, {
|
|
50
|
+
data: FilterResponse<unknown> | null;
|
|
51
|
+
isSmallGrid: boolean;
|
|
52
|
+
}, {}>;
|
|
53
|
+
export default _default;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { GridLiteColumn, GridLiteRequest } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
request: {
|
|
4
|
+
required: true;
|
|
5
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
6
|
+
};
|
|
7
|
+
columns: {
|
|
8
|
+
type: import("vue").PropType<GridLiteColumn<Record<string, unknown>>[]>;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
gridLiteColumnCss: {
|
|
12
|
+
type: import("vue").PropType<string>;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
loading: {
|
|
16
|
+
type: import("vue").PropType<boolean>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
gridId: {
|
|
20
|
+
type: import("vue").PropType<string>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
isSmallGrid: {
|
|
24
|
+
type: import("vue").PropType<boolean>;
|
|
25
|
+
};
|
|
26
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
|
+
"update:request": (request: GridLiteRequest<Record<string, unknown>>) => void;
|
|
28
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
request: {
|
|
30
|
+
required: true;
|
|
31
|
+
type: import("vue").PropType<GridLiteRequest<Record<string, unknown>>>;
|
|
32
|
+
};
|
|
33
|
+
columns: {
|
|
34
|
+
type: import("vue").PropType<GridLiteColumn<Record<string, unknown>>[]>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
gridLiteColumnCss: {
|
|
38
|
+
type: import("vue").PropType<string>;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
loading: {
|
|
42
|
+
type: import("vue").PropType<boolean>;
|
|
43
|
+
required: true;
|
|
44
|
+
};
|
|
45
|
+
gridId: {
|
|
46
|
+
type: import("vue").PropType<string>;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
49
|
+
isSmallGrid: {
|
|
50
|
+
type: import("vue").PropType<boolean>;
|
|
51
|
+
};
|
|
52
|
+
}>> & {
|
|
53
|
+
"onUpdate:request"?: ((request: GridLiteRequest<Record<string, unknown>>) => any) | undefined;
|
|
54
|
+
}, {}, {}>;
|
|
55
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as clUiGridLite } from './cl-ui-grid-lite.vue';
|
|
2
|
+
export { default as clUiGridLiteHeader } from './header/cl-ui-grid-lite-header.vue';
|
|
3
|
+
export { default as clUiGridLiteBody } from './body/cl-ui-grid-lite-body.vue';
|
|
4
|
+
export { default as clUiGridLiteBodySkeleton } from './body/cl-ui-grid-lite-body-skeleton.vue';
|
|
5
|
+
export { default as clUiGridLiteRow } from './body/cl-ui-grid-lite-row.vue';
|
|
6
|
+
export { default as clUiGridLiteCell } from './body/cl-ui-grid-lite-cell.vue';
|
|
7
|
+
export { default as clUiGridLiteFooter } from './footer/cl-ui-grid-lite-footer.vue';
|
|
8
|
+
export { default as clUiGridLiteFooterSkeleton } from './footer/cl-ui-grid-lite-footer-skeleton.vue';
|
|
9
|
+
export * from './types';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { DateFormat, ExtendedNumberFormat, NumberFormat } from '../../utils';
|
|
2
|
+
import type { GridColumnListEntry, GridColumnType, SortArg, StringFormat } from '../grid/types';
|
|
3
|
+
export interface GridLiteRequest<T = Record<string, unknown>> {
|
|
4
|
+
pageNumber: number;
|
|
5
|
+
pageSize: number;
|
|
6
|
+
sort: SortArg<T> | null;
|
|
7
|
+
}
|
|
8
|
+
export interface GridLiteConfig {
|
|
9
|
+
showPagination: boolean;
|
|
10
|
+
alternatingRows: boolean;
|
|
11
|
+
smallGridText: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface GridLiteColumn<T = Record<string, unknown>> {
|
|
14
|
+
name: string;
|
|
15
|
+
type: GridColumnType;
|
|
16
|
+
field?: keyof (T);
|
|
17
|
+
caption?: string;
|
|
18
|
+
slotType?: Exclude<GridColumnType, 'slot'>;
|
|
19
|
+
slotContents?: string;
|
|
20
|
+
listType?: Exclude<GridColumnType, 'list' | 'slot' | 'date' | 'datetime' | 'dateRange' | 'boolean'>;
|
|
21
|
+
listEntries?: GridColumnListEntry[];
|
|
22
|
+
format?: StringFormat | DateFormat | NumberFormat | ExtendedNumberFormat;
|
|
23
|
+
maxLength?: number;
|
|
24
|
+
sortable?: boolean;
|
|
25
|
+
visible?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export interface GridSlot<T = any> {
|
|
28
|
+
column: GridLiteColumn<Record<string, unknown>>;
|
|
29
|
+
data: T;
|
|
30
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { GridLiteColumn } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Identifies if the provided column is able to be sorted by.
|
|
4
|
+
*
|
|
5
|
+
* @param column The column definition to check.
|
|
6
|
+
* @returns True, of the column can be sorted by; false, otherwise.
|
|
7
|
+
*/
|
|
8
|
+
export declare function isSortable(column: GridLiteColumn): boolean;
|
|
@@ -5,6 +5,7 @@ export * from './card';
|
|
|
5
5
|
export * from './combo-box';
|
|
6
6
|
export * from './footer';
|
|
7
7
|
export * from './grid';
|
|
8
|
+
export * from './grid-lite';
|
|
8
9
|
export * from './header';
|
|
9
10
|
export * from './input';
|
|
10
11
|
export * from './language-switcher';
|
|
@@ -18,3 +19,4 @@ export * from './calendar/quick-dates';
|
|
|
18
19
|
export * from './file-uploader';
|
|
19
20
|
export * from './input-v2';
|
|
20
21
|
export * from './toggle';
|
|
22
|
+
export * from './select';
|
|
@@ -43,6 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
43
43
|
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
44
44
|
default: string;
|
|
45
45
|
};
|
|
46
|
+
showPopover: {
|
|
47
|
+
type: import("vue").PropType<boolean>;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
46
50
|
}, {
|
|
47
51
|
focus(): void;
|
|
48
52
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -93,6 +97,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
93
97
|
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
94
98
|
default: string;
|
|
95
99
|
};
|
|
100
|
+
showPopover: {
|
|
101
|
+
type: import("vue").PropType<boolean>;
|
|
102
|
+
default: undefined;
|
|
103
|
+
};
|
|
96
104
|
}>> & {
|
|
97
105
|
onFocus?: (() => any) | undefined;
|
|
98
106
|
"onUpdate:modelValue"?: ((modelValue: string | null) => any) | undefined;
|
|
@@ -107,6 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
107
115
|
dateFormatLocale: string | null;
|
|
108
116
|
timeZone: string | null;
|
|
109
117
|
popoverPlacement: "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
118
|
+
showPopover: boolean;
|
|
110
119
|
}, {}>, Readonly<{
|
|
111
120
|
default: () => any;
|
|
112
121
|
}> & {
|
|
@@ -60,7 +60,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
60
60
|
"update:modelValue": (modelValue: number | null) => void;
|
|
61
61
|
focus: () => void;
|
|
62
62
|
blur: () => void;
|
|
63
|
-
keySinglePress: (args_0: string) => void;
|
|
64
63
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
64
|
modelValue: {
|
|
66
65
|
required: true;
|
|
@@ -117,7 +116,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
117
116
|
}>> & {
|
|
118
117
|
onFocus?: (() => any) | undefined;
|
|
119
118
|
onBlur?: (() => any) | undefined;
|
|
120
|
-
onKeySinglePress?: ((args_0: string) => any) | undefined;
|
|
121
119
|
"onUpdate:modelValue"?: ((modelValue: number | null) => any) | undefined;
|
|
122
120
|
}, {
|
|
123
121
|
disabled: boolean;
|