@datametria/vue-components 2.2.0 → 2.3.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/README.md +25 -7
- package/dist/index.es.js +3378 -2148
- package/dist/index.umd.js +9 -9
- package/dist/src/components/DatametriaAutocomplete.vue.d.ts +14 -17
- package/dist/src/components/DatametriaBreadcrumb.vue.d.ts +39 -7
- package/dist/src/components/DatametriaCheckbox.vue.d.ts +35 -6
- package/dist/src/components/DatametriaCheckboxGroup.vue.d.ts +30 -0
- package/dist/src/components/DatametriaDataTable.vue.d.ts +64 -0
- package/dist/src/components/DatametriaDatePicker.vue.d.ts +15 -37
- package/dist/src/components/DatametriaDialog.vue.d.ts +71 -0
- package/dist/src/components/DatametriaEmpty.vue.d.ts +30 -0
- package/dist/src/components/DatametriaFloatingBar.vue.d.ts +2 -2
- package/dist/src/components/DatametriaForm.vue.d.ts +40 -0
- package/dist/src/components/DatametriaFormItem.vue.d.ts +28 -0
- package/dist/src/components/DatametriaGrid.vue.d.ts +1 -1
- package/dist/src/components/DatametriaInput.vue.d.ts +69 -10
- package/dist/src/components/DatametriaMenu.vue.d.ts +3 -3
- package/dist/src/components/DatametriaNavbar.vue.d.ts +2 -2
- package/dist/src/components/DatametriaPagination.vue.d.ts +29 -0
- package/dist/src/components/DatametriaPopconfirm.vue.d.ts +43 -0
- package/dist/src/components/DatametriaProgress.vue.d.ts +33 -8
- package/dist/src/components/DatametriaRadio.vue.d.ts +25 -6
- package/dist/src/components/DatametriaRadioGroup.vue.d.ts +29 -0
- package/dist/src/components/DatametriaResult.vue.d.ts +30 -0
- package/dist/src/components/DatametriaSelect.vue.d.ts +16 -11
- package/dist/src/components/DatametriaSidebar.vue.d.ts +3 -3
- package/dist/src/components/DatametriaSlider.vue.d.ts +3 -3
- package/dist/src/components/DatametriaSortableTable.vue.d.ts +1 -1
- package/dist/src/components/DatametriaSteps.vue.d.ts +45 -0
- package/dist/src/components/DatametriaSwitch.vue.d.ts +9 -4
- package/dist/src/components/DatametriaTabPane.vue.d.ts +28 -0
- package/dist/src/components/DatametriaTextarea.vue.d.ts +27 -8
- package/dist/src/components/DatametriaTimePicker.vue.d.ts +17 -25
- package/dist/src/components/DatametriaToast.vue.d.ts +1 -1
- package/dist/src/components/DatametriaTooltip.vue.d.ts +1 -1
- package/dist/src/components/DatametriaTree.vue.d.ts +31 -0
- package/dist/src/components/DatametriaTreeNode.vue.d.ts +17 -0
- package/dist/src/components/DatametriaUpload.vue.d.ts +64 -0
- package/dist/src/index.d.ts +14 -0
- package/dist/vue-components.css +1 -1
- package/package.json +4 -3
- package/src/components/DatametriaAutocomplete.vue +155 -260
- package/src/components/DatametriaBreadcrumb.vue +66 -80
- package/src/components/DatametriaCheckbox.vue +150 -37
- package/src/components/DatametriaCheckboxGroup.vue +43 -0
- package/src/components/DatametriaDataTable.vue +304 -0
- package/src/components/DatametriaDatePicker.vue +238 -614
- package/src/components/DatametriaDialog.vue +295 -0
- package/src/components/DatametriaDropdown.vue +352 -0
- package/src/components/DatametriaEmpty.vue +153 -0
- package/src/components/DatametriaForm.vue +160 -0
- package/src/components/DatametriaFormItem.vue +181 -0
- package/src/components/DatametriaInput.vue +226 -63
- package/src/components/DatametriaPagination.vue +373 -0
- package/src/components/DatametriaPopconfirm.vue +236 -0
- package/src/components/DatametriaProgress.vue +176 -63
- package/src/components/DatametriaRadio.vue +83 -72
- package/src/components/DatametriaRadioGroup.vue +42 -0
- package/src/components/DatametriaResult.vue +133 -0
- package/src/components/DatametriaSelect.vue +172 -67
- package/src/components/DatametriaSortableTable.vue +35 -4
- package/src/components/DatametriaSteps.vue +314 -0
- package/src/components/DatametriaSwitch.vue +86 -80
- package/src/components/DatametriaTabPane.vue +82 -0
- package/src/components/DatametriaTextarea.vue +140 -100
- package/src/components/DatametriaTimePicker.vue +231 -214
- package/src/components/DatametriaTree.vue +124 -0
- package/src/components/DatametriaTreeNode.vue +174 -0
- package/src/components/DatametriaUpload.vue +365 -0
- package/src/index.ts +25 -11
- package/src/components/__tests__/DatametriaAutocomplete.test.ts +0 -180
- package/src/components/__tests__/DatametriaBreadcrumb.test.ts +0 -75
- package/src/components/__tests__/DatametriaCheckbox.test.ts +0 -47
- package/src/components/__tests__/DatametriaDatePicker.test.ts +0 -234
- package/src/components/__tests__/DatametriaProgress.test.ts +0 -90
- package/src/components/__tests__/DatametriaRadio.test.ts +0 -77
- package/src/components/__tests__/DatametriaSwitch.test.ts +0 -64
- package/src/components/__tests__/DatametriaTextarea.test.ts +0 -66
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
interface Option {
|
|
2
|
-
value: string | number;
|
|
3
|
-
label: string;
|
|
4
|
-
[key: string]: any;
|
|
5
|
-
}
|
|
6
1
|
interface Props {
|
|
7
|
-
modelValue?: string
|
|
8
|
-
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
fetchSuggestions: (query: string) => Promise<string[]> | string[];
|
|
4
|
+
debounce?: number;
|
|
5
|
+
triggerOnFocus?: boolean;
|
|
9
6
|
placeholder?: string;
|
|
10
|
-
label?: string;
|
|
11
|
-
error?: string;
|
|
12
7
|
disabled?: boolean;
|
|
13
|
-
required?: boolean;
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
multiple?: boolean;
|
|
16
|
-
ariaLabel?: string;
|
|
17
8
|
}
|
|
18
9
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
-
|
|
10
|
+
select: (value: string) => any;
|
|
11
|
+
"update:modelValue": (value: string) => any;
|
|
20
12
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
-
|
|
13
|
+
onSelect?: ((value: string) => any) | undefined;
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
22
15
|
}>, {
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
modelValue: string;
|
|
23
18
|
placeholder: string;
|
|
24
|
-
|
|
19
|
+
debounce: number;
|
|
20
|
+
triggerOnFocus: boolean;
|
|
25
21
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
26
|
-
|
|
22
|
+
inputRef: HTMLInputElement;
|
|
23
|
+
dropdownRef: HTMLDivElement;
|
|
27
24
|
}, HTMLDivElement>;
|
|
28
25
|
export default _default;
|
|
@@ -1,16 +1,48 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* DatametriaBreadcrumb - Componente de navegação breadcrumb
|
|
3
|
+
*
|
|
4
|
+
* @component
|
|
5
|
+
* @example
|
|
6
|
+
* <DatametriaBreadcrumb
|
|
7
|
+
* :items="[
|
|
8
|
+
* { label: 'Home', to: '/' },
|
|
9
|
+
* { label: 'Produtos', to: '/produtos' },
|
|
10
|
+
* { label: 'Detalhes' }
|
|
11
|
+
* ]"
|
|
12
|
+
* separator="/"
|
|
13
|
+
* />
|
|
14
|
+
*/
|
|
15
|
+
export interface BreadcrumbItem {
|
|
16
|
+
/** Label do item */
|
|
2
17
|
label: string;
|
|
3
|
-
|
|
18
|
+
/** Rota do Vue Router (opcional) */
|
|
19
|
+
to?: string | {
|
|
20
|
+
name: string;
|
|
21
|
+
params?: Record<string, any>;
|
|
22
|
+
};
|
|
4
23
|
}
|
|
5
24
|
interface Props {
|
|
25
|
+
/** Array de itens do breadcrumb */
|
|
6
26
|
items: BreadcrumbItem[];
|
|
27
|
+
/** Separador entre itens */
|
|
7
28
|
separator?: string;
|
|
8
29
|
}
|
|
9
|
-
declare
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
30
|
+
declare function __VLS_template(): {
|
|
31
|
+
attrs: Partial<{}>;
|
|
32
|
+
slots: {
|
|
33
|
+
separator?(_: {}): any;
|
|
34
|
+
};
|
|
35
|
+
refs: {};
|
|
36
|
+
rootEl: HTMLElement;
|
|
37
|
+
};
|
|
38
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
39
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
14
40
|
separator: string;
|
|
15
41
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
42
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
43
|
export default _default;
|
|
44
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
@@ -1,14 +1,43 @@
|
|
|
1
1
|
interface Props {
|
|
2
|
-
modelValue?: boolean;
|
|
2
|
+
modelValue?: boolean | string | number;
|
|
3
3
|
label?: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
|
+
indeterminate?: boolean;
|
|
6
|
+
trueValue?: boolean | string | number;
|
|
7
|
+
falseValue?: boolean | string | number;
|
|
5
8
|
}
|
|
6
|
-
declare
|
|
7
|
-
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {
|
|
15
|
+
inputRef: HTMLInputElement;
|
|
16
|
+
};
|
|
17
|
+
rootEl: HTMLLabelElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
21
|
+
inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
|
|
22
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
+
"update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
|
|
24
|
+
change: (value: string | number | boolean | (string | number)[]) => any;
|
|
8
25
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
9
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
26
|
+
"onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
|
|
27
|
+
onChange?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
|
|
10
28
|
}>, {
|
|
11
29
|
disabled: boolean;
|
|
12
|
-
modelValue: boolean;
|
|
13
|
-
|
|
30
|
+
modelValue: boolean | string | number;
|
|
31
|
+
indeterminate: boolean;
|
|
32
|
+
trueValue: boolean | string | number;
|
|
33
|
+
falseValue: boolean | string | number;
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
35
|
+
inputRef: HTMLInputElement;
|
|
36
|
+
}, HTMLLabelElement>;
|
|
37
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
14
38
|
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: (string | number)[];
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: (string | number)[]) => any;
|
|
16
|
+
change: (value: (string | number)[]) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
|
|
19
|
+
onChange?: ((value: (string | number)[]) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
modelValue: (string | number)[];
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
interface Column {
|
|
2
|
+
prop: string;
|
|
3
|
+
label: string;
|
|
4
|
+
sortable?: boolean;
|
|
5
|
+
width?: string;
|
|
6
|
+
minWidth?: string;
|
|
7
|
+
}
|
|
8
|
+
interface Props {
|
|
9
|
+
data: any[];
|
|
10
|
+
columns: Column[];
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
stripe?: boolean;
|
|
13
|
+
border?: boolean;
|
|
14
|
+
height?: string;
|
|
15
|
+
rowKey?: string;
|
|
16
|
+
selectable?: boolean;
|
|
17
|
+
multiple?: boolean;
|
|
18
|
+
expandable?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare function __VLS_template(): {
|
|
21
|
+
attrs: Partial<{}>;
|
|
22
|
+
slots: Partial<Record<`cell-${string}`, (_: {
|
|
23
|
+
row: any;
|
|
24
|
+
column: Column;
|
|
25
|
+
}) => any>> & {
|
|
26
|
+
expand?(_: {
|
|
27
|
+
row: any;
|
|
28
|
+
}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {};
|
|
31
|
+
rootEl: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
35
|
+
clearSelection: () => void;
|
|
36
|
+
toggleRowSelection: (row: any) => void;
|
|
37
|
+
clearSort: () => void;
|
|
38
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
39
|
+
"selection-change": (selection: any[]) => any;
|
|
40
|
+
"row-click": (row: any) => any;
|
|
41
|
+
"sort-change": (prop: string, order: "desc" | "asc") => any;
|
|
42
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
43
|
+
"onSelection-change"?: ((selection: any[]) => any) | undefined;
|
|
44
|
+
"onRow-click"?: ((row: any) => any) | undefined;
|
|
45
|
+
"onSort-change"?: ((prop: string, order: "desc" | "asc") => any) | undefined;
|
|
46
|
+
}>, {
|
|
47
|
+
loading: boolean;
|
|
48
|
+
data: any[];
|
|
49
|
+
multiple: boolean;
|
|
50
|
+
height: string;
|
|
51
|
+
border: boolean;
|
|
52
|
+
columns: Column[];
|
|
53
|
+
selectable: boolean;
|
|
54
|
+
stripe: boolean;
|
|
55
|
+
rowKey: string;
|
|
56
|
+
expandable: boolean;
|
|
57
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
58
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
59
|
+
export default _default;
|
|
60
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
61
|
+
new (): {
|
|
62
|
+
$slots: S;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
@@ -1,55 +1,33 @@
|
|
|
1
|
-
type DateValue = string | {
|
|
2
|
-
start: string;
|
|
3
|
-
end: string;
|
|
4
|
-
} | string[];
|
|
5
1
|
interface Shortcut {
|
|
6
|
-
|
|
7
|
-
value:
|
|
8
|
-
start: string;
|
|
9
|
-
end: string;
|
|
10
|
-
} | string[];
|
|
2
|
+
text: string;
|
|
3
|
+
value: Date | [Date, Date];
|
|
11
4
|
}
|
|
12
5
|
interface Props {
|
|
13
|
-
modelValue?:
|
|
14
|
-
|
|
6
|
+
modelValue?: Date | [Date, Date] | null;
|
|
7
|
+
type?: 'date' | 'datetime' | 'range';
|
|
15
8
|
format?: string;
|
|
16
9
|
placeholder?: string;
|
|
17
|
-
label?: string;
|
|
18
|
-
errorMessage?: string;
|
|
19
10
|
disabled?: boolean;
|
|
20
11
|
readonly?: boolean;
|
|
21
|
-
|
|
22
|
-
min?: string;
|
|
23
|
-
max?: string;
|
|
24
|
-
disabledDates?: string[];
|
|
25
|
-
disabledWeekdays?: number[];
|
|
26
|
-
enabledDates?: string[];
|
|
27
|
-
showToday?: boolean;
|
|
28
|
-
clearable?: boolean;
|
|
29
|
-
closeOnSelect?: boolean;
|
|
30
|
-
showShortcuts?: boolean;
|
|
12
|
+
disabledDate?: (date: Date) => boolean;
|
|
31
13
|
shortcuts?: Shortcut[];
|
|
32
14
|
}
|
|
33
15
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
|
-
"update:modelValue": (value:
|
|
35
|
-
|
|
36
|
-
close: () => any;
|
|
37
|
-
clear: () => any;
|
|
16
|
+
"update:modelValue": (value: Date | [Date, Date] | null) => any;
|
|
17
|
+
change: (value: Date | [Date, Date] | null) => any;
|
|
38
18
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
39
|
-
"onUpdate:modelValue"?: ((value:
|
|
40
|
-
|
|
41
|
-
onClose?: (() => any) | undefined;
|
|
42
|
-
onClear?: (() => any) | undefined;
|
|
19
|
+
"onUpdate:modelValue"?: ((value: Date | [Date, Date] | null) => any) | undefined;
|
|
20
|
+
onChange?: ((value: Date | [Date, Date] | null) => any) | undefined;
|
|
43
21
|
}>, {
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
type: "date" | "datetime" | "range";
|
|
24
|
+
modelValue: Date | [Date, Date] | null;
|
|
44
25
|
placeholder: string;
|
|
45
|
-
|
|
26
|
+
readonly: boolean;
|
|
46
27
|
format: string;
|
|
47
|
-
showToday: boolean;
|
|
48
|
-
clearable: boolean;
|
|
49
|
-
closeOnSelect: boolean;
|
|
50
|
-
showShortcuts: boolean;
|
|
51
28
|
shortcuts: Shortcut[];
|
|
52
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
53
|
-
|
|
30
|
+
inputRef: HTMLInputElement;
|
|
31
|
+
dropdownRef: HTMLDivElement;
|
|
54
32
|
}, HTMLDivElement>;
|
|
55
33
|
export default _default;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DatametriaDialog - Modal/Dialog reutilizável com slots customizáveis
|
|
3
|
+
*
|
|
4
|
+
* @component
|
|
5
|
+
* @example
|
|
6
|
+
* <DatametriaDialog v-model="visible" title="Título">
|
|
7
|
+
* Conteúdo do dialog
|
|
8
|
+
* </DatametriaDialog>
|
|
9
|
+
*/
|
|
10
|
+
interface Props {
|
|
11
|
+
/** Controla visibilidade do dialog */
|
|
12
|
+
modelValue: boolean;
|
|
13
|
+
/** Título do dialog */
|
|
14
|
+
title?: string;
|
|
15
|
+
/** Largura do dialog (px, %, vw) */
|
|
16
|
+
width?: string | number;
|
|
17
|
+
/** Dialog em tela cheia */
|
|
18
|
+
fullscreen?: boolean;
|
|
19
|
+
/** Exibir overlay modal */
|
|
20
|
+
modal?: boolean;
|
|
21
|
+
/** Fechar ao clicar no overlay */
|
|
22
|
+
closeOnClickModal?: boolean;
|
|
23
|
+
/** Fechar ao pressionar ESC */
|
|
24
|
+
closeOnPressEscape?: boolean;
|
|
25
|
+
/** Exibir botão de fechar */
|
|
26
|
+
showClose?: boolean;
|
|
27
|
+
/** Centralizar conteúdo */
|
|
28
|
+
center?: boolean;
|
|
29
|
+
/** Callback antes de fechar */
|
|
30
|
+
beforeClose?: (done: () => void) => void;
|
|
31
|
+
}
|
|
32
|
+
declare function __VLS_template(): {
|
|
33
|
+
attrs: Partial<{}>;
|
|
34
|
+
slots: {
|
|
35
|
+
header?(_: {}): any;
|
|
36
|
+
default?(_: {}): any;
|
|
37
|
+
footer?(_: {}): any;
|
|
38
|
+
};
|
|
39
|
+
refs: {};
|
|
40
|
+
rootEl: any;
|
|
41
|
+
};
|
|
42
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
43
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
44
|
+
"update:modelValue": (value: boolean) => any;
|
|
45
|
+
close: () => any;
|
|
46
|
+
open: () => any;
|
|
47
|
+
opened: () => any;
|
|
48
|
+
closed: () => any;
|
|
49
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
50
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
51
|
+
onClose?: (() => any) | undefined;
|
|
52
|
+
onOpen?: (() => any) | undefined;
|
|
53
|
+
onOpened?: (() => any) | undefined;
|
|
54
|
+
onClosed?: (() => any) | undefined;
|
|
55
|
+
}>, {
|
|
56
|
+
title: string;
|
|
57
|
+
width: string | number;
|
|
58
|
+
fullscreen: boolean;
|
|
59
|
+
modal: boolean;
|
|
60
|
+
closeOnClickModal: boolean;
|
|
61
|
+
closeOnPressEscape: boolean;
|
|
62
|
+
showClose: boolean;
|
|
63
|
+
center: boolean;
|
|
64
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
65
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
66
|
+
export default _default;
|
|
67
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
68
|
+
new (): {
|
|
69
|
+
$slots: S;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
description?: string;
|
|
3
|
+
image?: string;
|
|
4
|
+
imageAlt?: string;
|
|
5
|
+
imageType?: 'no-data' | 'no-results' | 'error';
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
image?(_: {}): any;
|
|
11
|
+
description?(_: {}): any;
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
+
image: string;
|
|
20
|
+
description: string;
|
|
21
|
+
imageAlt: string;
|
|
22
|
+
imageType: "no-data" | "no-results" | "error";
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -17,9 +17,9 @@ declare function __VLS_template(): {
|
|
|
17
17
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
18
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
19
|
variant: "light" | "dark" | "primary";
|
|
20
|
-
ariaLabel: string;
|
|
21
|
-
offset: string;
|
|
22
20
|
position: "top" | "bottom" | "left" | "right";
|
|
21
|
+
offset: string;
|
|
22
|
+
ariaLabel: string;
|
|
23
23
|
rounded: boolean;
|
|
24
24
|
shadow: boolean;
|
|
25
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
model?: Record<string, any>;
|
|
3
|
+
rules?: Record<string, any>;
|
|
4
|
+
labelWidth?: string;
|
|
5
|
+
labelPosition?: 'left' | 'right' | 'top';
|
|
6
|
+
inline?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLFormElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
18
|
+
validate: () => Promise<boolean>;
|
|
19
|
+
validateField: (prop: string) => Promise<boolean>;
|
|
20
|
+
resetFields: () => void;
|
|
21
|
+
clearValidate: (props?: string | string[]) => void;
|
|
22
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
+
submit: (model: Record<string, any>) => any;
|
|
24
|
+
validate: (valid: boolean, errors: Record<string, string[]>) => any;
|
|
25
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
26
|
+
onSubmit?: ((model: Record<string, any>) => any) | undefined;
|
|
27
|
+
onValidate?: ((valid: boolean, errors: Record<string, string[]>) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
model: Record<string, any>;
|
|
30
|
+
rules: Record<string, any>;
|
|
31
|
+
labelPosition: "left" | "right" | "top";
|
|
32
|
+
inline: boolean;
|
|
33
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
|
|
34
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
37
|
+
new (): {
|
|
38
|
+
$slots: S;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
prop?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
rules?: any[];
|
|
5
|
+
required?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: HTMLDivElement;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
17
|
+
validate: () => Promise<boolean>;
|
|
18
|
+
reset: () => void;
|
|
19
|
+
clearValidate: () => void;
|
|
20
|
+
errorMessage: import('vue').Ref<string, string>;
|
|
21
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -12,8 +12,8 @@ declare function __VLS_template(): {
|
|
|
12
12
|
};
|
|
13
13
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
14
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
-
cols: number | string;
|
|
16
15
|
gap: string;
|
|
16
|
+
cols: number | string;
|
|
17
17
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
18
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
19
|
export default _default;
|
|
@@ -1,18 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DatametriaInput - Input de texto com validação e slots
|
|
3
|
+
*
|
|
4
|
+
* @component
|
|
5
|
+
* @example
|
|
6
|
+
* <DatametriaInput v-model="value" placeholder="Digite algo" />
|
|
7
|
+
*/
|
|
1
8
|
interface Props {
|
|
2
|
-
|
|
3
|
-
|
|
9
|
+
/** Valor do input */
|
|
10
|
+
modelValue: string | number;
|
|
11
|
+
/** Tipo do input */
|
|
12
|
+
type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
|
|
13
|
+
/** Placeholder */
|
|
4
14
|
placeholder?: string;
|
|
5
|
-
|
|
15
|
+
/** Input desabilitado */
|
|
6
16
|
disabled?: boolean;
|
|
7
|
-
|
|
17
|
+
/** Input somente leitura */
|
|
18
|
+
readonly?: boolean;
|
|
19
|
+
/** Botão de limpar */
|
|
20
|
+
clearable?: boolean;
|
|
21
|
+
/** Comprimento máximo */
|
|
22
|
+
maxlength?: number;
|
|
23
|
+
/** Ícone prefixo */
|
|
24
|
+
prefixIcon?: string;
|
|
25
|
+
/** Ícone sufixo */
|
|
26
|
+
suffixIcon?: string;
|
|
27
|
+
/** Tamanho */
|
|
28
|
+
size?: 'small' | 'default' | 'large';
|
|
8
29
|
}
|
|
9
|
-
declare
|
|
10
|
-
|
|
30
|
+
declare function __VLS_template(): {
|
|
31
|
+
attrs: Partial<{}>;
|
|
32
|
+
slots: {
|
|
33
|
+
prepend?(_: {}): any;
|
|
34
|
+
prefix?(_: {}): any;
|
|
35
|
+
suffix?(_: {}): any;
|
|
36
|
+
append?(_: {}): any;
|
|
37
|
+
};
|
|
38
|
+
refs: {
|
|
39
|
+
inputRef: HTMLInputElement;
|
|
40
|
+
};
|
|
41
|
+
rootEl: HTMLDivElement;
|
|
42
|
+
};
|
|
43
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
44
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
45
|
+
focus: () => void | undefined;
|
|
46
|
+
blur: () => void | undefined;
|
|
47
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
48
|
+
input: (value: string | number) => any;
|
|
49
|
+
"update:modelValue": (value: string | number) => any;
|
|
50
|
+
change: (value: string | number) => any;
|
|
51
|
+
focus: (event: FocusEvent) => any;
|
|
52
|
+
blur: (event: FocusEvent) => any;
|
|
53
|
+
clear: () => any;
|
|
11
54
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
-
|
|
55
|
+
onInput?: ((value: string | number) => any) | undefined;
|
|
56
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
57
|
+
onChange?: ((value: string | number) => any) | undefined;
|
|
58
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
59
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
60
|
+
onClear?: (() => any) | undefined;
|
|
13
61
|
}>, {
|
|
62
|
+
size: "small" | "default" | "large";
|
|
14
63
|
disabled: boolean;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
64
|
+
type: "text" | "password" | "email" | "number" | "tel" | "url";
|
|
65
|
+
placeholder: string;
|
|
66
|
+
readonly: boolean;
|
|
67
|
+
clearable: boolean;
|
|
68
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
69
|
+
inputRef: HTMLInputElement;
|
|
70
|
+
}, HTMLDivElement>;
|
|
71
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
72
|
export default _default;
|
|
73
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
74
|
+
new (): {
|
|
75
|
+
$slots: S;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
@@ -44,16 +44,16 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
44
44
|
toggle: () => void;
|
|
45
45
|
isOpen: import('vue').ComputedRef<boolean>;
|
|
46
46
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
47
|
-
open: () => any;
|
|
48
47
|
close: () => any;
|
|
48
|
+
open: () => any;
|
|
49
49
|
"item-click": (item: MenuItem, index: number) => any;
|
|
50
50
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
51
|
-
onOpen?: (() => any) | undefined;
|
|
52
51
|
onClose?: (() => any) | undefined;
|
|
52
|
+
onOpen?: (() => any) | undefined;
|
|
53
53
|
"onItem-click"?: ((item: MenuItem, index: number) => any) | undefined;
|
|
54
54
|
}>, {
|
|
55
|
-
placement: Placement;
|
|
56
55
|
offset: number;
|
|
56
|
+
placement: Placement;
|
|
57
57
|
items: MenuItem[];
|
|
58
58
|
triggerText: string;
|
|
59
59
|
showBackdrop: boolean;
|
|
@@ -19,10 +19,10 @@ declare function __VLS_template(): {
|
|
|
19
19
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
20
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
21
21
|
variant: "light" | "dark" | "transparent" | "primary";
|
|
22
|
-
ariaLabel: string;
|
|
23
22
|
transparent: boolean;
|
|
24
|
-
brand: string;
|
|
25
23
|
sticky: boolean;
|
|
24
|
+
ariaLabel: string;
|
|
25
|
+
brand: string;
|
|
26
26
|
bordered: boolean;
|
|
27
27
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
28
28
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: number;
|
|
3
|
+
total?: number;
|
|
4
|
+
pageSize?: number;
|
|
5
|
+
pageSizes?: number[];
|
|
6
|
+
layout?: string;
|
|
7
|
+
pagerCount?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
small?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: number) => any;
|
|
13
|
+
"size-change": (size: number) => any;
|
|
14
|
+
"current-change": (page: number) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
17
|
+
"onSize-change"?: ((size: number) => any) | undefined;
|
|
18
|
+
"onCurrent-change"?: ((page: number) => any) | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
small: boolean;
|
|
22
|
+
modelValue: number;
|
|
23
|
+
pageSize: number;
|
|
24
|
+
total: number;
|
|
25
|
+
pageSizes: number[];
|
|
26
|
+
layout: string;
|
|
27
|
+
pagerCount: number;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
|
+
export default _default;
|