@up-packages/ui 0.4.0-dev → 0.4.1-dev
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 +0 -15
- package/dist/components/UpxDataTable/UpxDataTable.vue.d.ts +36 -0
- package/dist/composables/useToast.d.ts +1 -1
- package/dist/{uplexis-ui.css → up-ui.css} +1 -1
- package/dist/uplexis-ui.js +3089 -3072
- package/dist/uplexis-ui.js.map +1 -1
- package/dist/uplexis-ui.umd.cjs +3 -3
- package/dist/uplexis-ui.umd.cjs.map +1 -1
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -118,21 +118,6 @@ const handleClick = () => {
|
|
|
118
118
|
</script>
|
|
119
119
|
```
|
|
120
120
|
|
|
121
|
-
### Importação Individual (Tree-shaking)
|
|
122
|
-
|
|
123
|
-
Para otimizar o bundle, importe apenas os componentes que você precisa:
|
|
124
|
-
|
|
125
|
-
```vue
|
|
126
|
-
<template>
|
|
127
|
-
<UpxButton color="primary">Meu Botão</UpxButton>
|
|
128
|
-
</template>
|
|
129
|
-
|
|
130
|
-
<script setup lang="ts">
|
|
131
|
-
import { UpxButton } from "@uplexis/ui";
|
|
132
|
-
import "@uplexis/ui/styles.css";
|
|
133
|
-
</script>
|
|
134
|
-
```
|
|
135
|
-
|
|
136
121
|
### Usando com Vuetify Customizado
|
|
137
122
|
|
|
138
123
|
Se você já tem uma instância do Vuetify configurada:
|
|
@@ -7,6 +7,30 @@ export interface UpxDataTableHeader {
|
|
|
7
7
|
minWidth?: string | number;
|
|
8
8
|
maxWidth?: string | number;
|
|
9
9
|
}
|
|
10
|
+
export interface UpxDataTableClasses {
|
|
11
|
+
table?: string;
|
|
12
|
+
header?: string;
|
|
13
|
+
headerRow?: string;
|
|
14
|
+
headerCell?: string;
|
|
15
|
+
body?: string;
|
|
16
|
+
row?: string;
|
|
17
|
+
cell?: string;
|
|
18
|
+
footer?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface UpxDataTableStyles {
|
|
21
|
+
headerFontSize?: string;
|
|
22
|
+
headerFontWeight?: string | number;
|
|
23
|
+
headerBackground?: string;
|
|
24
|
+
headerColor?: string;
|
|
25
|
+
bodyFontSize?: string;
|
|
26
|
+
bodyFontWeight?: string | number;
|
|
27
|
+
rowBackground?: string;
|
|
28
|
+
rowHoverBackground?: string;
|
|
29
|
+
rowAlternateBackground?: string;
|
|
30
|
+
cellPadding?: string;
|
|
31
|
+
borderColor?: string;
|
|
32
|
+
}
|
|
33
|
+
export type UpxDataTableVariant = 'default' | 'striped' | 'bordered' | 'compact' | 'minimal';
|
|
10
34
|
export interface UpxDataTableProps {
|
|
11
35
|
headers: UpxDataTableHeader[];
|
|
12
36
|
items: any[];
|
|
@@ -23,6 +47,16 @@ export interface UpxDataTableProps {
|
|
|
23
47
|
height?: string | number;
|
|
24
48
|
showSelect?: boolean;
|
|
25
49
|
modelValue?: any[];
|
|
50
|
+
headerFontSize?: string;
|
|
51
|
+
headerFontWeight?: string | number;
|
|
52
|
+
headerClass?: string;
|
|
53
|
+
bodyFontSize?: string;
|
|
54
|
+
bodyFontWeight?: string | number;
|
|
55
|
+
bodyClass?: string;
|
|
56
|
+
hidePagination?: boolean;
|
|
57
|
+
variant?: UpxDataTableVariant;
|
|
58
|
+
customClasses?: UpxDataTableClasses;
|
|
59
|
+
customStyles?: UpxDataTableStyles;
|
|
26
60
|
}
|
|
27
61
|
declare var __VLS_10: {}, __VLS_13: `item.${string}`, __VLS_14: {
|
|
28
62
|
item: any;
|
|
@@ -50,6 +84,7 @@ declare const __VLS_component: import("vue").DefineComponent<UpxDataTableProps,
|
|
|
50
84
|
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
|
|
51
85
|
"onUpdate:options"?: ((value: any) => any) | undefined;
|
|
52
86
|
}>, {
|
|
87
|
+
variant: UpxDataTableVariant;
|
|
53
88
|
density: "default" | "comfortable" | "compact";
|
|
54
89
|
loading: boolean;
|
|
55
90
|
itemsPerPage: number;
|
|
@@ -60,6 +95,7 @@ declare const __VLS_component: import("vue").DefineComponent<UpxDataTableProps,
|
|
|
60
95
|
hover: boolean;
|
|
61
96
|
fixedHeader: boolean;
|
|
62
97
|
showSelect: boolean;
|
|
98
|
+
hidePagination: boolean;
|
|
63
99
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
64
100
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
65
101
|
export default _default;
|
|
@@ -31,7 +31,7 @@ export interface Toast extends Required<Omit<ToastOptions, "duration">> {
|
|
|
31
31
|
* type: 'success'
|
|
32
32
|
* })
|
|
33
33
|
*/
|
|
34
|
-
export declare function useToast(
|
|
34
|
+
export declare function useToast(_toastRef?: any): {
|
|
35
35
|
toasts: Ref<Toast[], Toast[]>;
|
|
36
36
|
addToast: (options: ToastOptions) => Toast;
|
|
37
37
|
removeToast: (id: number | string) => void;
|