@datametria/vue-components 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -8
- package/dist/index.d.ts +2 -0
- package/dist/src/components/DatametriaAlert.vue.d.ts +33 -0
- package/dist/src/components/DatametriaAutocomplete.vue.d.ts +28 -0
- package/dist/src/components/DatametriaAvatar.vue.d.ts +25 -0
- package/dist/src/components/DatametriaBadge.vue.d.ts +26 -0
- package/dist/src/components/DatametriaBreadcrumb.vue.d.ts +16 -0
- package/dist/src/components/DatametriaButton.vue.d.ts +37 -0
- package/dist/src/components/DatametriaCard.vue.d.ts +25 -0
- package/dist/src/components/DatametriaCheckbox.vue.d.ts +14 -0
- package/dist/src/components/DatametriaChip.vue.d.ts +34 -0
- package/dist/src/components/DatametriaContainer.vue.d.ts +24 -0
- package/dist/src/components/DatametriaDatePicker.vue.d.ts +55 -0
- package/dist/src/components/DatametriaDivider.vue.d.ts +25 -0
- package/dist/src/components/DatametriaFileUpload.vue.d.ts +28 -0
- package/dist/src/components/DatametriaFloatingBar.vue.d.ts +32 -0
- package/dist/src/components/DatametriaGrid.vue.d.ts +24 -0
- package/dist/src/components/DatametriaInput.vue.d.ts +18 -0
- package/dist/src/components/DatametriaMenu.vue.d.ts +71 -0
- package/dist/src/components/DatametriaModal.vue.d.ts +34 -0
- package/dist/src/components/DatametriaNavbar.vue.d.ts +34 -0
- package/dist/src/components/DatametriaPasswordInput.vue.d.ts +29 -0
- package/dist/src/components/DatametriaProgress.vue.d.ts +12 -0
- package/dist/src/components/DatametriaRadio.vue.d.ts +17 -0
- package/dist/src/components/DatametriaSelect.vue.d.ts +23 -0
- package/dist/src/components/DatametriaSidebar.vue.d.ts +45 -0
- package/dist/src/components/DatametriaSkeleton.vue.d.ts +18 -0
- package/dist/src/components/DatametriaSlider.vue.d.ts +41 -0
- package/dist/src/components/DatametriaSortableTable.vue.d.ts +32 -0
- package/dist/src/components/DatametriaSpinner.vue.d.ts +12 -0
- package/dist/src/components/DatametriaSwitch.vue.d.ts +16 -0
- package/dist/src/components/DatametriaTable.vue.d.ts +29 -0
- package/dist/src/components/DatametriaTabs.vue.d.ts +41 -0
- package/dist/src/components/DatametriaTextarea.vue.d.ts +22 -0
- package/dist/src/components/DatametriaTimePicker.vue.d.ts +36 -0
- package/dist/src/components/DatametriaToast.vue.d.ts +20 -0
- package/dist/src/components/DatametriaTooltip.vue.d.ts +58 -0
- package/dist/src/composables/useAPI.d.ts +14 -0
- package/dist/src/composables/useAccessibilityScale.d.ts +14 -0
- package/dist/src/composables/useBreakpoints.d.ts +33 -0
- package/dist/src/composables/useClipboard.d.ts +6 -0
- package/dist/src/composables/useDebounce.d.ts +2 -0
- package/dist/src/composables/useHapticFeedback.d.ts +34 -0
- package/dist/src/composables/useLocalStorage.d.ts +2 -0
- package/dist/src/composables/useRipple.d.ts +49 -0
- package/dist/src/composables/useTheme.d.ts +10 -0
- package/dist/src/composables/useValidation.d.ts +14 -0
- package/dist/src/index.d.ts +53 -0
- package/dist/src/theme/ThemeProvider.vue.d.ts +24 -0
- package/dist/src/theme/constants.d.ts +5 -0
- package/dist/src/theme/index.d.ts +11 -0
- package/dist/src/theme/presets/datametria.d.ts +2 -0
- package/dist/src/theme/presets/default.d.ts +2 -0
- package/dist/src/theme/presets/index.d.ts +7 -0
- package/dist/src/theme/tokens/colors.d.ts +2 -0
- package/dist/src/theme/tokens/index.d.ts +8 -0
- package/dist/src/theme/tokens/spacing.d.ts +2 -0
- package/dist/src/theme/tokens/typography.d.ts +2 -0
- package/dist/src/theme/types.d.ts +102 -0
- package/dist/src/theme/useTheme.d.ts +8 -0
- package/dist/src/types/index.d.ts +47 -0
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
## Vue.js Component Library com Sistema de Theming Multi-Brand/Multi-Tenant
|
|
8
8
|
|
|
9
9
|
[](https://github.com/datametria/DATAMETRIA-common-libraries/actions)
|
|
10
|
-
[](https://github.com/datametria/DATAMETRIA-common-libraries)
|
|
11
11
|
[](LICENSE)
|
|
12
12
|
[](https://www.npmjs.com/package/@datametria/vue-components)
|
|
13
13
|
[](https://vuejs.org/)
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
|
-
**Versão**: 2.1.
|
|
24
|
-
**Data**:
|
|
23
|
+
**Versão**: 2.1.1
|
|
24
|
+
**Data**: 20/11/2025
|
|
25
25
|
**Autor**: Vander Loto - CTO DATAMETRIA
|
|
26
26
|
|
|
27
27
|
---
|
|
@@ -97,13 +97,19 @@ Biblioteca completa de componentes Vue.js 3 com suporte a **theming multi-brand/
|
|
|
97
97
|
### NPM
|
|
98
98
|
|
|
99
99
|
```bash
|
|
100
|
-
npm install @datametria/vue-components
|
|
100
|
+
npm install @datametria/vue-components@latest
|
|
101
101
|
```
|
|
102
102
|
|
|
103
103
|
### Yarn
|
|
104
104
|
|
|
105
105
|
```bash
|
|
106
|
-
yarn add @datametria/vue-components
|
|
106
|
+
yarn add @datametria/vue-components@latest
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
### PNPM
|
|
110
|
+
|
|
111
|
+
```bash
|
|
112
|
+
pnpm add @datametria/vue-components@latest
|
|
107
113
|
```
|
|
108
114
|
|
|
109
115
|
### Pré-requisitos
|
|
@@ -116,6 +122,13 @@ yarn add @datametria/vue-components@^2.1.0
|
|
|
116
122
|
|
|
117
123
|
## 🚀 Uso Básico
|
|
118
124
|
|
|
125
|
+
### Importar CSS
|
|
126
|
+
|
|
127
|
+
```typescript
|
|
128
|
+
// main.ts ou main.js
|
|
129
|
+
import '@datametria/vue-components/style.css'
|
|
130
|
+
```
|
|
131
|
+
|
|
119
132
|
### Sem Theming (v1.x compatível)
|
|
120
133
|
|
|
121
134
|
```vue
|
|
@@ -131,6 +144,7 @@ yarn add @datametria/vue-components@^2.1.0
|
|
|
131
144
|
|
|
132
145
|
<script setup lang="ts">
|
|
133
146
|
import { DatametriaButton, DatametriaCard } from '@datametria/vue-components'
|
|
147
|
+
import '@datametria/vue-components/style.css'
|
|
134
148
|
</script>
|
|
135
149
|
```
|
|
136
150
|
|
|
@@ -378,7 +392,7 @@ const temas = {
|
|
|
378
392
|
- **WCAG 2.1 AA**: Compliance de acessibilidade
|
|
379
393
|
- **Responsive**: Mobile-first design
|
|
380
394
|
- **Dark Mode**: Suporte nativo
|
|
381
|
-
- **98.
|
|
395
|
+
- **98.2% Coverage**: Testes automatizados
|
|
382
396
|
|
|
383
397
|
### ✅ Developer Experience
|
|
384
398
|
- **Composition API**: Vue 3 nativo
|
|
@@ -486,8 +500,8 @@ src/
|
|
|
486
500
|
|
|
487
501
|
### Qualidade
|
|
488
502
|
- **Componentes**: 32 com theming
|
|
489
|
-
- **Cobertura**: 98.
|
|
490
|
-
- **TypeScript**: 100% tipado
|
|
503
|
+
- **Cobertura**: 98.2% testes
|
|
504
|
+
- **TypeScript**: 100% tipado com arquivos .d.ts
|
|
491
505
|
- **Acessibilidade**: WCAG 2.1 AA
|
|
492
506
|
|
|
493
507
|
### Compatibilidade
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
type AlertVariant = 'success' | 'error' | 'warning' | 'info' | 'primary';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: boolean;
|
|
4
|
+
variant?: AlertVariant;
|
|
5
|
+
title?: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
closable?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
"update:modelValue": (value: boolean) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
variant: AlertVariant;
|
|
24
|
+
modelValue: boolean;
|
|
25
|
+
closable: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface Option {
|
|
2
|
+
value: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
[key: string]: any;
|
|
5
|
+
}
|
|
6
|
+
interface Props {
|
|
7
|
+
modelValue?: string | number | Option | Option[];
|
|
8
|
+
options: (Option | string)[];
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
multiple?: boolean;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
"update:modelValue": (value: string | number | Option | Option[]) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
+
"onUpdate:modelValue"?: ((value: string | number | Option | Option[]) => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
placeholder: string;
|
|
24
|
+
multiple: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
26
|
+
autocompleteRef: HTMLDivElement;
|
|
27
|
+
}, HTMLDivElement>;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
src?: string;
|
|
3
|
+
name?: string;
|
|
4
|
+
alt?: string;
|
|
5
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
variant?: 'circular' | 'rounded' | 'square';
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
textColor?: string;
|
|
9
|
+
clickable?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
badge?: boolean;
|
|
12
|
+
status?: 'online' | 'offline' | 'away' | 'busy';
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
click: (event: MouseEvent) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
17
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
variant: "circular" | "rounded" | "square";
|
|
20
|
+
size: "sm" | "md" | "lg" | "xl";
|
|
21
|
+
loading: boolean;
|
|
22
|
+
clickable: boolean;
|
|
23
|
+
badge: boolean;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
label?: string;
|
|
3
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: HTMLSpanElement;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
17
|
+
variant: "primary" | "secondary" | "success" | "warning" | "error" | "info";
|
|
18
|
+
size: "sm" | "md" | "lg";
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
interface BreadcrumbItem {
|
|
2
|
+
label: string;
|
|
3
|
+
href?: string;
|
|
4
|
+
}
|
|
5
|
+
interface Props {
|
|
6
|
+
items: BreadcrumbItem[];
|
|
7
|
+
separator?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
click: (item: BreadcrumbItem, index: number) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
onClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
separator: string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ButtonVariant, ButtonSize } from '../types';
|
|
2
|
+
interface Props {
|
|
3
|
+
variant?: ButtonVariant;
|
|
4
|
+
size?: ButtonSize;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
type?: 'button' | 'submit' | 'reset';
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: HTMLButtonElement;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
click: (event: MouseEvent) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: ButtonVariant;
|
|
25
|
+
size: ButtonSize;
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
loading: boolean;
|
|
28
|
+
fullWidth: boolean;
|
|
29
|
+
type: "button" | "submit" | "reset";
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
title?: string;
|
|
3
|
+
padding?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
header?(_: {}): any;
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
footer?(_: {}): 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, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
17
|
+
padding: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: boolean;
|
|
3
|
+
label?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: boolean) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
modelValue: boolean;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
label?: string;
|
|
3
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
|
|
4
|
+
closable?: boolean;
|
|
5
|
+
clickable?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
icon?(_: {}): any;
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLDivElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
click: () => any;
|
|
19
|
+
close: () => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
21
|
+
onClick?: (() => any) | undefined;
|
|
22
|
+
onClose?: (() => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: "primary" | "secondary" | "success" | "warning" | "error";
|
|
25
|
+
closable: boolean;
|
|
26
|
+
clickable: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
fluid?: 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
size: "sm" | "md" | "lg" | "xl";
|
|
16
|
+
fluid: boolean;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
type DateValue = string | {
|
|
2
|
+
start: string;
|
|
3
|
+
end: string;
|
|
4
|
+
} | string[];
|
|
5
|
+
interface Shortcut {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string | {
|
|
8
|
+
start: string;
|
|
9
|
+
end: string;
|
|
10
|
+
} | string[];
|
|
11
|
+
}
|
|
12
|
+
interface Props {
|
|
13
|
+
modelValue?: DateValue;
|
|
14
|
+
mode?: 'single' | 'range' | 'multiple';
|
|
15
|
+
format?: string;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
errorMessage?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
readonly?: boolean;
|
|
21
|
+
required?: boolean;
|
|
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;
|
|
31
|
+
shortcuts?: Shortcut[];
|
|
32
|
+
}
|
|
33
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
|
+
"update:modelValue": (value: DateValue) => any;
|
|
35
|
+
open: () => any;
|
|
36
|
+
close: () => any;
|
|
37
|
+
clear: () => any;
|
|
38
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
39
|
+
"onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
|
|
40
|
+
onOpen?: (() => any) | undefined;
|
|
41
|
+
onClose?: (() => any) | undefined;
|
|
42
|
+
onClear?: (() => any) | undefined;
|
|
43
|
+
}>, {
|
|
44
|
+
placeholder: string;
|
|
45
|
+
mode: "single" | "range" | "multiple";
|
|
46
|
+
format: string;
|
|
47
|
+
showToday: boolean;
|
|
48
|
+
clearable: boolean;
|
|
49
|
+
closeOnSelect: boolean;
|
|
50
|
+
showShortcuts: boolean;
|
|
51
|
+
shortcuts: Shortcut[];
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
53
|
+
datepickerRef: HTMLDivElement;
|
|
54
|
+
}, HTMLDivElement>;
|
|
55
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
orientation?: 'horizontal' | 'vertical';
|
|
3
|
+
dashed?: boolean;
|
|
4
|
+
label?: string;
|
|
5
|
+
}
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
+
orientation: "horizontal" | "vertical";
|
|
17
|
+
dashed: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: File | File[];
|
|
3
|
+
accept?: string;
|
|
4
|
+
multiple?: boolean;
|
|
5
|
+
maxSize?: number;
|
|
6
|
+
maxFiles?: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
progress?: number;
|
|
10
|
+
uploadText?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: File | File[]) => any;
|
|
15
|
+
"file-added": (file: File) => any;
|
|
16
|
+
"file-removed": (file: File, index: number) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: File | File[]) => any) | undefined;
|
|
19
|
+
"onFile-added"?: ((file: File) => any) | undefined;
|
|
20
|
+
"onFile-removed"?: ((file: File, index: number) => any) | undefined;
|
|
21
|
+
}>, {
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
loading: boolean;
|
|
24
|
+
multiple: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
26
|
+
fileInputRef: HTMLInputElement;
|
|
27
|
+
}, HTMLDivElement>;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
position?: 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
+
variant?: 'light' | 'dark' | 'primary';
|
|
4
|
+
offset?: string;
|
|
5
|
+
shadow?: boolean;
|
|
6
|
+
rounded?: boolean;
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
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
|
+
variant: "light" | "dark" | "primary";
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
offset: string;
|
|
22
|
+
position: "top" | "bottom" | "left" | "right";
|
|
23
|
+
rounded: boolean;
|
|
24
|
+
shadow: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
cols?: number | string;
|
|
3
|
+
gap?: string;
|
|
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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
cols: number | string;
|
|
16
|
+
gap: string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue?: string | number;
|
|
3
|
+
label?: string;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: string) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
modelValue: string | number;
|
|
16
|
+
required: boolean;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
interface MenuItem {
|
|
2
|
+
key?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
icon?: any;
|
|
6
|
+
shortcut?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
divider?: boolean;
|
|
9
|
+
action?: () => void;
|
|
10
|
+
}
|
|
11
|
+
type Placement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'left' | 'right';
|
|
12
|
+
interface Props {
|
|
13
|
+
items?: MenuItem[];
|
|
14
|
+
triggerText?: string;
|
|
15
|
+
placement?: Placement;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
showBackdrop?: boolean;
|
|
19
|
+
closeOnItemClick?: boolean;
|
|
20
|
+
offset?: number;
|
|
21
|
+
}
|
|
22
|
+
declare function __VLS_template(): {
|
|
23
|
+
attrs: Partial<{}>;
|
|
24
|
+
slots: {
|
|
25
|
+
trigger?(_: {
|
|
26
|
+
isOpen: boolean;
|
|
27
|
+
toggle: () => void;
|
|
28
|
+
}): any;
|
|
29
|
+
default?(_: {
|
|
30
|
+
close: () => void;
|
|
31
|
+
focusedIndex: number;
|
|
32
|
+
}): any;
|
|
33
|
+
};
|
|
34
|
+
refs: {
|
|
35
|
+
triggerRef: HTMLDivElement;
|
|
36
|
+
menuRef: HTMLDivElement;
|
|
37
|
+
};
|
|
38
|
+
rootEl: HTMLDivElement;
|
|
39
|
+
};
|
|
40
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
41
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
42
|
+
open: () => Promise<void>;
|
|
43
|
+
close: () => void;
|
|
44
|
+
toggle: () => void;
|
|
45
|
+
isOpen: import('vue').ComputedRef<boolean>;
|
|
46
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
47
|
+
open: () => any;
|
|
48
|
+
close: () => any;
|
|
49
|
+
"item-click": (item: MenuItem, index: number) => any;
|
|
50
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
51
|
+
onOpen?: (() => any) | undefined;
|
|
52
|
+
onClose?: (() => any) | undefined;
|
|
53
|
+
"onItem-click"?: ((item: MenuItem, index: number) => any) | undefined;
|
|
54
|
+
}>, {
|
|
55
|
+
placement: Placement;
|
|
56
|
+
offset: number;
|
|
57
|
+
items: MenuItem[];
|
|
58
|
+
triggerText: string;
|
|
59
|
+
showBackdrop: boolean;
|
|
60
|
+
closeOnItemClick: boolean;
|
|
61
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
62
|
+
triggerRef: HTMLDivElement;
|
|
63
|
+
menuRef: HTMLDivElement;
|
|
64
|
+
}, HTMLDivElement>;
|
|
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,34 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
modelValue: boolean;
|
|
3
|
+
title?: string;
|
|
4
|
+
size?: string;
|
|
5
|
+
closable?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
header?(_: {}): any;
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
footer?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
"update:modelValue": (value: boolean) => any;
|
|
20
|
+
close: () => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onClose?: (() => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
size: string;
|
|
26
|
+
closable: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|