@comercti/react-components 0.8.0 → 0.9.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/comerc-style-guide.cjs.js +29 -29
- package/comerc-style-guide.es.js +2309 -2216
- package/comerc-style-guide.umd.js +27 -27
- package/index.d.ts +40 -18
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ selectable: boolean;
|
|
|
30
30
|
striped: boolean;
|
|
31
31
|
orderByServer: boolean;
|
|
32
32
|
expandLine: boolean;
|
|
33
|
+
compact: boolean;
|
|
33
34
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
34
35
|
rootRef: HTMLDivElement;
|
|
35
36
|
}, HTMLDivElement>;
|
|
@@ -114,6 +115,7 @@ backgroundColor: string;
|
|
|
114
115
|
titleColor: string;
|
|
115
116
|
disabledSubmit: boolean;
|
|
116
117
|
disabledClear: boolean;
|
|
118
|
+
showClearButton: boolean;
|
|
117
119
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
118
120
|
menuRef: HTMLDivElement;
|
|
119
121
|
}, HTMLDivElement>;
|
|
@@ -197,7 +199,7 @@ type: "inline" | "centralized" | "highlighted";
|
|
|
197
199
|
|
|
198
200
|
declare const __VLS_component_26: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
|
|
199
201
|
openMenu: boolean;
|
|
200
|
-
layout: "default" | "base";
|
|
202
|
+
layout: "default" | "base" | "minimal";
|
|
201
203
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
202
204
|
|
|
203
205
|
declare const __VLS_component_3: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
@@ -236,21 +238,18 @@ rootRef: HTMLDivElement;
|
|
|
236
238
|
}, any>;
|
|
237
239
|
|
|
238
240
|
declare const __VLS_component_6: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
239
|
-
"update:modelValue": (value: ItensMenu_2 | IReturn | Coluna[]) => any;
|
|
240
241
|
selected: (value: Coluna[]) => any;
|
|
241
242
|
redirect: (item: ItensMenu_2) => any;
|
|
242
243
|
}, string, PublicProps, Readonly<DropdownProps> & Readonly<{
|
|
243
|
-
"onUpdate:modelValue"?: (value: ItensMenu_2 | IReturn | Coluna[]) => any;
|
|
244
244
|
onSelected?: (value: Coluna[]) => any;
|
|
245
245
|
onRedirect?: (item: ItensMenu_2) => any;
|
|
246
246
|
}>, {
|
|
247
247
|
type: "menu" | "selection";
|
|
248
|
-
variant: "outlined" | "text";
|
|
249
248
|
itemsMenu: ItensMenu_2[];
|
|
250
249
|
itemsSelection: ItemsSelection_2[];
|
|
251
250
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
252
251
|
dropdownRef: HTMLDivElement;
|
|
253
|
-
},
|
|
252
|
+
}, any>;
|
|
254
253
|
|
|
255
254
|
declare const __VLS_component_7: DefineComponent<__VLS_Props_11, {
|
|
256
255
|
/** focus input */
|
|
@@ -268,6 +267,7 @@ onBlur?: (value: Event) => any;
|
|
|
268
267
|
}>, {
|
|
269
268
|
invalid: boolean;
|
|
270
269
|
disabled: boolean;
|
|
270
|
+
reserveSpaceFeedback: boolean;
|
|
271
271
|
type: "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "date";
|
|
272
272
|
rounded: boolean;
|
|
273
273
|
noAlertIcon: boolean;
|
|
@@ -341,7 +341,7 @@ declare type __VLS_Props_10 = {
|
|
|
341
341
|
|
|
342
342
|
declare type __VLS_Props_11 = {
|
|
343
343
|
/** Valor do input para two-way binding (v-model) */
|
|
344
|
-
modelValue?: string | number;
|
|
344
|
+
modelValue?: string | number | null;
|
|
345
345
|
/** Tipo do input (text, password, email, etc) */
|
|
346
346
|
type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date';
|
|
347
347
|
/** ID única do input */
|
|
@@ -366,11 +366,13 @@ declare type __VLS_Props_11 = {
|
|
|
366
366
|
noAlertIcon?: boolean;
|
|
367
367
|
/** Desativa a edição do input */
|
|
368
368
|
readonly?: boolean;
|
|
369
|
+
/** Se o input deve reservar espaço para feedback de erro */
|
|
370
|
+
reserveSpaceFeedback?: boolean;
|
|
369
371
|
};
|
|
370
372
|
|
|
371
373
|
declare type __VLS_Props_12 = {
|
|
372
374
|
/** Valor do radio para two-way binding (v-model) */
|
|
373
|
-
modelValue?: ModelValueType_2;
|
|
375
|
+
modelValue?: ModelValueType_2 | null;
|
|
374
376
|
/** ID única do radio */
|
|
375
377
|
id?: string;
|
|
376
378
|
/** Estrutura para adicionar o radio */
|
|
@@ -519,6 +521,8 @@ declare type __VLS_Props_2 = {
|
|
|
519
521
|
disabled?: boolean;
|
|
520
522
|
/** Define a direção do texto */
|
|
521
523
|
textDirection?: 'left' | 'right';
|
|
524
|
+
/** Define o valor selecionado */
|
|
525
|
+
modelValue: number;
|
|
522
526
|
};
|
|
523
527
|
|
|
524
528
|
declare type __VLS_Props_20 = {
|
|
@@ -564,6 +568,8 @@ declare type __VLS_Props_22 = {
|
|
|
564
568
|
disabledSubmit?: boolean;
|
|
565
569
|
/**Desabilita o botão de limpar */
|
|
566
570
|
disabledClear?: boolean;
|
|
571
|
+
/** Define se o botão de limpar será exibido */
|
|
572
|
+
showClearButton?: boolean;
|
|
567
573
|
};
|
|
568
574
|
|
|
569
575
|
declare type __VLS_Props_23 = {
|
|
@@ -681,7 +687,7 @@ declare type __VLS_Props_33 = {
|
|
|
681
687
|
/** Indica se o menu abriu */
|
|
682
688
|
openMenu?: boolean;
|
|
683
689
|
/** Defini o tipo de layout a ser usado */
|
|
684
|
-
layout: 'default' | 'base';
|
|
690
|
+
layout: 'default' | 'base' | 'minimal';
|
|
685
691
|
};
|
|
686
692
|
|
|
687
693
|
declare type __VLS_Props_34 = {
|
|
@@ -731,7 +737,7 @@ declare type __VLS_Props_6 = {
|
|
|
731
737
|
|
|
732
738
|
declare type __VLS_Props_7 = {
|
|
733
739
|
/** Valor do checkbox para two-way binding (v-model) */
|
|
734
|
-
modelValue?: ModelValueType;
|
|
740
|
+
modelValue?: ModelValueType | null;
|
|
735
741
|
/** ID única do checkbox */
|
|
736
742
|
id?: string;
|
|
737
743
|
/** Valor a ser definido quando checkbox estiver marcado */
|
|
@@ -752,6 +758,8 @@ declare type __VLS_Props_7 = {
|
|
|
752
758
|
block?: boolean;
|
|
753
759
|
/** Controla o estado visual indeterminate */
|
|
754
760
|
indeterminate?: boolean;
|
|
761
|
+
/** Se o checkbox deve reservar espaço para feedback de erro */
|
|
762
|
+
reserveSpaceFeedback?: boolean;
|
|
755
763
|
};
|
|
756
764
|
|
|
757
765
|
declare type __VLS_Props_8 = {
|
|
@@ -1116,6 +1124,14 @@ declare function __VLS_template_26(): {
|
|
|
1116
1124
|
content?: () => VNode[];
|
|
1117
1125
|
/** Adicione conteúdo no footer */
|
|
1118
1126
|
footer?: () => VNode[];
|
|
1127
|
+
/** Adicione conteúdo no nav */
|
|
1128
|
+
nav?: () => VNode[];
|
|
1129
|
+
/** Adicione conteúdo no dividers */
|
|
1130
|
+
dividers?: () => VNode[];
|
|
1131
|
+
/** Adicione conteúdo no filter */
|
|
1132
|
+
filter?: () => VNode[];
|
|
1133
|
+
/** Adicione conteúdo na tabela */
|
|
1134
|
+
table?: () => VNode[];
|
|
1119
1135
|
}> & {
|
|
1120
1136
|
/** Adicione conteúdo no header */
|
|
1121
1137
|
header?: () => VNode[];
|
|
@@ -1125,6 +1141,14 @@ declare function __VLS_template_26(): {
|
|
|
1125
1141
|
content?: () => VNode[];
|
|
1126
1142
|
/** Adicione conteúdo no footer */
|
|
1127
1143
|
footer?: () => VNode[];
|
|
1144
|
+
/** Adicione conteúdo no nav */
|
|
1145
|
+
nav?: () => VNode[];
|
|
1146
|
+
/** Adicione conteúdo no dividers */
|
|
1147
|
+
dividers?: () => VNode[];
|
|
1148
|
+
/** Adicione conteúdo no filter */
|
|
1149
|
+
filter?: () => VNode[];
|
|
1150
|
+
/** Adicione conteúdo na tabela */
|
|
1151
|
+
table?: () => VNode[];
|
|
1128
1152
|
};
|
|
1129
1153
|
refs: {};
|
|
1130
1154
|
rootEl: any;
|
|
@@ -1197,7 +1221,7 @@ declare function __VLS_template_6(): {
|
|
|
1197
1221
|
refs: {
|
|
1198
1222
|
dropdownRef: HTMLDivElement;
|
|
1199
1223
|
};
|
|
1200
|
-
rootEl:
|
|
1224
|
+
rootEl: any;
|
|
1201
1225
|
};
|
|
1202
1226
|
|
|
1203
1227
|
declare function __VLS_template_7(): {
|
|
@@ -1625,6 +1649,8 @@ declare type DataTableProps = {
|
|
|
1625
1649
|
orderByServer?: boolean;
|
|
1626
1650
|
/**Permitir a expansão da linha */
|
|
1627
1651
|
expandLine?: boolean;
|
|
1652
|
+
/** Define o estilo compacto da tabela */
|
|
1653
|
+
compact?: boolean;
|
|
1628
1654
|
};
|
|
1629
1655
|
|
|
1630
1656
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1647,6 +1673,7 @@ invalid: boolean;
|
|
|
1647
1673
|
disabled: boolean;
|
|
1648
1674
|
block: boolean;
|
|
1649
1675
|
indeterminate: boolean;
|
|
1676
|
+
reserveSpaceFeedback: boolean;
|
|
1650
1677
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
1651
1678
|
inputRef: HTMLInputElement;
|
|
1652
1679
|
}, any>;
|
|
@@ -1716,6 +1743,7 @@ onPaginate?: (value: number) => any;
|
|
|
1716
1743
|
}>, {
|
|
1717
1744
|
totalPages: number;
|
|
1718
1745
|
currentPage: number;
|
|
1746
|
+
itemsPerPage: number;
|
|
1719
1747
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1720
1748
|
|
|
1721
1749
|
declare const _default_20: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
@@ -1870,8 +1898,6 @@ declare interface DropdownProps {
|
|
|
1870
1898
|
itemsMenu?: ItensMenu[];
|
|
1871
1899
|
/** Define os itens do dropdown tipo seleção */
|
|
1872
1900
|
itemsSelection?: ItemsSelection[];
|
|
1873
|
-
/** Define a variante do dropdown */
|
|
1874
|
-
variant?: 'outlined' | 'text';
|
|
1875
1901
|
/** Define o tipo do dropdown */
|
|
1876
1902
|
type?: 'menu' | 'selection';
|
|
1877
1903
|
}
|
|
@@ -1918,12 +1944,6 @@ declare type IProgressStepsProps = {
|
|
|
1918
1944
|
items: IItems[];
|
|
1919
1945
|
};
|
|
1920
1946
|
|
|
1921
|
-
declare interface IReturn {
|
|
1922
|
-
text: string;
|
|
1923
|
-
path?: string;
|
|
1924
|
-
options?: unknown;
|
|
1925
|
-
}
|
|
1926
|
-
|
|
1927
1947
|
export declare const isMobile: Ref<boolean, boolean>;
|
|
1928
1948
|
|
|
1929
1949
|
declare interface ISocialMedia {
|
|
@@ -2008,6 +2028,8 @@ declare type PaginationProps = {
|
|
|
2008
2028
|
totalPages: number;
|
|
2009
2029
|
/** Página atual */
|
|
2010
2030
|
currentPage: number;
|
|
2031
|
+
/** Itens por página */
|
|
2032
|
+
itemsPerPage: number;
|
|
2011
2033
|
};
|
|
2012
2034
|
|
|
2013
2035
|
export declare const removeCeToast: (id: number) => void;
|