Skip to content
This repository was archived by the owner on Sep 30, 2024. It is now read-only.

Commit 4900949

Browse files
lukicenturilukicenturi
committed
feat(AutoComplete): add some missing props
1 parent 1aa5495 commit 4900949

File tree

7 files changed

+319
-52
lines changed

7 files changed

+319
-52
lines changed

‎example/src/views/AutoCompleteView.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -181,19 +181,22 @@ const autoCompletePrimitive = ref<AutoCompleteProps<string>[]>([
181181
},
182182
{
183183
value: [],
184+
chips: true,
184185
variant: 'outlined',
185186
label: 'Multiple',
186187
options: primitiveOptions,
187188
},
188189
{
189190
value: [],
191+
chips: true,
190192
dense: true,
191193
variant: 'outlined',
192194
label: 'Multiple',
193195
options: primitiveOptions,
194196
},
195197
{
196198
value: [],
199+
chips: true,
197200
dense: true,
198201
disabled: true,
199202
variant: 'outlined',

‎example/src/views/ChipView.vue

Lines changed: 171 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,12 @@ import { type ChipProps, RuiChip } from '@rotki/ui-library-compat';
66
const dismissed = ref<Record<string | number, number>>({});
77
88
const chips = ref<ChipProps[]>([
9+
{
10+
disabled: false,
11+
color: 'grey',
12+
variant: 'filled',
13+
closeable: true,
14+
},
915
{
1016
disabled: false,
1117
color: 'primary',
@@ -42,6 +48,12 @@ const chips = ref<ChipProps[]>([
4248
variant: 'filled',
4349
closeable: true,
4450
},
51+
{
52+
disabled: true,
53+
color: 'grey',
54+
variant: 'filled',
55+
closeable: true,
56+
},
4557
{
4658
disabled: true,
4759
color: 'primary',
@@ -78,6 +90,12 @@ const chips = ref<ChipProps[]>([
7890
variant: 'filled',
7991
closeable: true,
8092
},
93+
{
94+
disabled: false,
95+
color: 'grey',
96+
variant: 'filled',
97+
closeable: false,
98+
},
8199
{
82100
disabled: false,
83101
color: 'primary',
@@ -114,6 +132,13 @@ const chips = ref<ChipProps[]>([
114132
variant: 'filled',
115133
closeable: false,
116134
},
135+
{
136+
disabled: false,
137+
color: 'grey',
138+
variant: 'filled',
139+
closeable: false,
140+
tile: true,
141+
},
117142
{
118143
disabled: false,
119144
color: 'primary',
@@ -157,6 +182,14 @@ const chips = ref<ChipProps[]>([
157182
tile: true,
158183
},
159184
185+
{
186+
disabled: false,
187+
color: 'grey',
188+
variant: 'filled',
189+
closeable: false,
190+
tile: true,
191+
clickable: true,
192+
},
160193
{
161194
disabled: false,
162195
color: 'primary',
@@ -205,6 +238,13 @@ const chips = ref<ChipProps[]>([
205238
tile: true,
206239
clickable: true,
207240
},
241+
{
242+
disabled: false,
243+
color: 'grey',
244+
variant: 'filled',
245+
size: 'sm',
246+
closeable: true,
247+
},
208248
{
209249
disabled: false,
210250
color: 'primary',
@@ -247,6 +287,13 @@ const chips = ref<ChipProps[]>([
247287
size: 'sm',
248288
closeable: true,
249289
},
290+
{
291+
disabled: true,
292+
color: 'grey',
293+
variant: 'filled',
294+
size: 'sm',
295+
closeable: true,
296+
},
250297
{
251298
disabled: true,
252299
color: 'primary',
@@ -289,6 +336,12 @@ const chips = ref<ChipProps[]>([
289336
size: 'sm',
290337
closeable: true,
291338
},
339+
{
340+
disabled: false,
341+
color: 'grey',
342+
variant: 'filled',
343+
closeable: false,
344+
},
292345
{
293346
disabled: false,
294347
color: 'primary',
@@ -325,6 +378,12 @@ const chips = ref<ChipProps[]>([
325378
variant: 'filled',
326379
closeable: false,
327380
},
381+
{
382+
disabled: false,
383+
color: 'grey',
384+
variant: 'outlined',
385+
closeable: true,
386+
},
328387
{
329388
disabled: false,
330389
color: 'primary',
@@ -361,6 +420,12 @@ const chips = ref<ChipProps[]>([
361420
variant: 'outlined',
362421
closeable: true,
363422
},
423+
{
424+
disabled: true,
425+
color: 'grey',
426+
variant: 'outlined',
427+
closeable: true,
428+
},
364429
{
365430
disabled: true,
366431
color: 'primary',
@@ -397,6 +462,12 @@ const chips = ref<ChipProps[]>([
397462
variant: 'outlined',
398463
closeable: true,
399464
},
465+
{
466+
disabled: false,
467+
color: 'grey',
468+
variant: 'outlined',
469+
closeable: false,
470+
},
400471
{
401472
disabled: false,
402473
color: 'primary',
@@ -433,6 +504,13 @@ const chips = ref<ChipProps[]>([
433504
variant: 'outlined',
434505
closeable: false,
435506
},
507+
{
508+
disabled: false,
509+
color: 'grey',
510+
variant: 'outlined',
511+
size: 'sm',
512+
closeable: true,
513+
},
436514
{
437515
disabled: false,
438516
color: 'primary',
@@ -475,6 +553,13 @@ const chips = ref<ChipProps[]>([
475553
size: 'sm',
476554
closeable: true,
477555
},
556+
{
557+
disabled: true,
558+
color: 'grey',
559+
variant: 'outlined',
560+
size: 'sm',
561+
closeable: true,
562+
},
478563
{
479564
disabled: true,
480565
color: 'primary',
@@ -517,6 +602,12 @@ const chips = ref<ChipProps[]>([
517602
size: 'sm',
518603
closeable: true,
519604
},
605+
{
606+
disabled: false,
607+
color: 'grey',
608+
variant: 'outlined',
609+
closeable: false,
610+
},
520611
{
521612
disabled: false,
522613
color: 'primary',
@@ -556,6 +647,12 @@ const chips = ref<ChipProps[]>([
556647
]);
557648
558649
const prependChips = ref<ChipProps[]>([
650+
{
651+
disabled: false,
652+
color: 'grey',
653+
variant: 'filled',
654+
closeable: true,
655+
},
559656
{
560657
disabled: false,
561658
color: 'primary',
@@ -592,6 +689,12 @@ const prependChips = ref<ChipProps[]>([
592689
variant: 'filled',
593690
closeable: true,
594691
},
692+
{
693+
disabled: true,
694+
color: 'grey',
695+
variant: 'filled',
696+
closeable: true,
697+
},
595698
{
596699
disabled: true,
597700
color: 'primary',
@@ -628,6 +731,12 @@ const prependChips = ref<ChipProps[]>([
628731
variant: 'filled',
629732
closeable: true,
630733
},
734+
{
735+
disabled: false,
736+
color: 'grey',
737+
variant: 'filled',
738+
closeable: false,
739+
},
631740
{
632741
disabled: false,
633742
color: 'primary',
@@ -664,6 +773,13 @@ const prependChips = ref<ChipProps[]>([
664773
variant: 'filled',
665774
closeable: false,
666775
},
776+
{
777+
disabled: false,
778+
color: 'grey',
779+
variant: 'filled',
780+
size: 'sm',
781+
closeable: true,
782+
},
667783
{
668784
disabled: false,
669785
color: 'primary',
@@ -706,6 +822,13 @@ const prependChips = ref<ChipProps[]>([
706822
size: 'sm',
707823
closeable: true,
708824
},
825+
{
826+
disabled: true,
827+
color: 'grey',
828+
variant: 'filled',
829+
size: 'sm',
830+
closeable: true,
831+
},
709832
{
710833
disabled: true,
711834
color: 'primary',
@@ -748,6 +871,13 @@ const prependChips = ref<ChipProps[]>([
748871
size: 'sm',
749872
closeable: true,
750873
},
874+
{
875+
disabled: false,
876+
color: 'grey',
877+
variant: 'filled',
878+
size: 'sm',
879+
closeable: false,
880+
},
751881
{
752882
disabled: false,
753883
color: 'primary',
@@ -790,6 +920,12 @@ const prependChips = ref<ChipProps[]>([
790920
size: 'sm',
791921
closeable: false,
792922
},
923+
{
924+
disabled: false,
925+
color: 'grey',
926+
variant: 'outlined',
927+
closeable: true,
928+
},
793929
{
794930
disabled: false,
795931
color: 'primary',
@@ -826,6 +962,12 @@ const prependChips = ref<ChipProps[]>([
826962
variant: 'outlined',
827963
closeable: true,
828964
},
965+
{
966+
disabled: true,
967+
color: 'grey',
968+
variant: 'outlined',
969+
closeable: true,
970+
},
829971
{
830972
disabled: true,
831973
color: 'primary',
@@ -862,6 +1004,12 @@ const prependChips = ref<ChipProps[]>([
8621004
variant: 'outlined',
8631005
closeable: true,
8641006
},
1007+
{
1008+
disabled: false,
1009+
color: 'grey',
1010+
variant: 'outlined',
1011+
closeable: false,
1012+
},
8651013
{
8661014
disabled: false,
8671015
color: 'primary',
@@ -898,6 +1046,13 @@ const prependChips = ref<ChipProps[]>([
8981046
variant: 'outlined',
8991047
closeable: false,
9001048
},
1049+
{
1050+
disabled: false,
1051+
color: 'grey',
1052+
variant: 'outlined',
1053+
size: 'sm',
1054+
closeable: true,
1055+
},
9011056
{
9021057
disabled: false,
9031058
color: 'primary',
@@ -940,6 +1095,13 @@ const prependChips = ref<ChipProps[]>([
9401095
size: 'sm',
9411096
closeable: true,
9421097
},
1098+
{
1099+
disabled: true,
1100+
color: 'grey',
1101+
variant: 'outlined',
1102+
size: 'sm',
1103+
closeable: true,
1104+
},
9431105
{
9441106
disabled: true,
9451107
color: 'primary',
@@ -982,6 +1144,13 @@ const prependChips = ref<ChipProps[]>([
9821144
size: 'sm',
9831145
closeable: true,
9841146
},
1147+
{
1148+
disabled: false,
1149+
color: 'grey',
1150+
variant: 'outlined',
1151+
size: 'sm',
1152+
closeable: false,
1153+
},
9851154
{
9861155
disabled: false,
9871156
color: 'primary',
@@ -1045,7 +1214,7 @@ function onRemove(identifier: number | string) {
10451214
>
10461215
Chips
10471216
</h2>
1048-
<div class="grid gap-6 grid-cols-6">
1217+
<div class="grid gap-6 grid-cols-7">
10491218
<div
10501219
v-for="(chip, i) in chips"
10511220
:key="i"
@@ -1068,7 +1237,7 @@ function onRemove(identifier: number | string) {
10681237
>
10691238
Chips with Prepend
10701239
</h2>
1071-
<div class="grid gap-6 grid-cols-6">
1240+
<div class="grid gap-6 grid-cols-7">
10721241
<div
10731242
v-for="(chip, i) in prependChips"
10741243
:key="i"

0 commit comments

Comments
 (0)