@citruslime/ui 3.0.0-beta.2 → 3.0.0-beta.21
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/README.md +4 -4
- package/dist/citrus-lime-ui.es.js +4429 -4832
- package/dist/citrus-lime-ui.umd.js +2 -12
- package/dist/components/calendar/cl-ui-calendar.vue.d.ts +5 -5
- package/dist/components/calendar/index.d.ts +1 -0
- package/dist/components/currency/cl-ui-currency-input.vue.d.ts +1 -1
- package/dist/components/grid/cl-ui-grid.vue.d.ts +1 -1
- package/dist/components/grid/footer/cl-ui-grid-footer.vue.d.ts +2 -0
- package/dist/components/grid/header/cl-ui-grid-filter.vue.d.ts +3 -19
- package/dist/components/grid/header/cl-ui-grid-method-selector.vue.d.ts +3 -19
- package/dist/components/grid/types.d.ts +4 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/components/input/cl-ui-input.vue.d.ts +31 -30
- package/dist/components/input/types.d.ts +1 -4
- package/dist/components/input-v2/index.d.ts +4 -0
- package/dist/components/input-v2/input-date-range/cl-ui-input-date-range-input.vue.d.ts +21 -0
- package/dist/components/input-v2/input-date-range/cl-ui-input-date-range.vue.d.ts +108 -0
- package/dist/components/input-v2/input-date-range/index.d.ts +3 -0
- package/dist/components/input-v2/input-date-range/types.d.ts +7 -0
- package/dist/components/input-v2/input-datetime/cl-ui-input-datetime.vue.d.ts +120 -0
- package/dist/components/input-v2/input-datetime/index.d.ts +2 -0
- package/dist/components/input-v2/input-datetime/types.d.ts +2 -0
- package/dist/components/input-v2/input-number/cl-ui-input-number.vue.d.ts +25 -25
- package/dist/components/input-v2/input-range/cl-ui-input-range.vue.d.ts +90 -0
- package/dist/components/input-v2/input-range/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/utils/dates.d.ts +84 -0
- package/dist/utils/i18n/numbers.d.ts +20 -0
- package/dist/utils/i18n/types.d.ts +3 -0
- package/package.json +51 -51
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DateRange } from '../input
|
|
1
|
+
import type { DateRange } from '../input-v2';
|
|
2
2
|
import type { QuickDateName } from './quick-dates';
|
|
3
3
|
import type { CalendarType } from './types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
11
11
|
timeZone?: string | null | undefined;
|
|
12
12
|
placeholder?: string | null | undefined;
|
|
13
13
|
initialDate?: string | null | undefined;
|
|
14
|
-
quickDateScope?: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
14
|
+
quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
|
|
15
15
|
dateFormatLocale?: string | null | undefined;
|
|
16
16
|
}>, {
|
|
17
17
|
type: string;
|
|
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
38
38
|
timeZone?: string | null | undefined;
|
|
39
39
|
placeholder?: string | null | undefined;
|
|
40
40
|
initialDate?: string | null | undefined;
|
|
41
|
-
quickDateScope?: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
41
|
+
quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
|
|
42
42
|
dateFormatLocale?: string | null | undefined;
|
|
43
43
|
}>, {
|
|
44
44
|
type: string;
|
|
@@ -60,10 +60,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
60
60
|
placeholder: string | null;
|
|
61
61
|
min: string | null;
|
|
62
62
|
max: string | null;
|
|
63
|
+
dateFormatLocale: string | null;
|
|
63
64
|
timeZone: string | null;
|
|
64
|
-
initialDate: string | null;
|
|
65
65
|
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
66
|
-
|
|
66
|
+
initialDate: string | null;
|
|
67
67
|
}, {}>;
|
|
68
68
|
export default _default;
|
|
69
69
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -43,9 +43,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
43
43
|
"onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
|
|
44
44
|
}, {
|
|
45
45
|
group: string;
|
|
46
|
+
step: number;
|
|
46
47
|
highlightWhenValid: boolean;
|
|
47
48
|
inputSpecificClasses: string;
|
|
48
|
-
step: number;
|
|
49
49
|
}, {}>;
|
|
50
50
|
export default _default;
|
|
51
51
|
type __VLS_WithDefaults<P, D> = {
|
|
@@ -51,8 +51,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
51
51
|
"onEdit-end"?: (() => any) | undefined;
|
|
52
52
|
}, {
|
|
53
53
|
data: FilterResponse<unknown> | null;
|
|
54
|
-
timeZone: string | null;
|
|
55
54
|
dateFormatLocale: string | null;
|
|
55
|
+
timeZone: string | null;
|
|
56
56
|
options: Partial<GridConfig>;
|
|
57
57
|
headerDisplayTimezone: string | null;
|
|
58
58
|
}, {}>, Readonly<Record<string, (props: import("./types").CellSlot & Partial<{
|
|
@@ -2,6 +2,7 @@ import type { FilterResponse, FilterRequest } from '../types';
|
|
|
2
2
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
3
3
|
request: FilterRequest;
|
|
4
4
|
loading: boolean;
|
|
5
|
+
showUnsavedChangesWarning: boolean;
|
|
5
6
|
data?: FilterResponse<unknown> | null | undefined;
|
|
6
7
|
}>, {
|
|
7
8
|
data: null;
|
|
@@ -10,6 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
10
11
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
11
12
|
request: FilterRequest;
|
|
12
13
|
loading: boolean;
|
|
14
|
+
showUnsavedChangesWarning: boolean;
|
|
13
15
|
data?: FilterResponse<unknown> | null | undefined;
|
|
14
16
|
}>, {
|
|
15
17
|
data: null;
|
|
@@ -1,41 +1,25 @@
|
|
|
1
1
|
import type { QuickDateName } from '../../calendar/quick-dates';
|
|
2
2
|
import type { FilterArg, GridColumn } from '../types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<
|
|
3
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
4
4
|
loading: boolean;
|
|
5
5
|
filter: FilterArg[] | undefined;
|
|
6
6
|
column: GridColumn;
|
|
7
7
|
timeZone: string | null;
|
|
8
8
|
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
9
|
-
firstHalf?: boolean | undefined;
|
|
10
9
|
headerDisplayTimezone: string | null;
|
|
11
|
-
}>, {
|
|
12
|
-
firstHalf: boolean;
|
|
13
10
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
11
|
"update:filter": (args_0: FilterArg<Record<string, unknown>>[] | undefined) => void;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
16
13
|
loading: boolean;
|
|
17
14
|
filter: FilterArg[] | undefined;
|
|
18
15
|
column: GridColumn;
|
|
19
16
|
timeZone: string | null;
|
|
20
17
|
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
21
|
-
firstHalf?: boolean | undefined;
|
|
22
18
|
headerDisplayTimezone: string | null;
|
|
23
|
-
}>, {
|
|
24
|
-
firstHalf: boolean;
|
|
25
19
|
}>>> & {
|
|
26
20
|
"onUpdate:filter"?: ((args_0: FilterArg<Record<string, unknown>>[] | undefined) => any) | undefined;
|
|
27
|
-
}, {
|
|
28
|
-
firstHalf: boolean;
|
|
29
|
-
}, {}>;
|
|
21
|
+
}, {}, {}>;
|
|
30
22
|
export default _default;
|
|
31
|
-
type __VLS_WithDefaults<P, D> = {
|
|
32
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
33
|
-
default: D[K];
|
|
34
|
-
}> : P[K];
|
|
35
|
-
};
|
|
36
|
-
type __VLS_Prettify<T> = {
|
|
37
|
-
[K in keyof T]: T[K];
|
|
38
|
-
} & {};
|
|
39
23
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
40
24
|
type __VLS_TypePropsToOption<T> = {
|
|
41
25
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,36 +1,20 @@
|
|
|
1
1
|
import { type FilterArg, FilterOperation, type GridColumn } from '../types';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
3
3
|
filter: FilterArg | undefined;
|
|
4
4
|
column: GridColumn;
|
|
5
5
|
defaultOperation: FilterOperation;
|
|
6
6
|
loading: boolean;
|
|
7
|
-
firstHalf?: boolean | undefined;
|
|
8
|
-
}>, {
|
|
9
|
-
firstHalf: boolean;
|
|
10
7
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
11
8
|
"update:filter": (args_0: FilterArg<Record<string, unknown>>) => void;
|
|
12
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
13
10
|
filter: FilterArg | undefined;
|
|
14
11
|
column: GridColumn;
|
|
15
12
|
defaultOperation: FilterOperation;
|
|
16
13
|
loading: boolean;
|
|
17
|
-
firstHalf?: boolean | undefined;
|
|
18
|
-
}>, {
|
|
19
|
-
firstHalf: boolean;
|
|
20
14
|
}>>> & {
|
|
21
15
|
"onUpdate:filter"?: ((args_0: FilterArg<Record<string, unknown>>) => any) | undefined;
|
|
22
|
-
}, {
|
|
23
|
-
firstHalf: boolean;
|
|
24
|
-
}, {}>;
|
|
16
|
+
}, {}, {}>;
|
|
25
17
|
export default _default;
|
|
26
|
-
type __VLS_WithDefaults<P, D> = {
|
|
27
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
28
|
-
default: D[K];
|
|
29
|
-
}> : P[K];
|
|
30
|
-
};
|
|
31
|
-
type __VLS_Prettify<T> = {
|
|
32
|
-
[K in keyof T]: T[K];
|
|
33
|
-
} & {};
|
|
34
18
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
35
19
|
type __VLS_TypePropsToOption<T> = {
|
|
36
20
|
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import type { DateFormat, NumberFormat } from '../../utils';
|
|
1
|
+
import type { DateFormat, ExtendedNumberFormat, NumberFormat } from '../../utils';
|
|
2
2
|
import type { QuickDateName } from '../calendar';
|
|
3
3
|
import type { ComboBoxItem } from '../combo-box';
|
|
4
4
|
import type { InputValueType } from '../input';
|
|
5
5
|
export interface GridConfig {
|
|
6
6
|
rowSelectionEnabled: boolean;
|
|
7
|
-
highlightRowSelection: boolean;
|
|
7
|
+
highlightRowSelection: boolean | 'cursor-pointer-only';
|
|
8
8
|
hideViewManager: boolean;
|
|
9
|
+
disableUnsavedChangesWarning: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare const gridColumnTypes: readonly ["string", "boolean", "number", "date", "datetime", "dateRange", "list", "slot"];
|
|
11
12
|
export type GridColumnType = typeof gridColumnTypes[number];
|
|
@@ -21,7 +22,7 @@ export interface GridColumn<T = Record<string, unknown>> {
|
|
|
21
22
|
slotType?: Exclude<GridColumnType, 'slot'>;
|
|
22
23
|
listType?: Exclude<GridColumnType, 'list' | 'slot' | 'date' | 'datetime' | 'dateRange' | 'boolean'>;
|
|
23
24
|
listEntries?: GridColumnListEntry[];
|
|
24
|
-
format?: StringFormat | DateFormat | NumberFormat;
|
|
25
|
+
format?: StringFormat | DateFormat | NumberFormat | ExtendedNumberFormat;
|
|
25
26
|
quickDateScope?: 'past' | 'future' | 'none' | QuickDateName[];
|
|
26
27
|
maxLength?: number;
|
|
27
28
|
visible?: boolean;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { CurrencyInputOptions } from 'vue-currency-input';
|
|
2
2
|
import type { QuickDateName } from '../calendar/quick-dates';
|
|
3
|
-
import type {
|
|
3
|
+
import type { DateRange } from '../input-v2';
|
|
4
|
+
import type { InputValidationState, InputType, InputValueType } from './types';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
5
|
-
inputType?: "number" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "reset" | "submit" | "url" | "
|
|
6
|
+
inputType?: "number" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "reset" | "submit" | "url" | "currency" | "datetime" | "dateRange" | undefined;
|
|
6
7
|
modelValue?: InputValueType;
|
|
7
8
|
label?: string | undefined;
|
|
8
9
|
isRequired?: boolean | undefined;
|
|
@@ -28,7 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
28
29
|
showValidationMessages?: boolean | undefined;
|
|
29
30
|
hideRequiredAsterisk?: boolean | undefined;
|
|
30
31
|
initialDate?: string | null | undefined;
|
|
31
|
-
quickDateScope?: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
32
|
+
quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
|
|
32
33
|
dateFormatLocale?: string | null | undefined;
|
|
33
34
|
currencyOptions?: CurrencyInputOptions | undefined;
|
|
34
35
|
}>, {
|
|
@@ -95,19 +96,19 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
95
96
|
type: import("vue").PropType<string | null>;
|
|
96
97
|
default: null;
|
|
97
98
|
};
|
|
98
|
-
|
|
99
|
+
dateFormatLocale: {
|
|
99
100
|
type: import("vue").PropType<string | null>;
|
|
100
101
|
default: null;
|
|
101
102
|
};
|
|
102
|
-
|
|
103
|
+
timeZone: {
|
|
103
104
|
type: import("vue").PropType<string | null>;
|
|
104
105
|
default: null;
|
|
105
106
|
};
|
|
106
107
|
quickDateScope: {
|
|
107
|
-
type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
108
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
108
109
|
default: null;
|
|
109
110
|
};
|
|
110
|
-
|
|
111
|
+
initialDate: {
|
|
111
112
|
type: import("vue").PropType<string | null>;
|
|
112
113
|
default: null;
|
|
113
114
|
};
|
|
@@ -144,19 +145,19 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
144
145
|
type: import("vue").PropType<string | null>;
|
|
145
146
|
default: null;
|
|
146
147
|
};
|
|
147
|
-
|
|
148
|
+
dateFormatLocale: {
|
|
148
149
|
type: import("vue").PropType<string | null>;
|
|
149
150
|
default: null;
|
|
150
151
|
};
|
|
151
|
-
|
|
152
|
+
timeZone: {
|
|
152
153
|
type: import("vue").PropType<string | null>;
|
|
153
154
|
default: null;
|
|
154
155
|
};
|
|
155
156
|
quickDateScope: {
|
|
156
|
-
type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
157
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
157
158
|
default: null;
|
|
158
159
|
};
|
|
159
|
-
|
|
160
|
+
initialDate: {
|
|
160
161
|
type: import("vue").PropType<string | null>;
|
|
161
162
|
default: null;
|
|
162
163
|
};
|
|
@@ -169,10 +170,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
169
170
|
placeholder: string | null;
|
|
170
171
|
min: string | null;
|
|
171
172
|
max: string | null;
|
|
173
|
+
dateFormatLocale: string | null;
|
|
172
174
|
timeZone: string | null;
|
|
175
|
+
quickDateScope: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
|
|
173
176
|
initialDate: string | null;
|
|
174
|
-
quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
|
|
175
|
-
dateFormatLocale: string | null;
|
|
176
177
|
}, {}> | import("vue").DefineComponent<{
|
|
177
178
|
value: {
|
|
178
179
|
required: true;
|
|
@@ -241,7 +242,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
241
242
|
"update:model-value": (args_0: InputValueType) => void;
|
|
242
243
|
validated: (args_0: boolean, args_1: InputValueType) => void;
|
|
243
244
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
|
|
244
|
-
inputType?: "number" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "reset" | "submit" | "url" | "
|
|
245
|
+
inputType?: "number" | "search" | "button" | "time" | "text" | "color" | "email" | "tel" | "password" | "checkbox" | "date" | "file" | "radio" | "range" | "reset" | "submit" | "url" | "currency" | "datetime" | "dateRange" | undefined;
|
|
245
246
|
modelValue?: InputValueType;
|
|
246
247
|
label?: string | undefined;
|
|
247
248
|
isRequired?: boolean | undefined;
|
|
@@ -267,7 +268,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
267
268
|
showValidationMessages?: boolean | undefined;
|
|
268
269
|
hideRequiredAsterisk?: boolean | undefined;
|
|
269
270
|
initialDate?: string | null | undefined;
|
|
270
|
-
quickDateScope?: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
271
|
+
quickDateScope?: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null | undefined;
|
|
271
272
|
dateFormatLocale?: string | null | undefined;
|
|
272
273
|
currencyOptions?: CurrencyInputOptions | undefined;
|
|
273
274
|
}>, {
|
|
@@ -333,19 +334,19 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
333
334
|
type: import("vue").PropType<string | null>;
|
|
334
335
|
default: null;
|
|
335
336
|
};
|
|
336
|
-
|
|
337
|
+
dateFormatLocale: {
|
|
337
338
|
type: import("vue").PropType<string | null>;
|
|
338
339
|
default: null;
|
|
339
340
|
};
|
|
340
|
-
|
|
341
|
+
timeZone: {
|
|
341
342
|
type: import("vue").PropType<string | null>;
|
|
342
343
|
default: null;
|
|
343
344
|
};
|
|
344
345
|
quickDateScope: {
|
|
345
|
-
type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
346
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
346
347
|
default: null;
|
|
347
348
|
};
|
|
348
|
-
|
|
349
|
+
initialDate: {
|
|
349
350
|
type: import("vue").PropType<string | null>;
|
|
350
351
|
default: null;
|
|
351
352
|
};
|
|
@@ -382,19 +383,19 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
382
383
|
type: import("vue").PropType<string | null>;
|
|
383
384
|
default: null;
|
|
384
385
|
};
|
|
385
|
-
|
|
386
|
+
dateFormatLocale: {
|
|
386
387
|
type: import("vue").PropType<string | null>;
|
|
387
388
|
default: null;
|
|
388
389
|
};
|
|
389
|
-
|
|
390
|
+
timeZone: {
|
|
390
391
|
type: import("vue").PropType<string | null>;
|
|
391
392
|
default: null;
|
|
392
393
|
};
|
|
393
394
|
quickDateScope: {
|
|
394
|
-
type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] |
|
|
395
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
395
396
|
default: null;
|
|
396
397
|
};
|
|
397
|
-
|
|
398
|
+
initialDate: {
|
|
398
399
|
type: import("vue").PropType<string | null>;
|
|
399
400
|
default: null;
|
|
400
401
|
};
|
|
@@ -407,10 +408,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
407
408
|
placeholder: string | null;
|
|
408
409
|
min: string | null;
|
|
409
410
|
max: string | null;
|
|
411
|
+
dateFormatLocale: string | null;
|
|
410
412
|
timeZone: string | null;
|
|
413
|
+
quickDateScope: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
|
|
411
414
|
initialDate: string | null;
|
|
412
|
-
quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | "none" | null;
|
|
413
|
-
dateFormatLocale: string | null;
|
|
414
415
|
}, {}> | import("vue").DefineComponent<{
|
|
415
416
|
value: {
|
|
416
417
|
required: true;
|
|
@@ -484,16 +485,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
484
485
|
group: string;
|
|
485
486
|
min: number | string | null;
|
|
486
487
|
max: number | string | null;
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
488
|
+
showArrows: boolean;
|
|
489
|
+
step: number;
|
|
490
490
|
dateFormatLocale: string | null;
|
|
491
|
+
timeZone: string | null;
|
|
491
492
|
isRequired: boolean;
|
|
493
|
+
quickDateScope: 'past' | 'future' | 'none' | QuickDateName[] | null;
|
|
494
|
+
initialDate: string | null;
|
|
492
495
|
currencyOptions: CurrencyInputOptions;
|
|
493
496
|
highlightWhenValid: boolean;
|
|
494
497
|
inputSpecificClasses: string;
|
|
495
|
-
step: number;
|
|
496
|
-
showArrows: boolean;
|
|
497
498
|
inputType: InputType;
|
|
498
499
|
customValidationFunction: (_name: string, _value: InputValueType) => InputValidationState;
|
|
499
500
|
onInputFunction: (_value: InputValueType) => InputValueType;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { DateRange } from '../input-v2';
|
|
1
2
|
export declare const inputTypes: readonly ["button", "checkbox", "color", "currency", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "url", "date", "datetime", "time", "dateRange"];
|
|
2
3
|
export type InputType = typeof inputTypes[number];
|
|
3
4
|
export type InputValueType = string | DateRange | number | boolean | null | undefined;
|
|
@@ -5,7 +6,3 @@ export interface InputValidationState {
|
|
|
5
6
|
valid: boolean;
|
|
6
7
|
message: string;
|
|
7
8
|
}
|
|
8
|
-
export interface DateRange {
|
|
9
|
-
start: string;
|
|
10
|
-
end: string;
|
|
11
|
-
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
|
|
2
|
+
required: boolean;
|
|
3
|
+
disabled: boolean;
|
|
4
|
+
dateRangeSelected: boolean;
|
|
5
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
+
[x: string]: (...args: unknown[]) => void;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
|
|
8
|
+
required: boolean;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
dateRangeSelected: boolean;
|
|
11
|
+
}>>>, {}, {}>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
14
|
+
type __VLS_TypePropsToOption<T> = {
|
|
15
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
16
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
17
|
+
} : {
|
|
18
|
+
type: import('vue').PropType<T[K]>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import type { DateRange } from './types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
3
|
+
modelValue: {
|
|
4
|
+
required: true;
|
|
5
|
+
type: import("vue").PropType<DateRange | null>;
|
|
6
|
+
};
|
|
7
|
+
disabled: {
|
|
8
|
+
type: import("vue").PropType<boolean>;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
required: {
|
|
12
|
+
type: import("vue").PropType<boolean>;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
15
|
+
minDate: {
|
|
16
|
+
type: import("vue").PropType<string | null>;
|
|
17
|
+
default: null;
|
|
18
|
+
};
|
|
19
|
+
maxDate: {
|
|
20
|
+
type: import("vue").PropType<string | null>;
|
|
21
|
+
default: null;
|
|
22
|
+
};
|
|
23
|
+
initialCalendarDate: {
|
|
24
|
+
type: import("vue").PropType<string | null>;
|
|
25
|
+
default: null;
|
|
26
|
+
};
|
|
27
|
+
dateFormatLocale: {
|
|
28
|
+
type: import("vue").PropType<string | null>;
|
|
29
|
+
default: null;
|
|
30
|
+
};
|
|
31
|
+
timeZone: {
|
|
32
|
+
type: import("vue").PropType<string | null>;
|
|
33
|
+
default: null;
|
|
34
|
+
};
|
|
35
|
+
popoverPlacement: {
|
|
36
|
+
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">;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
quickDateScope: {
|
|
40
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
41
|
+
default: null;
|
|
42
|
+
};
|
|
43
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
44
|
+
"update:modelValue": (modelValue: DateRange | null) => void;
|
|
45
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
46
|
+
modelValue: {
|
|
47
|
+
required: true;
|
|
48
|
+
type: import("vue").PropType<DateRange | null>;
|
|
49
|
+
};
|
|
50
|
+
disabled: {
|
|
51
|
+
type: import("vue").PropType<boolean>;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
54
|
+
required: {
|
|
55
|
+
type: import("vue").PropType<boolean>;
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
58
|
+
minDate: {
|
|
59
|
+
type: import("vue").PropType<string | null>;
|
|
60
|
+
default: null;
|
|
61
|
+
};
|
|
62
|
+
maxDate: {
|
|
63
|
+
type: import("vue").PropType<string | null>;
|
|
64
|
+
default: null;
|
|
65
|
+
};
|
|
66
|
+
initialCalendarDate: {
|
|
67
|
+
type: import("vue").PropType<string | null>;
|
|
68
|
+
default: null;
|
|
69
|
+
};
|
|
70
|
+
dateFormatLocale: {
|
|
71
|
+
type: import("vue").PropType<string | null>;
|
|
72
|
+
default: null;
|
|
73
|
+
};
|
|
74
|
+
timeZone: {
|
|
75
|
+
type: import("vue").PropType<string | null>;
|
|
76
|
+
default: null;
|
|
77
|
+
};
|
|
78
|
+
popoverPlacement: {
|
|
79
|
+
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">;
|
|
80
|
+
default: string;
|
|
81
|
+
};
|
|
82
|
+
quickDateScope: {
|
|
83
|
+
type: import("vue").PropType<"past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
|
|
84
|
+
default: null;
|
|
85
|
+
};
|
|
86
|
+
}>> & {
|
|
87
|
+
"onUpdate:modelValue"?: ((modelValue: DateRange | null) => any) | undefined;
|
|
88
|
+
}, {
|
|
89
|
+
disabled: boolean;
|
|
90
|
+
required: boolean;
|
|
91
|
+
minDate: string | null;
|
|
92
|
+
maxDate: string | null;
|
|
93
|
+
initialCalendarDate: string | null;
|
|
94
|
+
dateFormatLocale: string | null;
|
|
95
|
+
timeZone: string | null;
|
|
96
|
+
popoverPlacement: "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
97
|
+
quickDateScope: "past" | "future" | "none" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
|
|
98
|
+
}, {}>, Readonly<{
|
|
99
|
+
default: () => any;
|
|
100
|
+
}> & {
|
|
101
|
+
default: () => any;
|
|
102
|
+
}>;
|
|
103
|
+
export default _default;
|
|
104
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
105
|
+
new (): {
|
|
106
|
+
$slots: S;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const popoverPlacements: readonly ["auto", "auto-start", "auto-end", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"];
|
|
2
|
+
export type DateRangeCalendarType = 'dateRange';
|
|
3
|
+
export type PopoverPlacement = typeof popoverPlacements[number] | undefined;
|
|
4
|
+
export interface DateRange {
|
|
5
|
+
start: string;
|
|
6
|
+
end: string;
|
|
7
|
+
}
|