@finmars/ui 1.0.53 → 1.0.55
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/finmars-ui.css +1 -1
- package/dist/finmars-ui.es.js +18188 -13658
- package/dist/src/components/fm/Chip/types.d.ts +1 -1
- package/dist/src/components/fm/DateEditor/DateEditor.vue.d.ts +4 -0
- package/dist/src/components/fm/DateEditor/constants.d.ts +0 -1
- package/dist/src/components/fm/DateEditor/types.d.ts +4 -1
- package/dist/src/components/fm/DateEditor/useDateEditor.d.ts +4 -2
- package/dist/src/components/fm/DatePicker/DatePicker.vue.d.ts +11 -38
- package/dist/src/components/fm/DatePicker/YearMonthPicker.vue.d.ts +12 -0
- package/dist/src/components/fm/DatePicker/types.d.ts +32 -0
- package/dist/src/components/fm/DatePicker/utils.d.ts +17 -0
- package/dist/src/components/fm/DateTree/DateTree.vue.d.ts +9 -0
- package/dist/src/components/fm/DateTree/DateTreeItem.vue.d.ts +9 -0
- package/dist/src/components/fm/DateTree/types.d.ts +24 -0
- package/dist/src/components/fm/DateTree/utils.d.ts +33 -0
- package/dist/src/components/fm/Dialog/Dialog.vue.d.ts +24 -0
- package/dist/src/components/fm/Dialog/types.d.ts +37 -0
- package/dist/src/components/fm/FileUpload/types.d.ts +2 -2
- package/dist/src/components/fm/Filters/FilterTypes/DatetimeFilter/DatetimeFilter.vue.d.ts +2 -2
- package/dist/src/components/fm/Filters/FilterTypes/TextFilter/TextFilter.vue.d.ts +1 -1
- package/dist/src/components/fm/Filters/types.d.ts +1 -1
- package/dist/src/components/fm/InputDate/InputDate.vue.d.ts +0 -1
- package/dist/src/components/fm/InputDate/types.d.ts +4 -1
- package/dist/src/components/fm/InputTime/InputTime.vue.d.ts +7 -0
- package/dist/src/components/fm/InputTime/types.d.ts +12 -0
- package/dist/src/components/fm/ItemPicker/ItemPickerContent/ItemPickerContent.vue.d.ts +3 -0
- package/dist/src/components/fm/ItemPicker/ItemPickerGroup/ItemPickerGroup.vue.d.ts +3 -0
- package/dist/src/components/fm/Menu/Menu.vue.d.ts +2 -2
- package/dist/src/components/fm/Pagination/Pagination.vue.d.ts +4 -4
- package/dist/src/components/fm/TimePicker/TimePicker.vue.d.ts +11 -0
- package/dist/src/components/fm/TimePicker/types.d.ts +8 -0
- package/dist/src/index.d.ts +24 -1
- package/dist/src/plugins/dialogs/dialogs.d.ts +11 -0
- package/dist/src/plugins/dialogs/store-dialogs.d.ts +7 -0
- package/dist/src/plugins/dialogs/types.d.ts +14 -0
- package/dist/src/plugins/index.d.ts +7 -0
- package/dist/src/plugins/types.d.ts +7 -0
- package/dist/src/plugins/vue-bus/store-vue-bus.d.ts +4 -0
- package/dist/src/plugins/vue-bus/types.d.ts +13 -0
- package/dist/src/plugins/vue-bus/vue-bus.d.ts +8 -0
- package/dist/src/types/general.d.ts +5 -0
- package/dist/themes.css +2 -2
- package/package.json +25 -18
|
@@ -2,10 +2,14 @@ import { FmDateEditorProps } from './types';
|
|
|
2
2
|
declare const _default: import('vue').DefineComponent<FmDateEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
3
|
"update:modelValue": (value: string) => any;
|
|
4
4
|
"click:dateIcon": () => any;
|
|
5
|
+
cancel: () => any;
|
|
5
6
|
}, string, import('vue').PublicProps, Readonly<FmDateEditorProps> & Readonly<{
|
|
6
7
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
7
8
|
"onClick:dateIcon"?: (() => any) | undefined;
|
|
9
|
+
onCancel?: (() => any) | undefined;
|
|
8
10
|
}>, {
|
|
11
|
+
erroneousDates: string[];
|
|
12
|
+
nonWorkingDays: string[];
|
|
9
13
|
locals: {
|
|
10
14
|
enteringFieldLabel: string;
|
|
11
15
|
enteringFieldPlaceholder: string;
|
|
@@ -3,10 +3,12 @@ export interface FmDateEditorProps {
|
|
|
3
3
|
min?: string;
|
|
4
4
|
max?: string;
|
|
5
5
|
nonWorkingDays?: string[];
|
|
6
|
+
erroneousDates?: string[];
|
|
6
7
|
allowWeekendSelection?: boolean;
|
|
7
|
-
showWeek?: boolean;
|
|
8
8
|
showAdjacentMonths?: boolean;
|
|
9
9
|
calculatePreviousDayFromToday?: boolean;
|
|
10
|
+
includeTime?: boolean;
|
|
11
|
+
simple?: boolean;
|
|
10
12
|
disabled?: boolean;
|
|
11
13
|
locals?: {
|
|
12
14
|
enteringFieldLabel: string;
|
|
@@ -21,4 +23,5 @@ export interface FmDateEditorProps {
|
|
|
21
23
|
export interface FmDateEditorEmits {
|
|
22
24
|
(event: 'update:modelValue', value: string): void;
|
|
23
25
|
(event: 'click:dateIcon'): void;
|
|
26
|
+
(event: 'cancel'): void;
|
|
24
27
|
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { Dayjs } from 'dayjs';
|
|
2
1
|
import { FmDateEditorEmits, FmDateEditorProps } from './types';
|
|
3
2
|
export default function useDateEditor(props: FmDateEditorProps, emits: FmDateEditorEmits): {
|
|
3
|
+
DATE_FORMAT: string;
|
|
4
|
+
TIME_FORMAT: string;
|
|
4
5
|
currentMenuItem: import('vue').Ref<string, string>;
|
|
5
6
|
initialValue: import('vue').Ref<string, string>;
|
|
6
7
|
innerValue: import('vue').Ref<string, string>;
|
|
8
|
+
initialTime: import('vue').Ref<string, string>;
|
|
9
|
+
innerTime: import('vue').Ref<string, string>;
|
|
7
10
|
textFieldInput: import('vue').Ref<string | null, string | null>;
|
|
8
|
-
allowedDates: (val: Dayjs | string, ignoreWeekends?: boolean) => boolean;
|
|
9
11
|
selectMenuItem: (item: "today" | "previous") => void;
|
|
10
12
|
onUpdate: (val: string) => void;
|
|
11
13
|
onUpdateByKeyboard: (val: string) => void;
|
|
@@ -1,40 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { FmDatePickerProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:modelValue": (value: string) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<FmDatePickerProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
6
|
+
}>, {
|
|
7
|
+
max: string;
|
|
8
|
+
min: string;
|
|
9
|
+
nonSelectableDates: string[];
|
|
10
|
+
erroneousDates: string[];
|
|
6
11
|
showAdjacentMonths: boolean;
|
|
7
|
-
|
|
8
|
-
minWidth?: string | number | undefined;
|
|
9
|
-
modelValue?: string | undefined;
|
|
10
|
-
height?: string | number | undefined;
|
|
11
|
-
width?: string | number | undefined;
|
|
12
|
-
maxHeight?: string | number | undefined;
|
|
13
|
-
maxWidth?: string | number | undefined;
|
|
14
|
-
minHeight?: string | number | undefined;
|
|
15
|
-
header?: string | undefined;
|
|
16
|
-
title?: string | undefined;
|
|
17
|
-
max?: string | undefined;
|
|
18
|
-
min?: string | undefined;
|
|
19
|
-
allowedDates?: Function | unknown[] | undefined;
|
|
20
|
-
$props: {
|
|
21
|
-
readonly disabled?: boolean | undefined;
|
|
22
|
-
readonly showHeader?: boolean | undefined;
|
|
23
|
-
readonly showWeek?: boolean | undefined;
|
|
24
|
-
readonly showAdjacentMonths?: boolean | undefined;
|
|
25
|
-
readonly border?: boolean | undefined;
|
|
26
|
-
readonly minWidth?: string | number | undefined;
|
|
27
|
-
readonly modelValue?: string | undefined;
|
|
28
|
-
readonly height?: string | number | undefined;
|
|
29
|
-
readonly width?: string | number | undefined;
|
|
30
|
-
readonly maxHeight?: string | number | undefined;
|
|
31
|
-
readonly maxWidth?: string | number | undefined;
|
|
32
|
-
readonly minHeight?: string | number | undefined;
|
|
33
|
-
readonly header?: string | undefined;
|
|
34
|
-
readonly title?: string | undefined;
|
|
35
|
-
readonly max?: string | undefined;
|
|
36
|
-
readonly min?: string | undefined;
|
|
37
|
-
readonly allowedDates?: Function | unknown[] | undefined;
|
|
38
|
-
};
|
|
39
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
40
13
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FmYearMonthPickerProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmYearMonthPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:year": (value: number) => any;
|
|
4
|
+
"update:month": (value: number) => any;
|
|
5
|
+
}, string, import('vue').PublicProps, Readonly<FmYearMonthPickerProps> & Readonly<{
|
|
6
|
+
"onUpdate:year"?: ((value: number) => any) | undefined;
|
|
7
|
+
"onUpdate:month"?: ((value: number) => any) | undefined;
|
|
8
|
+
}>, {
|
|
9
|
+
minYear: number;
|
|
10
|
+
maxYear: number;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export type DatePickerDate = {
|
|
2
|
+
dateISO: string;
|
|
3
|
+
date: number;
|
|
4
|
+
day: number;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
erroneous?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export interface FmDatePickerProps {
|
|
9
|
+
modelValue: string;
|
|
10
|
+
min?: string;
|
|
11
|
+
max?: string;
|
|
12
|
+
nonSelectableDates?: string[];
|
|
13
|
+
erroneousDates?: string[];
|
|
14
|
+
canWeekendsBeSelected?: boolean;
|
|
15
|
+
showAdjacentMonths?: boolean;
|
|
16
|
+
border?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface FmDatePickerEmits {
|
|
20
|
+
(event: 'update:modelValue', value: string): void;
|
|
21
|
+
}
|
|
22
|
+
export interface FmYearMonthPickerProps {
|
|
23
|
+
year: number;
|
|
24
|
+
month: number;
|
|
25
|
+
minYear?: number;
|
|
26
|
+
maxYear?: number;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface FmYearMonthPickerEmits {
|
|
30
|
+
(event: 'update:year', value: number): void;
|
|
31
|
+
(event: 'update:month', value: number): void;
|
|
32
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as dayjs } from 'dayjs';
|
|
2
|
+
import { DatePickerDate } from './types';
|
|
3
|
+
export declare const DATE_FORMAT = "YYYY-MM-DD";
|
|
4
|
+
export declare function transformIsoDateToObject(value: string): {
|
|
5
|
+
year: number;
|
|
6
|
+
month: number;
|
|
7
|
+
date: number | null;
|
|
8
|
+
};
|
|
9
|
+
export declare function getDaysOfWeek(): string[];
|
|
10
|
+
export declare function getMonths(): dayjs.MonthNames;
|
|
11
|
+
export declare function getYearList(min?: number, max?: number): number[];
|
|
12
|
+
export declare function getWeekNumber(date: string): number;
|
|
13
|
+
export declare function getMonthDayList(year: number, month: number): {
|
|
14
|
+
current: (DatePickerDate | null)[];
|
|
15
|
+
prev: (DatePickerDate | null)[];
|
|
16
|
+
next: (DatePickerDate | null)[];
|
|
17
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FmDateTreeProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmDateTreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:modelValue": (value: string[]) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<FmDateTreeProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
6
|
+
}>, {
|
|
7
|
+
modelValue: string[];
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FmDateTreeItemProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmDateTreeItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
click: (value: MouseEvent) => any;
|
|
4
|
+
select: (value: import('./types').DateTreeItem) => any;
|
|
5
|
+
}, string, import('vue').PublicProps, Readonly<FmDateTreeItemProps> & Readonly<{
|
|
6
|
+
onClick?: ((value: MouseEvent) => any) | undefined;
|
|
7
|
+
onSelect?: ((value: import('./types').DateTreeItem) => any) | undefined;
|
|
8
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export type DateTreeItemSelectedStatus = 'selected' | 'unselected' | 'partially';
|
|
2
|
+
export type DateTreeItem = {
|
|
3
|
+
title: string;
|
|
4
|
+
value: number;
|
|
5
|
+
level: number;
|
|
6
|
+
selectedStatus: DateTreeItemSelectedStatus;
|
|
7
|
+
isOpened?: boolean;
|
|
8
|
+
children?: Array<DateTreeItem>;
|
|
9
|
+
};
|
|
10
|
+
export interface FmDateTreeProps {
|
|
11
|
+
modelValue: string[];
|
|
12
|
+
data: string[];
|
|
13
|
+
includeTime?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface FmDateTreeEmits {
|
|
16
|
+
(event: 'update:modelValue', value: string[]): void;
|
|
17
|
+
}
|
|
18
|
+
export interface FmDateTreeItemProps {
|
|
19
|
+
item: DateTreeItem;
|
|
20
|
+
}
|
|
21
|
+
export interface FmDateTreeItemEmits {
|
|
22
|
+
(event: 'click', value: MouseEvent): void;
|
|
23
|
+
(event: 'select', value: DateTreeItem): void;
|
|
24
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { DateTreeItem } from './types';
|
|
2
|
+
export declare function parseDate(value: string): {
|
|
3
|
+
year: number;
|
|
4
|
+
month: number;
|
|
5
|
+
date: number;
|
|
6
|
+
hours: number;
|
|
7
|
+
minutes: number;
|
|
8
|
+
time: number;
|
|
9
|
+
};
|
|
10
|
+
export declare function getYearIndexInDateTree({ tree, year }: {
|
|
11
|
+
tree: DateTreeItem[];
|
|
12
|
+
year: number;
|
|
13
|
+
}): number;
|
|
14
|
+
export declare function getMonthIndexInDateTree({ tree, month, yearIndex }: {
|
|
15
|
+
tree: DateTreeItem[];
|
|
16
|
+
month: number;
|
|
17
|
+
yearIndex: number;
|
|
18
|
+
}): number;
|
|
19
|
+
export declare function getDateIndexInDateTree({ tree, date, yearIndex, monthIndex }: {
|
|
20
|
+
tree: DateTreeItem[];
|
|
21
|
+
date: number;
|
|
22
|
+
yearIndex: number;
|
|
23
|
+
monthIndex: number;
|
|
24
|
+
}): number;
|
|
25
|
+
export declare function getTimeIndexInDateTree({ tree, time, yearIndex, monthIndex, dateIndex, includeTime }: {
|
|
26
|
+
tree: DateTreeItem[];
|
|
27
|
+
time: number;
|
|
28
|
+
yearIndex: number;
|
|
29
|
+
monthIndex: number;
|
|
30
|
+
dateIndex: number;
|
|
31
|
+
includeTime?: boolean;
|
|
32
|
+
}): number;
|
|
33
|
+
export declare function makeDateTree(data?: string[], includeTime?: boolean): DateTreeItem[];
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { FmDialogComponentProps, FmDialogComponentEmits } from './types';
|
|
3
|
+
declare const _default: <T extends Component>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
5
|
+
readonly onClose?: ((value?: unknown) => any) | undefined;
|
|
6
|
+
readonly onCancel?: ((value?: unknown) => any) | undefined;
|
|
7
|
+
readonly onOpen?: ((value?: unknown) => any) | undefined;
|
|
8
|
+
readonly onConfirm?: ((value?: unknown) => any) | undefined;
|
|
9
|
+
readonly "onBefore-close"?: ((value?: unknown) => any) | undefined;
|
|
10
|
+
readonly "onClick-overlay"?: ((value?: unknown) => any) | undefined;
|
|
11
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onCancel" | "onClose" | "onOpen" | "onConfirm" | "onBefore-close" | "onClick-overlay"> & FmDialogComponentProps<T>> & import('vue').PublicProps;
|
|
12
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
13
|
+
attrs: any;
|
|
14
|
+
slots: {};
|
|
15
|
+
emit: FmDialogComponentEmits;
|
|
16
|
+
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
}> & {
|
|
19
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
20
|
+
};
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_PrettifyLocal<T> = {
|
|
23
|
+
[K in keyof T]: T[K];
|
|
24
|
+
} & {};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { ExtractComponentProps } from '../../../types';
|
|
3
|
+
export type FmDialogEvent = 'open' | 'before-close' | 'close' | 'confirm' | 'cancel' | 'click-overlay';
|
|
4
|
+
export interface FmDialogProps {
|
|
5
|
+
id?: string;
|
|
6
|
+
teleport?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
width?: string | number;
|
|
9
|
+
draggable?: boolean;
|
|
10
|
+
cssClass?: string[];
|
|
11
|
+
cssStyle?: Record<string, string>;
|
|
12
|
+
contentCssClass?: string[];
|
|
13
|
+
contentCssStyle?: Record<string, string>;
|
|
14
|
+
confirmButton?: boolean;
|
|
15
|
+
cancelButton?: boolean;
|
|
16
|
+
onClose?: () => void;
|
|
17
|
+
onConfirm?: (data: unknown) => void;
|
|
18
|
+
onCancel?: (data: unknown) => void;
|
|
19
|
+
confirmButtonText?: string;
|
|
20
|
+
cancelButtonText?: string;
|
|
21
|
+
confirmButtonType?: 'primary' | 'secondary' | 'tertiary';
|
|
22
|
+
cancelButtonType?: 'primary' | 'secondary' | 'tertiary';
|
|
23
|
+
closeOnClickOverlay?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface FmDialogComponentProps<T extends Component> {
|
|
26
|
+
component: T;
|
|
27
|
+
componentProps?: ExtractComponentProps<T>;
|
|
28
|
+
dialogProps?: FmDialogProps;
|
|
29
|
+
}
|
|
30
|
+
export interface FmDialogComponentEmits {
|
|
31
|
+
(event: 'open', value?: unknown): void;
|
|
32
|
+
(event: 'before-close', value?: unknown): void;
|
|
33
|
+
(event: 'close', value?: unknown): void;
|
|
34
|
+
(event: 'confirm', value?: unknown): void;
|
|
35
|
+
(event: 'cancel', value?: unknown): void;
|
|
36
|
+
(event: 'click-overlay', value?: unknown): void;
|
|
37
|
+
}
|
|
@@ -6,9 +6,9 @@ declare function __VLS_template(): {
|
|
|
6
6
|
};
|
|
7
7
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
8
8
|
declare const __VLS_component: import('vue').DefineComponent<FmFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
9
|
-
update: (value: import('
|
|
9
|
+
update: (value: import('../../../../../types').FmFilter) => any;
|
|
10
10
|
}, string, import('vue').PublicProps, Readonly<FmFilterProps> & Readonly<{
|
|
11
|
-
onUpdate?: ((value: import('
|
|
11
|
+
onUpdate?: ((value: import('../../../../../types').FmFilter) => any) | undefined;
|
|
12
12
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
13
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
14
14
|
export default _default;
|
|
@@ -11,7 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<FmFilterProps, {},
|
|
|
11
11
|
}, string, import('vue').PublicProps, Readonly<FmFilterProps> & Readonly<{
|
|
12
12
|
onUpdate?: ((value: import('../../../../..').FmFilter) => any) | undefined;
|
|
13
13
|
}>, {
|
|
14
|
-
options: FmSelectOption[];
|
|
14
|
+
options: FmSelectOption[] | string[];
|
|
15
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
17
|
export default _default;
|
|
@@ -4,7 +4,7 @@ import { FmSelectOption } from '../Select/types';
|
|
|
4
4
|
export interface FmFilterProps {
|
|
5
5
|
filter: FmFilter;
|
|
6
6
|
filterValue: string | string[] | number | number[] | boolean | boolean[] | FmFilterRangeValues;
|
|
7
|
-
options?: FmSelectOption[];
|
|
7
|
+
options?: FmSelectOption[] | string[];
|
|
8
8
|
isFilterLinked?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export interface FmFilterEmits {
|
|
@@ -7,6 +7,5 @@ declare const _default: import('vue').DefineComponent<FmInputDateProps, {}, {},
|
|
|
7
7
|
modelValue: string;
|
|
8
8
|
showAdjacentMonths: boolean;
|
|
9
9
|
allowWeekendSelection: boolean;
|
|
10
|
-
dateFormat: string;
|
|
11
10
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
11
|
export default _default;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
export interface FmInputDateProps {
|
|
2
2
|
modelValue?: string;
|
|
3
|
+
min?: string;
|
|
4
|
+
max?: string;
|
|
5
|
+
includeTime?: boolean;
|
|
6
|
+
simplePicker?: boolean;
|
|
3
7
|
compact?: boolean;
|
|
4
8
|
label?: string;
|
|
5
9
|
placeholder?: string;
|
|
6
10
|
persistentPlaceholder?: boolean;
|
|
7
|
-
dateFormat?: string;
|
|
8
11
|
showAdjacentMonths?: boolean;
|
|
9
12
|
allowWeekendSelection?: boolean;
|
|
10
13
|
disabled?: boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FmInputTimeProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmInputTimeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:modelValue": (value: string) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<FmInputTimeProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
6
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface FmInputTimeProps {
|
|
2
|
+
modelValue: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
persistentPlaceholder?: boolean;
|
|
6
|
+
minutesStep?: 1 | 2 | 5 | 10 | 15 | 20 | 30;
|
|
7
|
+
size?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface FmInputTimeEmits {
|
|
11
|
+
(event: 'update:modelValue', value: string): void;
|
|
12
|
+
}
|
|
@@ -10,5 +10,8 @@ declare const _default: import('vue').DefineComponent<FmItemPickerContentProps,
|
|
|
10
10
|
suggested: string;
|
|
11
11
|
selected: string;
|
|
12
12
|
};
|
|
13
|
+
selected: string[];
|
|
14
|
+
suggested: string[];
|
|
15
|
+
initialSelected: string[];
|
|
13
16
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
17
|
export default _default;
|
|
@@ -7,5 +7,8 @@ declare const _default: import('vue').DefineComponent<FmItemPickerGroupProps, {}
|
|
|
7
7
|
"onUpdate:suggested"?: ((value: string) => any) | undefined;
|
|
8
8
|
}>, {
|
|
9
9
|
mode: "add" | "update";
|
|
10
|
+
selected: string[];
|
|
11
|
+
suggested: string[];
|
|
12
|
+
initialSelected: string[];
|
|
10
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
14
|
export default _default;
|
|
@@ -20,8 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
20
20
|
openOnClick: boolean;
|
|
21
21
|
openOnFocus: boolean;
|
|
22
22
|
attach: string | boolean | Record<string, any>;
|
|
23
|
-
items: unknown[];
|
|
24
23
|
itemSize: string;
|
|
24
|
+
items: unknown[];
|
|
25
25
|
minWidth?: string | number | undefined;
|
|
26
26
|
activator?: string | Record<string, any> | undefined;
|
|
27
27
|
location?: string | undefined;
|
|
@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
|
49
49
|
readonly openOnClick?: boolean | undefined;
|
|
50
50
|
readonly openOnFocus?: boolean | undefined;
|
|
51
51
|
readonly attach?: string | boolean | Record<string, any> | undefined;
|
|
52
|
-
readonly items?: unknown[] | undefined;
|
|
53
52
|
readonly itemSize?: string | undefined;
|
|
53
|
+
readonly items?: unknown[] | undefined;
|
|
54
54
|
readonly minWidth?: string | number | undefined;
|
|
55
55
|
readonly activator?: string | Record<string, any> | undefined;
|
|
56
56
|
readonly location?: string | undefined;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { FmPaginationProps } from './types';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<FmPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
3
|
"update:modelValue": (value: number) => any;
|
|
4
|
-
first: (value: number) => any;
|
|
5
|
-
last: (value: number) => any;
|
|
6
4
|
prev: (value: number) => any;
|
|
7
5
|
next: (value: number) => any;
|
|
6
|
+
first: (value: number) => any;
|
|
7
|
+
last: (value: number) => any;
|
|
8
8
|
}, string, import('vue').PublicProps, Readonly<FmPaginationProps> & Readonly<{
|
|
9
9
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
10
|
-
onFirst?: ((value: number) => any) | undefined;
|
|
11
|
-
onLast?: ((value: number) => any) | undefined;
|
|
12
10
|
onPrev?: ((value: number) => any) | undefined;
|
|
13
11
|
onNext?: ((value: number) => any) | undefined;
|
|
12
|
+
onFirst?: ((value: number) => any) | undefined;
|
|
13
|
+
onLast?: ((value: number) => any) | undefined;
|
|
14
14
|
}>, {
|
|
15
15
|
modelValue: number;
|
|
16
16
|
locals: {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FmTimePickerProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<FmTimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
"update:modelValue": (value: string) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<FmTimePickerProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
6
|
+
}>, {
|
|
7
|
+
size: number;
|
|
8
|
+
modelValue: string;
|
|
9
|
+
minutesStep: 1 | 2 | 5 | 10 | 15 | 20 | 30;
|
|
10
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ import { FmChipEmits, FmChipProps, FmChipSlots } from './components/fm/Chip/type
|
|
|
8
8
|
import { default as FmDateEditor } from './components/fm/DateEditor/DateEditor.vue';
|
|
9
9
|
import { FmDateEditorEmits, FmDateEditorProps } from './components/fm/DateEditor/types';
|
|
10
10
|
import { default as FmDatePicker } from './components/fm/DatePicker/DatePicker.vue';
|
|
11
|
+
import { FmDatePickerProps, FmDatePickerEmits } from './components/fm/DatePicker/types';
|
|
11
12
|
import { default as FmIcon } from './components/fm/Icon/Icon.vue';
|
|
12
13
|
import { FmIconProps, FmIconSlots } from './components/fm/Icon/types';
|
|
13
14
|
import { default as FmIconButton } from './components/fm/IconButton/IconButton.vue';
|
|
@@ -41,6 +42,12 @@ import { default as FmTransferList } from './components/fm/TransferList/Transfer
|
|
|
41
42
|
import { FmTransferListEmits, FmTransferListProps } from './components/fm/TransferList/types';
|
|
42
43
|
import { default as FmInputDate } from './components/fm/InputDate/InputDate.vue';
|
|
43
44
|
import { FmInputDateEmits, FmInputDateProps } from './components/fm/InputDate/types';
|
|
45
|
+
import { default as FmTimePicker } from './components/fm/TimePicker/TimePicker.vue';
|
|
46
|
+
import { FmTimePickerProps, FmTimePickerEmits } from './components/fm/TimePicker/types';
|
|
47
|
+
import { default as FmInputTime } from './components/fm/InputTime/InputTime.vue';
|
|
48
|
+
import { FmInputTimeProps, FmInputTimeEmits } from './components/fm/InputTime/types';
|
|
49
|
+
import { default as FmDateTree } from './components/fm/DateTree/DateTree.vue';
|
|
50
|
+
import { FmDateTreeItemProps, FmDateTreeEmits } from './components/fm/DateTree/types';
|
|
44
51
|
import { default as FmFilterEditor } from './components/fm/Filters/FilterEditor/FilterEditor.vue';
|
|
45
52
|
import { FmFilterEditorEmits, FmFilterEditorProps } from './components/fm/Filters/FilterEditor/types';
|
|
46
53
|
import { default as FmFilterToolbar } from './components/fm/Filters/FilterToolbar/FilterToolbar.vue';
|
|
@@ -48,11 +55,17 @@ import { FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarEmits, FmtFilter
|
|
|
48
55
|
import { default as FmSwitch } from './components/fm/Switch/Switch.vue';
|
|
49
56
|
import { default as FmBreadcrumbs } from './components/fm/Breadcrumbs/Breadcrumbs.vue';
|
|
50
57
|
import { FmBreadcrumbItem, FmBreadcrumbProps } from './components/fm/Breadcrumbs/types';
|
|
58
|
+
import { default as FmDialog } from './components/fm/Dialog/Dialog.vue';
|
|
59
|
+
import { FmDialogProps, FmDialogEvent, FmDialogComponentProps, FmDialogComponentEmits } from './components/fm/Dialog/types';
|
|
51
60
|
import { default as FmHeader } from '../stories/Header.vue';
|
|
52
61
|
import { default as FmHtml } from './directives/fm/Html';
|
|
62
|
+
import { FmDialogInstance } from './plugins/dialogs/types';
|
|
63
|
+
import { FmVueEventBus } from './plugins/vue-bus/types';
|
|
53
64
|
export * from './types';
|
|
54
65
|
export * from './utils';
|
|
55
|
-
export
|
|
66
|
+
export * from './plugins';
|
|
67
|
+
export * from './plugins/types';
|
|
68
|
+
export { Ripple, ClickOutside, Mutate, Resize, Intersect, Scroll, Tooltip, FmHeader, FmNavigationPortal, FmNavigation, FmAvatar, FmBadge, FmButton, FmCheckbox, FmChip, FmDateEditor, FmDateEditorProps, FmDateEditorEmits, FmDatePicker, FmDatePickerProps, FmDatePickerEmits, FmDialog, FmDialogComponentProps, FmDialogComponentEmits, FmDialogProps, FmDialogEvent, FmIcon, FmIconButton, FmItemPicker, FmItemPickerProps, FmItemPickerEmits, FmLogo, FmMenuItem, FmMenu, FmPagination, FmProgressCircular, FmProgressLinear, FmRadio, FmRadioGroup, FmRangeSlider, FmSearch, FmSelect, FmSelectActivator, FmSlider, FmTextField, FmTooltip, FmVSelect, FmUploadFile, FmDialogOptions, FmFileUploadProps, FmFileUpload, FmChipProps, FmChipEmits, FmChipSlots, FmTabs, FmIconProps, FmIconSlots, FmPaginationProps, FmPaginationEmits, FmSelectOption, FmSelectActivatorProps, FmSelectActivatorEmits, FmSelectActivatorSlots, FmSelectProps, FmSelectEmits, FmSelectSlots, FmVSelectProps, FmVSelectEmits, FmVSelectSlots, FmTransferList, FmTransferListProps, FmTransferListEmits, FmInputDate, FmInputDateProps, FmInputDateEmits, FmTimePicker, FmTimePickerProps, FmTimePickerEmits, FmInputTime, FmInputTimeProps, FmInputTimeEmits, FmDateTree, FmDateTreeItemProps, FmDateTreeEmits, FmFilterEditor, FmFilterEditorProps, FmFilterEditorEmits, FmFilterToolbar, FmFilterAttribute, FmFilterAttributes, FmtFilterToolbarProps, FmtFilterToolbarEmits, FmSwitch, FmBreadcrumbs, FmBreadcrumbProps, FmBreadcrumbItem, FmHtml };
|
|
56
69
|
/**
|
|
57
70
|
* VUE plugin that registers all components
|
|
58
71
|
*
|
|
@@ -62,6 +75,12 @@ export declare const uiComponentsPlugin: {
|
|
|
62
75
|
install(Vue: any, args?: any): void;
|
|
63
76
|
};
|
|
64
77
|
declare module '@vue/runtime-core' {
|
|
78
|
+
interface ComponentCustomProperties {
|
|
79
|
+
$openDialog: <T extends Component>(params: FmDialogComponentProps<T>) => FmDialogInstance | undefined;
|
|
80
|
+
$closeDialog: (id: string) => void;
|
|
81
|
+
$closeDialogs: () => void;
|
|
82
|
+
$emitter: FmVueEventBus<any>;
|
|
83
|
+
}
|
|
65
84
|
interface GlobalComponents {
|
|
66
85
|
FmNavigationPortal: typeof FmNavigationPortal;
|
|
67
86
|
FmNavigation: typeof FmNavigation;
|
|
@@ -73,6 +92,10 @@ declare module '@vue/runtime-core' {
|
|
|
73
92
|
FmChip: typeof FmChip;
|
|
74
93
|
FmDateEditor: typeof FmDateEditor;
|
|
75
94
|
FmDatePicker: typeof FmDatePicker;
|
|
95
|
+
FmTimePicker: typeof FmTimePicker;
|
|
96
|
+
FmInputTime: typeof FmInputTime;
|
|
97
|
+
FmDateTree: typeof FmDateTree;
|
|
98
|
+
FmDialog: typeof FmDialog;
|
|
76
99
|
FmIcon: typeof FmIcon;
|
|
77
100
|
FmIconButton: typeof FmIconButton;
|
|
78
101
|
FmInputDate: typeof FmInputDate;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Plugin } from 'vue';
|
|
2
|
+
import { FmDialogComponentProps } from '../../components/fm/Dialog/types';
|
|
3
|
+
import { FmDialogInstance } from './types';
|
|
4
|
+
export declare const dialogs: Plugin;
|
|
5
|
+
declare module '@vue/runtime-core' {
|
|
6
|
+
interface ComponentCustomProperties {
|
|
7
|
+
$openDialog: <T extends Component>(params: FmDialogComponentProps<T>) => FmDialogInstance | undefined;
|
|
8
|
+
$closeDialog: (id: string) => void;
|
|
9
|
+
$closeDialogs: () => void;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { FmDialogComponentProps } from '../../components/fm/Dialog/types';
|
|
3
|
+
export declare function storeDialogs(context: any): {
|
|
4
|
+
$openDialog: <T extends Component>(params: FmDialogComponentProps<T>) => void;
|
|
5
|
+
$closeDialog: (id: string) => void;
|
|
6
|
+
$closeDialogs: () => void;
|
|
7
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component, InjectionKey, VNode } from 'vue';
|
|
2
|
+
import { FmDialogComponentProps } from '../../components/fm/Dialog/types';
|
|
3
|
+
export type FmDialogInstance = {
|
|
4
|
+
id: string;
|
|
5
|
+
el: HTMLDivElement;
|
|
6
|
+
vNode: VNode;
|
|
7
|
+
destroy: () => void;
|
|
8
|
+
};
|
|
9
|
+
export interface FmDialogsPlugin {
|
|
10
|
+
$openDialog: <T extends Component>(params: FmDialogComponentProps<T>) => FmDialogInstance | undefined;
|
|
11
|
+
$closeDialog: (id: string) => void;
|
|
12
|
+
$closeDialogs: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const FM_DIALOGS_KEY: InjectionKey<FmDialogsPlugin>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { dialogs } from './dialogs/dialogs';
|
|
2
|
+
import { FM_DIALOGS_KEY, FmDialogsPlugin } from './dialogs/types';
|
|
3
|
+
import { storeDialogs } from './dialogs/store-dialogs';
|
|
4
|
+
import { vueBus } from './vue-bus/vue-bus';
|
|
5
|
+
import { FM_VUEBUS_KEY, FmVueBusPlugin } from './vue-bus/types';
|
|
6
|
+
import { storeVueBus } from './vue-bus/store-vue-bus';
|
|
7
|
+
export { dialogs, storeDialogs, FM_DIALOGS_KEY, FmDialogsPlugin, vueBus, storeVueBus, FM_VUEBUS_KEY, FmVueBusPlugin };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Store } from 'pinia';
|
|
2
|
+
export type PiniaActionTree<Actions extends Record<string, (...args: any) => any>, UsedStore extends Store> = {
|
|
3
|
+
[Key in keyof Actions]: (this: UsedStore, ...p: Parameters<Actions[Key]>) => ReturnType<Actions[Key]>;
|
|
4
|
+
};
|
|
5
|
+
export type PiniaGetterTree<Getters extends Record<string, any>, UsedStore extends Store> = {
|
|
6
|
+
[k in keyof Getters]: Getters[k] extends (...args: any) => infer R ? (this: UsedStore & Getters, state: UsedStore['$state']) => (...p: Parameters<Getters[k]>) => R : (this: UsedStore & Getters, state: UsedStore['$state']) => Getters[k];
|
|
7
|
+
};
|