Skip to content

Commit dbec77a

Browse files
Blackman99Blackman99
committed
patch release
1 parent 8bb450b commit dbec77a

File tree

9 files changed

+175
-31
lines changed

9 files changed

+175
-31
lines changed

‎.changeset/flat-cheetahs-leave.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@casual-ui/vue": patch
3+
---
4+
5+
feat: add ajax bar component

‎packages/docs/components/carousel.md

Lines changed: 42 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -14,14 +14,15 @@ import { ref } from 'vue'
1414
1515
const current = ref(0)
1616
</script>
17+
1718
<template>
1819
<c-carousel v-model="current">
1920
<c-carousel-slider>
2021
<div class="item">
2122
<div
2223
i-openmoji-red-apple
2324
class="icon"
24-
></div>
25+
/>
2526
Would you like some apples?
2627
</div>
2728
</c-carousel-slider>
@@ -30,7 +31,7 @@ const current = ref(0)
3031
<div
3132
i-openmoji-banana
3233
class="icon"
33-
></div>
34+
/>
3435
Would you like some bananas?
3536
</div>
3637
</c-carousel-slider>
@@ -39,12 +40,13 @@ const current = ref(0)
3940
<div
4041
class="icon"
4142
i-openmoji-grapes
42-
></div>
43+
/>
4344
Would you like some grapes?
4445
</div>
4546
</c-carousel-slider>
4647
</c-carousel>
4748
</template>
49+
4850
<style scoped>
4951
.item {
5052
font-size: 32px;
@@ -69,6 +71,7 @@ import { ref } from 'vue'
6971
7072
const current = ref(0)
7173
</script>
74+
7275
<template>
7376
<c-carousel
7477
v-model="current"
@@ -79,7 +82,7 @@ const current = ref(0)
7982
<div
8083
i-openmoji-red-apple
8184
class="icon"
82-
></div>
85+
/>
8386
Would you like some apples?
8487
</div>
8588
</c-carousel-slider>
@@ -88,7 +91,7 @@ const current = ref(0)
8891
<div
8992
i-openmoji-banana
9093
class="icon"
91-
></div>
94+
/>
9295
Would you like some bananas?
9396
</div>
9497
</c-carousel-slider>
@@ -97,12 +100,13 @@ const current = ref(0)
97100
<div
98101
class="icon"
99102
i-openmoji-grapes
100-
></div>
103+
/>
101104
Would you like some grapes?
102105
</div>
103106
</c-carousel-slider>
104107
</c-carousel>
105108
</template>
109+
106110
<style scoped>
107111
.item {
108112
font-size: 32px;
@@ -127,17 +131,18 @@ import { ref } from 'vue'
127131
128132
const current = ref(0)
129133
</script>
134+
130135
<template>
131136
<c-carousel
132137
v-model="current"
133-
arrowTiming="hover"
138+
arrow-timing="hover"
134139
>
135140
<c-carousel-slider>
136141
<div class="item">
137142
<div
138143
i-openmoji-red-apple
139144
class="icon"
140-
></div>
145+
/>
141146
Would you like some apples?
142147
</div>
143148
</c-carousel-slider>
@@ -146,7 +151,7 @@ const current = ref(0)
146151
<div
147152
i-openmoji-banana
148153
class="icon"
149-
></div>
154+
/>
150155
Would you like some bananas?
151156
</div>
152157
</c-carousel-slider>
@@ -155,12 +160,13 @@ const current = ref(0)
155160
<div
156161
class="icon"
157162
i-openmoji-grapes
158-
></div>
163+
/>
159164
Would you like some grapes?
160165
</div>
161166
</c-carousel-slider>
162167
</c-carousel>
163168
</template>
169+
164170
<style scoped>
165171
.item {
166172
font-size: 32px;
@@ -192,6 +198,7 @@ const themeOptions = [
192198
{ label: 'negative', value: 'negative' },
193199
]
194200
</script>
201+
195202
<template>
196203
<c-radio-group
197204
v-model="theme"
@@ -206,7 +213,7 @@ const themeOptions = [
206213
<div
207214
i-openmoji-red-apple
208215
class="icon"
209-
></div>
216+
/>
210217
Would you like some apples?
211218
</div>
212219
</c-carousel-slider>
@@ -215,7 +222,7 @@ const themeOptions = [
215222
<div
216223
i-openmoji-banana
217224
class="icon"
218-
></div>
225+
/>
219226
Would you like some bananas?
220227
</div>
221228
</c-carousel-slider>
@@ -224,12 +231,13 @@ const themeOptions = [
224231
<div
225232
class="icon"
226233
i-openmoji-grapes
227-
></div>
234+
/>
228235
Would you like some grapes?
229236
</div>
230237
</c-carousel-slider>
231238
</c-carousel>
232239
</template>
240+
233241
<style scoped>
234242
.item {
235243
font-size: 32px;
@@ -254,6 +262,7 @@ import { ref } from 'vue'
254262
255263
const current = ref(0)
256264
</script>
265+
257266
<template>
258267
<c-carousel v-model="current">
259268
<template #control-prev>
@@ -279,7 +288,7 @@ const current = ref(0)
279288
<div
280289
i-openmoji-red-apple
281290
class="icon"
282-
></div>
291+
/>
283292
Would you like some apples?
284293
</div>
285294
</c-carousel-slider>
@@ -288,7 +297,7 @@ const current = ref(0)
288297
<div
289298
i-openmoji-banana
290299
class="icon"
291-
></div>
300+
/>
292301
Would you like some bananas?
293302
</div>
294303
</c-carousel-slider>
@@ -297,12 +306,13 @@ const current = ref(0)
297306
<div
298307
class="icon"
299308
i-openmoji-grapes
300-
></div>
309+
/>
301310
Would you like some grapes?
302311
</div>
303312
</c-carousel-slider>
304313
</c-carousel>
305314
</template>
315+
306316
<style scoped>
307317
.item {
308318
font-size: 32px;
@@ -327,6 +337,7 @@ import { ref } from 'vue'
327337
328338
const current = ref(0)
329339
</script>
340+
330341
<template>
331342
<c-carousel
332343
v-model="current"
@@ -338,7 +349,7 @@ const current = ref(0)
338349
<div
339350
i-openmoji-red-apple
340351
class="icon"
341-
></div>
352+
/>
342353
Would you like some apples?
343354
</div>
344355
</c-carousel-slider>
@@ -347,7 +358,7 @@ const current = ref(0)
347358
<div
348359
i-openmoji-banana
349360
class="icon"
350-
></div>
361+
/>
351362
Would you like some bananas?
352363
</div>
353364
</c-carousel-slider>
@@ -356,12 +367,13 @@ const current = ref(0)
356367
<div
357368
class="icon"
358369
i-openmoji-grapes
359-
></div>
370+
/>
360371
Would you like some grapes?
361372
</div>
362373
</c-carousel-slider>
363374
</c-carousel>
364375
</template>
376+
365377
<style scoped>
366378
.item {
367379
font-size: 32px;
@@ -386,6 +398,7 @@ import { ref } from 'vue'
386398
387399
const current = ref(0)
388400
</script>
401+
389402
<template>
390403
<c-carousel
391404
v-model="current"
@@ -396,7 +409,7 @@ const current = ref(0)
396409
<div
397410
i-openmoji-red-apple
398411
class="icon"
399-
></div>
412+
/>
400413
Would you like some apples?
401414
</div>
402415
</c-carousel-slider>
@@ -405,7 +418,7 @@ const current = ref(0)
405418
<div
406419
i-openmoji-banana
407420
class="icon"
408-
></div>
421+
/>
409422
Would you like some bananas?
410423
</div>
411424
</c-carousel-slider>
@@ -414,12 +427,13 @@ const current = ref(0)
414427
<div
415428
class="icon"
416429
i-openmoji-grapes
417-
></div>
430+
/>
418431
Would you like some grapes?
419432
</div>
420433
</c-carousel-slider>
421434
</c-carousel>
422435
</template>
436+
423437
<style scoped>
424438
.item {
425439
font-size: 32px;
@@ -460,6 +474,7 @@ const alignOptions = [
460474
{ label: 'column-reverse', value: 'column-reverse' },
461475
]
462476
</script>
477+
463478
<template>
464479
<div>
465480
<b>Indicators position horizontal</b>
@@ -482,7 +497,7 @@ const alignOptions = [
482497
:options="alignOptions"
483498
/>
484499
</div>
485-
<hr />
500+
<hr>
486501
<c-carousel
487502
v-model="current"
488503
v-bind="{
@@ -496,7 +511,7 @@ const alignOptions = [
496511
<div
497512
i-openmoji-red-apple
498513
class="icon"
499-
></div>
514+
/>
500515
Would you like some apples?
501516
</div>
502517
</c-carousel-slider>
@@ -505,7 +520,7 @@ const alignOptions = [
505520
<div
506521
i-openmoji-banana
507522
class="icon"
508-
></div>
523+
/>
509524
Would you like some bananas?
510525
</div>
511526
</c-carousel-slider>
@@ -514,12 +529,13 @@ const alignOptions = [
514529
<div
515530
class="icon"
516531
i-openmoji-grapes
517-
></div>
532+
/>
518533
Would you like some grapes?
519534
</div>
520535
</c-carousel-slider>
521536
</c-carousel>
522537
</template>
538+
523539
<style scoped>
524540
.item {
525541
font-size: 32px;

0 commit comments

Comments
 (0)