beeple-toolkit 0.1.0 → 1.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/beeple-toolkit.css +1 -1
- package/dist/beeple-toolkit.es.js +10581 -83
- package/dist/beeple-toolkit.umd.js +5 -1
- package/dist/components/Avatar/Avatar.vue.d.ts +8 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.vue.d.ts +5 -0
- package/dist/components/Button/Button.vue.d.ts +24 -22
- package/dist/components/CheckboxInput/CheckboxInput.vue.d.ts +14 -0
- package/dist/components/ContextCard/ContextCard.vue.d.ts +21 -0
- package/dist/components/DatePicker/DatePicker.vue.d.ts +53 -0
- package/dist/components/DatePicker/DatePickerActions.vue.d.ts +9 -0
- package/dist/components/DatePicker/DatePickerCalendarSection.vue.d.ts +36 -0
- package/dist/components/DatePicker/DatePickerHeader.vue.d.ts +20 -0
- package/dist/components/DatePicker/DatePickerNavigation.vue.d.ts +23 -0
- package/dist/components/DatePicker/DatePickerPanel.vue.d.ts +80 -0
- package/dist/components/DatePicker/DatePickerTimeSection.vue.d.ts +21 -0
- package/dist/components/DatePicker/dateUtils.d.ts +91 -0
- package/dist/components/DatePicker/locales.d.ts +24 -0
- package/dist/components/DropDown/DropDown.vue.d.ts +34 -0
- package/dist/components/DropDown/DropDownMenu.vue.d.ts +61 -0
- package/dist/components/DropDown/DropDownMenuItem.vue.d.ts +26 -0
- package/dist/components/DropDown/DropDownTrigger.vue.d.ts +40 -0
- package/dist/components/FilterButton/FilterButton.vue.d.ts +26 -0
- package/dist/components/FilterButton/FilterButtonTrigger.vue.d.ts +22 -0
- package/dist/components/Icon/Icon.vue.d.ts +8 -0
- package/dist/components/Input/Input.vue.d.ts +41 -0
- package/dist/components/KeyboardInput/KeyboardInput.vue.d.ts +13 -0
- package/dist/components/Label/Label.vue.d.ts +8 -0
- package/dist/components/Menu/Menu.vue.d.ts +24 -0
- package/dist/components/Modal/Modal.vue.d.ts +30 -0
- package/dist/components/ProgressBar/ProgressBar.vue.d.ts +11 -0
- package/dist/components/ProgressBar/index.d.ts +1 -0
- package/dist/components/RadioInput/RadioInput.vue.d.ts +12 -0
- package/dist/components/Slider/Slider.vue.d.ts +17 -0
- package/dist/components/StatusDot/StatusDot.vue.d.ts +9 -0
- package/dist/components/Switch/Switch.vue.d.ts +19 -0
- package/dist/components/Textarea/Textarea.vue.d.ts +17 -0
- package/dist/components/TimeInput/TimeInput.vue.d.ts +19 -0
- package/dist/components/Toast/Toast.vue.d.ts +17 -0
- package/dist/components/{Page/Page.vue.d.ts → Toast/ToastContainer.vue.d.ts} +1 -1
- package/dist/components/Tooltip/Tooltip.vue.d.ts +21 -0
- package/dist/components/Typography/Subtitle.vue.d.ts +17 -0
- package/dist/components/Typography/Text.vue.d.ts +20 -0
- package/dist/components/Typography/Title.vue.d.ts +17 -0
- package/dist/components/constants.d.ts +19 -0
- package/dist/components/index.d.ts +31 -3
- package/dist/components/types.d.ts +242 -0
- package/dist/main.d.ts +1 -0
- package/dist/stores/index.d.ts +2 -0
- package/dist/stores/toast.d.ts +142 -0
- package/package.json +33 -13
- package/dist/components/Header/Header.vue.d.ts +0 -17
- package/dist/favicon.ico +0 -0
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { AvatarProps } from '../types';
|
|
2
|
+
import './avatar.css';
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
|
|
4
|
+
size: "xxx-small" | "xx-small" | "x-small" | "small" | "medium" | "large";
|
|
5
|
+
alt: string;
|
|
6
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { BreadcrumbsProps } from '../types';
|
|
2
|
+
import './breadcrumbs.css';
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<BreadcrumbsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const _default: typeof __VLS_export;
|
|
5
|
+
export default _default;
|
|
@@ -1,28 +1,30 @@
|
|
|
1
|
+
import type { ButtonProps } from '../types';
|
|
2
|
+
import type { ButtonType, ButtonSize } from '../constants';
|
|
1
3
|
import './button.css';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
*/
|
|
10
|
-
primary?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* size of the button
|
|
13
|
-
*/
|
|
14
|
-
size?: 'small' | 'medium' | 'large';
|
|
15
|
-
/**
|
|
16
|
-
* background color of the button
|
|
17
|
-
*/
|
|
18
|
-
backgroundColor?: string;
|
|
4
|
+
declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
leadingIcon?: (props: typeof __VLS_10) => any;
|
|
7
|
+
} & {
|
|
8
|
+
textIcon?: (props: typeof __VLS_12) => any;
|
|
9
|
+
} & {
|
|
10
|
+
trailingIcon?: (props: typeof __VLS_14) => any;
|
|
19
11
|
};
|
|
20
|
-
declare const
|
|
21
|
-
click: (
|
|
22
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
23
|
-
onClick?: ((
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
13
|
+
click: (event: MouseEvent) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
|
|
15
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
24
16
|
}>, {
|
|
25
|
-
|
|
17
|
+
type: ButtonType;
|
|
18
|
+
size: ButtonSize;
|
|
19
|
+
iconVariant: "leading" | "text" | "trailing";
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
isLoading: boolean;
|
|
26
22
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
27
24
|
declare const _default: typeof __VLS_export;
|
|
28
25
|
export default _default;
|
|
26
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { CheckboxInputProps } from '../types';
|
|
2
|
+
import './checkbox.css';
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<CheckboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
4
|
+
"update:checked": (checked: boolean) => any;
|
|
5
|
+
change: (checked: boolean) => any;
|
|
6
|
+
}, string, import("vue").PublicProps, Readonly<CheckboxInputProps> & Readonly<{
|
|
7
|
+
"onUpdate:checked"?: ((checked: boolean) => any) | undefined;
|
|
8
|
+
onChange?: ((checked: boolean) => any) | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
checked: boolean;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ContextCardProps } from '../types';
|
|
2
|
+
import './contextCard.css';
|
|
3
|
+
declare var __VLS_1: {}, __VLS_15: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_1) => any;
|
|
6
|
+
} & {
|
|
7
|
+
content?: (props: typeof __VLS_15) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<ContextCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextCardProps> & Readonly<{}>, {
|
|
10
|
+
color: "light" | "dark";
|
|
11
|
+
position: "top-left" | "top-middle" | "top-right" | "bottom-left" | "bottom-middle" | "bottom-right" | "left-top" | "left-middle" | "left-bottom" | "right-top" | "right-middle" | "right-bottom";
|
|
12
|
+
delay: number;
|
|
13
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { DatePickerProps } from '../types';
|
|
2
|
+
import './datepicker.css';
|
|
3
|
+
declare var __VLS_1: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
trigger?: (props: typeof __VLS_1) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: import("vue").DefineComponent<DatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
8
|
+
"update:modelValue": (value: Date | {
|
|
9
|
+
start: Date;
|
|
10
|
+
end: Date;
|
|
11
|
+
} | {
|
|
12
|
+
date: Date;
|
|
13
|
+
startTime: Date;
|
|
14
|
+
endTime: Date;
|
|
15
|
+
} | null) => any;
|
|
16
|
+
change: (value: Date | {
|
|
17
|
+
start: Date;
|
|
18
|
+
end: Date;
|
|
19
|
+
} | {
|
|
20
|
+
date: Date;
|
|
21
|
+
startTime: Date;
|
|
22
|
+
endTime: Date;
|
|
23
|
+
} | null) => any;
|
|
24
|
+
}, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
|
|
25
|
+
"onUpdate:modelValue"?: ((value: Date | {
|
|
26
|
+
start: Date;
|
|
27
|
+
end: Date;
|
|
28
|
+
} | {
|
|
29
|
+
date: Date;
|
|
30
|
+
startTime: Date;
|
|
31
|
+
endTime: Date;
|
|
32
|
+
} | null) => any) | undefined;
|
|
33
|
+
onChange?: ((value: Date | {
|
|
34
|
+
start: Date;
|
|
35
|
+
end: Date;
|
|
36
|
+
} | {
|
|
37
|
+
date: Date;
|
|
38
|
+
startTime: Date;
|
|
39
|
+
endTime: Date;
|
|
40
|
+
} | null) => any) | undefined;
|
|
41
|
+
}>, {
|
|
42
|
+
locale: import("./locales").DatePickerLocale;
|
|
43
|
+
placeholder: string;
|
|
44
|
+
variant: import("../types").DatePickerVariant;
|
|
45
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
46
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
47
|
+
declare const _default: typeof __VLS_export;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
50
|
+
new (): {
|
|
51
|
+
$slots: S;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
2
|
+
cancel: () => any;
|
|
3
|
+
apply: () => any;
|
|
4
|
+
}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
|
|
5
|
+
onCancel?: (() => any) | undefined;
|
|
6
|
+
onApply?: (() => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { type CalendarDay } from './dateUtils';
|
|
2
|
+
import { type DatePickerLocale } from './locales';
|
|
3
|
+
interface DatePickerCalendarSectionProps {
|
|
4
|
+
inputValue: string;
|
|
5
|
+
inputEndValue?: string;
|
|
6
|
+
calendarDays: CalendarDay[];
|
|
7
|
+
isRange?: boolean;
|
|
8
|
+
isInputError?: boolean;
|
|
9
|
+
isInputEndError?: boolean;
|
|
10
|
+
locale?: DatePickerLocale;
|
|
11
|
+
}
|
|
12
|
+
declare const __VLS_export: import("vue").DefineComponent<DatePickerCalendarSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
13
|
+
"update:inputValue": (value: string) => any;
|
|
14
|
+
"update:inputEndValue": (value: string) => any;
|
|
15
|
+
inputEnter: () => any;
|
|
16
|
+
inputEndEnter: () => any;
|
|
17
|
+
inputBlur: () => any;
|
|
18
|
+
inputEndBlur: () => any;
|
|
19
|
+
selectDate: (date: Date) => any;
|
|
20
|
+
}, string, import("vue").PublicProps, Readonly<DatePickerCalendarSectionProps> & Readonly<{
|
|
21
|
+
"onUpdate:inputValue"?: ((value: string) => any) | undefined;
|
|
22
|
+
"onUpdate:inputEndValue"?: ((value: string) => any) | undefined;
|
|
23
|
+
onInputEnter?: (() => any) | undefined;
|
|
24
|
+
onInputEndEnter?: (() => any) | undefined;
|
|
25
|
+
onInputBlur?: (() => any) | undefined;
|
|
26
|
+
onInputEndBlur?: (() => any) | undefined;
|
|
27
|
+
onSelectDate?: ((date: Date) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
locale: DatePickerLocale;
|
|
30
|
+
inputEndValue: string;
|
|
31
|
+
isRange: boolean;
|
|
32
|
+
isInputError: boolean;
|
|
33
|
+
isInputEndError: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
declare const _default: typeof __VLS_export;
|
|
36
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type DatePickerLocale } from './locales';
|
|
2
|
+
interface DatePickerHeaderProps {
|
|
3
|
+
displayText: string;
|
|
4
|
+
locale?: DatePickerLocale;
|
|
5
|
+
}
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<DatePickerHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
|
+
previousYear: () => any;
|
|
8
|
+
previousMonth: () => any;
|
|
9
|
+
nextMonth: () => any;
|
|
10
|
+
nextYear: () => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<DatePickerHeaderProps> & Readonly<{
|
|
12
|
+
onPreviousYear?: (() => any) | undefined;
|
|
13
|
+
onPreviousMonth?: (() => any) | undefined;
|
|
14
|
+
onNextMonth?: (() => any) | undefined;
|
|
15
|
+
onNextYear?: (() => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
locale: DatePickerLocale;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const _default: typeof __VLS_export;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { DatePickerLocale } from './locales';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
locale?: DatePickerLocale;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
6
|
+
selectThisWeek: () => any;
|
|
7
|
+
selectPreviousWeek: () => any;
|
|
8
|
+
selectNextWeek: () => any;
|
|
9
|
+
selectThisMonth: () => any;
|
|
10
|
+
selectPreviousMonth: () => any;
|
|
11
|
+
selectNextMonth: () => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
13
|
+
onSelectThisWeek?: (() => any) | undefined;
|
|
14
|
+
onSelectPreviousWeek?: (() => any) | undefined;
|
|
15
|
+
onSelectNextWeek?: (() => any) | undefined;
|
|
16
|
+
onSelectThisMonth?: (() => any) | undefined;
|
|
17
|
+
onSelectPreviousMonth?: (() => any) | undefined;
|
|
18
|
+
onSelectNextMonth?: (() => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
locale: DatePickerLocale;
|
|
21
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: typeof __VLS_export;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { DatePickerVariant } from '../types';
|
|
2
|
+
import { type DatePickerLocale } from './locales';
|
|
3
|
+
export interface DatePickerPanelProps {
|
|
4
|
+
variant?: DatePickerVariant;
|
|
5
|
+
modelValue?: Date | {
|
|
6
|
+
start: Date;
|
|
7
|
+
end: Date;
|
|
8
|
+
} | {
|
|
9
|
+
date: Date;
|
|
10
|
+
startTime: Date;
|
|
11
|
+
endTime: Date;
|
|
12
|
+
} | null;
|
|
13
|
+
isShowActions?: boolean;
|
|
14
|
+
isExtended?: boolean;
|
|
15
|
+
minDate?: Date;
|
|
16
|
+
maxDate?: Date;
|
|
17
|
+
defaultStartHours?: string;
|
|
18
|
+
defaultStartMinutes?: string;
|
|
19
|
+
defaultEndHours?: string;
|
|
20
|
+
defaultEndMinutes?: string;
|
|
21
|
+
locale?: DatePickerLocale;
|
|
22
|
+
}
|
|
23
|
+
declare const __VLS_export: import("vue").DefineComponent<DatePickerPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
24
|
+
"update:modelValue": (value: Date | {
|
|
25
|
+
start: Date;
|
|
26
|
+
end: Date;
|
|
27
|
+
} | {
|
|
28
|
+
date: Date;
|
|
29
|
+
startTime: Date;
|
|
30
|
+
endTime: Date;
|
|
31
|
+
} | null) => any;
|
|
32
|
+
cancel: () => any;
|
|
33
|
+
apply: (value: Date | {
|
|
34
|
+
start: Date;
|
|
35
|
+
end: Date;
|
|
36
|
+
} | {
|
|
37
|
+
date: Date;
|
|
38
|
+
startTime: Date;
|
|
39
|
+
endTime: Date;
|
|
40
|
+
} | null) => any;
|
|
41
|
+
}, string, import("vue").PublicProps, Readonly<DatePickerPanelProps> & Readonly<{
|
|
42
|
+
"onUpdate:modelValue"?: ((value: Date | {
|
|
43
|
+
start: Date;
|
|
44
|
+
end: Date;
|
|
45
|
+
} | {
|
|
46
|
+
date: Date;
|
|
47
|
+
startTime: Date;
|
|
48
|
+
endTime: Date;
|
|
49
|
+
} | null) => any) | undefined;
|
|
50
|
+
onCancel?: (() => any) | undefined;
|
|
51
|
+
onApply?: ((value: Date | {
|
|
52
|
+
start: Date;
|
|
53
|
+
end: Date;
|
|
54
|
+
} | {
|
|
55
|
+
date: Date;
|
|
56
|
+
startTime: Date;
|
|
57
|
+
endTime: Date;
|
|
58
|
+
} | null) => any) | undefined;
|
|
59
|
+
}>, {
|
|
60
|
+
locale: DatePickerLocale;
|
|
61
|
+
modelValue: Date | {
|
|
62
|
+
start: Date;
|
|
63
|
+
end: Date;
|
|
64
|
+
} | {
|
|
65
|
+
date: Date;
|
|
66
|
+
startTime: Date;
|
|
67
|
+
endTime: Date;
|
|
68
|
+
} | null;
|
|
69
|
+
variant: DatePickerVariant;
|
|
70
|
+
isShowActions: boolean;
|
|
71
|
+
isExtended: boolean;
|
|
72
|
+
minDate: Date;
|
|
73
|
+
maxDate: Date;
|
|
74
|
+
defaultStartHours: string;
|
|
75
|
+
defaultStartMinutes: string;
|
|
76
|
+
defaultEndHours: string;
|
|
77
|
+
defaultEndMinutes: string;
|
|
78
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
79
|
+
declare const _default: typeof __VLS_export;
|
|
80
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { DatePickerVariant } from '../types';
|
|
2
|
+
interface DatePickerTimeSectionProps {
|
|
3
|
+
variant: DatePickerVariant;
|
|
4
|
+
startHours: string;
|
|
5
|
+
startMinutes: string;
|
|
6
|
+
endHours: string;
|
|
7
|
+
endMinutes: string;
|
|
8
|
+
}
|
|
9
|
+
declare const __VLS_export: import("vue").DefineComponent<DatePickerTimeSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
10
|
+
"update:startHours": (value: string) => any;
|
|
11
|
+
"update:startMinutes": (value: string) => any;
|
|
12
|
+
"update:endHours": (value: string) => any;
|
|
13
|
+
"update:endMinutes": (value: string) => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<DatePickerTimeSectionProps> & Readonly<{
|
|
15
|
+
"onUpdate:startHours"?: ((value: string) => any) | undefined;
|
|
16
|
+
"onUpdate:startMinutes"?: ((value: string) => any) | undefined;
|
|
17
|
+
"onUpdate:endHours"?: ((value: string) => any) | undefined;
|
|
18
|
+
"onUpdate:endMinutes"?: ((value: string) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import type { Locale } from 'date-fns';
|
|
2
|
+
import type { DatePickerVariant } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* Parses a date string in DD/MM/YYYY format
|
|
5
|
+
* @param dateStr - Date string to parse
|
|
6
|
+
* @returns Parsed date or null if invalid
|
|
7
|
+
*/
|
|
8
|
+
export declare function parseDateString(dateStr: string): Date | null;
|
|
9
|
+
/**
|
|
10
|
+
* Parses a date range string in format "DD/MM/YYYY - DD/MM/YYYY"
|
|
11
|
+
* @param rangeStr - Date range string to parse
|
|
12
|
+
* @returns Parsed range or null if invalid
|
|
13
|
+
*/
|
|
14
|
+
export declare function parseDateRangeString(rangeStr: string): {
|
|
15
|
+
start: Date;
|
|
16
|
+
end: Date;
|
|
17
|
+
} | null;
|
|
18
|
+
/**
|
|
19
|
+
* Parses a time string in HH:MM format
|
|
20
|
+
* @param timeStr - Time string to parse (e.g., "09:30")
|
|
21
|
+
* @returns Parsed hours and minutes or null if invalid
|
|
22
|
+
*/
|
|
23
|
+
export declare function parseTimeString(timeStr: string): {
|
|
24
|
+
hours: string;
|
|
25
|
+
minutes: string;
|
|
26
|
+
} | null;
|
|
27
|
+
/**
|
|
28
|
+
* Formats hours and minutes into HH:MM string
|
|
29
|
+
* @param hours - Hours (0-23)
|
|
30
|
+
* @param minutes - Minutes (0-59)
|
|
31
|
+
* @returns Formatted time string
|
|
32
|
+
*/
|
|
33
|
+
export declare function formatTimeString(hours: string, minutes: string): string;
|
|
34
|
+
/**
|
|
35
|
+
* Applies time mask to input value, formatting as HH:MM
|
|
36
|
+
* @param value - Raw input value
|
|
37
|
+
* @returns Formatted time string
|
|
38
|
+
*/
|
|
39
|
+
export declare function applyTimeMask(value: string): string;
|
|
40
|
+
/**
|
|
41
|
+
* Completes and validates partial time input
|
|
42
|
+
* @param inputValue - Raw input time value
|
|
43
|
+
* @param previousValue - Previous valid time value to fallback to
|
|
44
|
+
* @returns Object with formatted time and parsed hours/minutes, or null if invalid
|
|
45
|
+
*/
|
|
46
|
+
export declare function completeAndValidateTime(inputValue: string, previousValue: string): {
|
|
47
|
+
time: string;
|
|
48
|
+
hours: string;
|
|
49
|
+
minutes: string;
|
|
50
|
+
} | null;
|
|
51
|
+
/**
|
|
52
|
+
* Formats date input with validation and auto-formatting
|
|
53
|
+
* @param value - Raw input value
|
|
54
|
+
* @returns Formatted date string in DD/MM/YYYY format
|
|
55
|
+
*/
|
|
56
|
+
export declare function formatDateInput(value: string): string;
|
|
57
|
+
export interface CalendarDay {
|
|
58
|
+
date: Date;
|
|
59
|
+
day: string;
|
|
60
|
+
isCurrentMonth: boolean;
|
|
61
|
+
isToday: boolean;
|
|
62
|
+
isSelected: boolean;
|
|
63
|
+
isInRange: boolean;
|
|
64
|
+
isDisabled: boolean;
|
|
65
|
+
}
|
|
66
|
+
export interface DayGroup {
|
|
67
|
+
isRangeGroup: boolean;
|
|
68
|
+
days?: CalendarDay[];
|
|
69
|
+
day?: CalendarDay;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Groups calendar days into 5 rows × 7 columns with range highlighting
|
|
73
|
+
* @param calendarDays - Array of calendar days
|
|
74
|
+
* @returns Grouped days organized by weeks with range groups
|
|
75
|
+
*/
|
|
76
|
+
export declare function groupCalendarDays(calendarDays: CalendarDay[]): DayGroup[][];
|
|
77
|
+
/**
|
|
78
|
+
* Formats the display value for the date picker based on variant and model value
|
|
79
|
+
* @param modelValue - The current value of the date picker
|
|
80
|
+
* @param variant - The date picker variant
|
|
81
|
+
* @param dateFnsLocale - The date-fns locale to use for formatting
|
|
82
|
+
* @returns Formatted display string
|
|
83
|
+
*/
|
|
84
|
+
export declare function formatDatePickerDisplayValue(modelValue: Date | {
|
|
85
|
+
start: Date;
|
|
86
|
+
end: Date;
|
|
87
|
+
} | {
|
|
88
|
+
date: Date;
|
|
89
|
+
startTime: Date;
|
|
90
|
+
endTime: Date;
|
|
91
|
+
} | null | undefined, variant: DatePickerVariant, dateFnsLocale: Locale): string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { Locale } from 'date-fns';
|
|
2
|
+
export type DatePickerLocale = 'de-DE' | 'en-US' | 'en-GB' | 'es-ES' | 'fr-FR' | 'it-IT' | 'nl-NL' | 'pl-PL' | 'pt-PT' | 'uk-UA' | 'zh-CN';
|
|
3
|
+
export interface LocaleConfig {
|
|
4
|
+
weekStartsOn: 0 | 1;
|
|
5
|
+
weekDays: string[];
|
|
6
|
+
tooltips: {
|
|
7
|
+
previousYear: string;
|
|
8
|
+
previousMonth: string;
|
|
9
|
+
nextMonth: string;
|
|
10
|
+
nextYear: string;
|
|
11
|
+
};
|
|
12
|
+
navigation: {
|
|
13
|
+
weekTitle: string;
|
|
14
|
+
monthTitle: string;
|
|
15
|
+
thisWeek: string;
|
|
16
|
+
previousWeek: string;
|
|
17
|
+
nextWeek: string;
|
|
18
|
+
thisMonth: string;
|
|
19
|
+
previousMonth: string;
|
|
20
|
+
nextMonth: string;
|
|
21
|
+
};
|
|
22
|
+
dateFnsLocale: Locale;
|
|
23
|
+
}
|
|
24
|
+
export declare const LOCALE_CONFIGS: Record<DatePickerLocale, LocaleConfig>;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { DropDownProps } from '../types';
|
|
2
|
+
import './dropdown.css';
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<DropDownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
|
+
search: (query: string) => any;
|
|
5
|
+
close: () => any;
|
|
6
|
+
"update:modelValue": (value: unknown) => any;
|
|
7
|
+
change: (value: unknown) => any;
|
|
8
|
+
open: () => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<DropDownProps> & Readonly<{
|
|
10
|
+
onSearch?: ((query: string) => any) | undefined;
|
|
11
|
+
onClose?: (() => any) | undefined;
|
|
12
|
+
"onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
|
|
13
|
+
onChange?: ((value: unknown) => any) | undefined;
|
|
14
|
+
onOpen?: (() => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
label: string;
|
|
17
|
+
size: "x-small" | "small" | "medium" | "large";
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
isMulti: boolean;
|
|
20
|
+
placeholder: string;
|
|
21
|
+
clearable: boolean;
|
|
22
|
+
isError: boolean;
|
|
23
|
+
errorMessage: string;
|
|
24
|
+
searchable: boolean;
|
|
25
|
+
searchPlaceholder: string;
|
|
26
|
+
selectAllText: string;
|
|
27
|
+
clearAllText: string;
|
|
28
|
+
noOptionsText: string;
|
|
29
|
+
optionLabel: string;
|
|
30
|
+
optionValue: string;
|
|
31
|
+
maxHeight: string;
|
|
32
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const _default: typeof __VLS_export;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { type Ref, type StyleValue } from 'vue';
|
|
2
|
+
import type { DropDownOption } from '../types';
|
|
3
|
+
interface DropDownMenuProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
dropdownStyle: StyleValue;
|
|
6
|
+
isMulti: boolean;
|
|
7
|
+
searchable: boolean;
|
|
8
|
+
searchPlaceholder: string;
|
|
9
|
+
searchQuery: string;
|
|
10
|
+
selectAllText: string;
|
|
11
|
+
clearAllText: string;
|
|
12
|
+
areAllOptionsSelected: boolean;
|
|
13
|
+
filteredOptions: Array<string | number | DropDownOption | Record<string, unknown>>;
|
|
14
|
+
highlightedIndex: number;
|
|
15
|
+
noOptionsText: string;
|
|
16
|
+
optionLabel: string;
|
|
17
|
+
optionValue: string;
|
|
18
|
+
getOptionKey: (option: string | number | DropDownOption | Record<string, unknown>) => string;
|
|
19
|
+
getOptionLabel: (option: string | number | DropDownOption | Record<string, unknown>) => string;
|
|
20
|
+
getOptionAvatar: (option: string | number | DropDownOption | Record<string, unknown>) => {
|
|
21
|
+
photo?: string;
|
|
22
|
+
fullName?: string;
|
|
23
|
+
} | undefined;
|
|
24
|
+
getOptionAvatarAlt: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
|
|
25
|
+
getOptionLeadingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
|
|
26
|
+
getOptionTrailingIcon: (option: string | number | DropDownOption | Record<string, unknown>) => string | undefined;
|
|
27
|
+
getOptionDisabled: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
|
|
28
|
+
getOptionClickable: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
|
|
29
|
+
isSelected: (option: string | number | DropDownOption | Record<string, unknown>) => boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const __VLS_export: import("vue").DefineComponent<DropDownMenuProps, {
|
|
32
|
+
dropdownRef: Ref<HTMLElement | null, HTMLElement | null>;
|
|
33
|
+
optionsRef: Ref<HTMLElement | null, HTMLElement | null>;
|
|
34
|
+
searchRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
35
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
36
|
+
close: () => any;
|
|
37
|
+
checkboxChange: (option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any;
|
|
38
|
+
selectFirstFiltered: () => any;
|
|
39
|
+
selectHighlighted: () => any;
|
|
40
|
+
navigateDown: () => any;
|
|
41
|
+
navigateUp: () => any;
|
|
42
|
+
selectAll: (checked: boolean) => any;
|
|
43
|
+
clearAll: () => any;
|
|
44
|
+
selectOption: (option: string | number | DropDownOption | Record<string, unknown>) => any;
|
|
45
|
+
setHighlighted: (index: number) => any;
|
|
46
|
+
"update:searchQuery": (value: string) => any;
|
|
47
|
+
}, string, import("vue").PublicProps, Readonly<DropDownMenuProps> & Readonly<{
|
|
48
|
+
onClose?: (() => any) | undefined;
|
|
49
|
+
onCheckboxChange?: ((option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any) | undefined;
|
|
50
|
+
onSelectFirstFiltered?: (() => any) | undefined;
|
|
51
|
+
onSelectHighlighted?: (() => any) | undefined;
|
|
52
|
+
onNavigateDown?: (() => any) | undefined;
|
|
53
|
+
onNavigateUp?: (() => any) | undefined;
|
|
54
|
+
onSelectAll?: ((checked: boolean) => any) | undefined;
|
|
55
|
+
onClearAll?: (() => any) | undefined;
|
|
56
|
+
onSelectOption?: ((option: string | number | DropDownOption | Record<string, unknown>) => any) | undefined;
|
|
57
|
+
onSetHighlighted?: ((index: number) => any) | undefined;
|
|
58
|
+
"onUpdate:searchQuery"?: ((value: string) => any) | undefined;
|
|
59
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
60
|
+
declare const _default: typeof __VLS_export;
|
|
61
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { DropDownOption } from '../types';
|
|
2
|
+
interface DropDownMenuItemProps {
|
|
3
|
+
option: string | number | DropDownOption | Record<string, unknown>;
|
|
4
|
+
label: string;
|
|
5
|
+
isMulti: boolean;
|
|
6
|
+
isSelected: boolean;
|
|
7
|
+
isHighlighted: boolean;
|
|
8
|
+
isDisabled: boolean;
|
|
9
|
+
isClickable: boolean;
|
|
10
|
+
avatar?: {
|
|
11
|
+
photo?: string;
|
|
12
|
+
fullName?: string;
|
|
13
|
+
};
|
|
14
|
+
avatarAlt?: string;
|
|
15
|
+
leadingIcon?: string;
|
|
16
|
+
trailingIcon?: string;
|
|
17
|
+
}
|
|
18
|
+
declare const __VLS_export: import("vue").DefineComponent<DropDownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
|
+
select: (option: string | number | DropDownOption | Record<string, unknown>) => any;
|
|
20
|
+
checkboxChange: (option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<DropDownMenuItemProps> & Readonly<{
|
|
22
|
+
onSelect?: ((option: string | number | DropDownOption | Record<string, unknown>) => any) | undefined;
|
|
23
|
+
onCheckboxChange?: ((option: string | number | DropDownOption | Record<string, unknown>, checked: boolean) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const _default: typeof __VLS_export;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
interface DropDownTriggerProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
isMulti: boolean;
|
|
5
|
+
hasValue: boolean;
|
|
6
|
+
modelValue: unknown;
|
|
7
|
+
displayValue?: string;
|
|
8
|
+
selectedOptionAvatar?: {
|
|
9
|
+
photo?: string;
|
|
10
|
+
fullName?: string;
|
|
11
|
+
};
|
|
12
|
+
selectedOptionLeadingIcon?: string;
|
|
13
|
+
placeholder: string;
|
|
14
|
+
label?: string;
|
|
15
|
+
clearable: boolean;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
avatarSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
|
|
18
|
+
getTagKey: (value: unknown, index: number) => string;
|
|
19
|
+
getTagLabel: (value: unknown) => string;
|
|
20
|
+
getTagAvatar: (value: unknown) => {
|
|
21
|
+
photo?: string;
|
|
22
|
+
fullName?: string;
|
|
23
|
+
} | undefined;
|
|
24
|
+
getTagLeadingIcon: (value: unknown) => string | undefined;
|
|
25
|
+
}
|
|
26
|
+
declare const __VLS_export: import("vue").DefineComponent<DropDownTriggerProps, {
|
|
27
|
+
triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
|
|
28
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
29
|
+
toggle: (source: string) => any;
|
|
30
|
+
close: () => any;
|
|
31
|
+
removeTag: (value: unknown) => any;
|
|
32
|
+
clear: (event: Event) => any;
|
|
33
|
+
}, string, import("vue").PublicProps, Readonly<DropDownTriggerProps> & Readonly<{
|
|
34
|
+
onToggle?: ((source: string) => any) | undefined;
|
|
35
|
+
onClose?: (() => any) | undefined;
|
|
36
|
+
onRemoveTag?: ((value: unknown) => any) | undefined;
|
|
37
|
+
onClear?: ((event: Event) => any) | undefined;
|
|
38
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
39
|
+
declare const _default: typeof __VLS_export;
|
|
40
|
+
export default _default;
|