@noction/vue-bezier 1.0.5 → 1.0.7

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.
Files changed (47) hide show
  1. package/README.md +2 -3
  2. package/dist/vue-bezier.js +422 -0
  3. package/dist/web-types.json +551 -1
  4. package/package.json +28 -19
  5. package/src/components/Collapse/CollapseTransition.vue +19 -14
  6. package/src/components/Fade/FadeTransition.vue +19 -19
  7. package/src/components/Scale/ScaleTransition.vue +18 -33
  8. package/src/components/Slide/SlideXLeftTransition.vue +18 -29
  9. package/src/components/Slide/SlideXRightTransition.vue +18 -31
  10. package/src/components/Slide/SlideYDownTransition.vue +18 -31
  11. package/src/components/Slide/SlideYUpTransition.vue +18 -31
  12. package/src/components/Zoom/ZoomCenterTransition.vue +18 -19
  13. package/src/components/Zoom/ZoomUpTransition.vue +19 -31
  14. package/src/components/Zoom/ZoomXTransition.vue +18 -29
  15. package/src/components/Zoom/ZoomYTransition.vue +17 -30
  16. package/src/{composable → composables}/buildComponentType.ts +2 -1
  17. package/src/composables/index.ts +4 -0
  18. package/src/composables/useHooks.ts +110 -0
  19. package/src/main.ts +48 -0
  20. package/src/types/index.ts +53 -0
  21. package/dist/Collapse/CollapseTransition.vue.d.ts +0 -14
  22. package/dist/Fade/FadeTransition.vue.d.ts +0 -13
  23. package/dist/Scale/ScaleTransition.vue.d.ts +0 -26
  24. package/dist/Slide/SlideXLeftTransition.vue.d.ts +0 -22
  25. package/dist/Slide/SlideXRightTransition.vue.d.ts +0 -22
  26. package/dist/Slide/SlideYDownTransition.vue.d.ts +0 -22
  27. package/dist/Slide/SlideYUpTransition.vue.d.ts +0 -22
  28. package/dist/Zoom/ZoomCenterTransition.vue.d.ts +0 -13
  29. package/dist/Zoom/ZoomUpTransition.vue.d.ts +0 -22
  30. package/dist/Zoom/ZoomXTransition.vue.d.ts +0 -22
  31. package/dist/Zoom/ZoomYTransition.vue.d.ts +0 -22
  32. package/dist/composable/buildComponentType.d.ts +0 -3
  33. package/dist/composable/buildEmits.d.ts +0 -2
  34. package/dist/composable/buildHooks.d.ts +0 -7
  35. package/dist/composable/buildProps.d.ts +0 -48
  36. package/dist/composable/buildTag.d.ts +0 -2
  37. package/dist/composable/index.d.ts +0 -6
  38. package/dist/index.d.ts +0 -17
  39. package/dist/vue-bezier.mjs +0 -456
  40. package/dist/vue-bezier.umd.js +0 -1
  41. package/src/composable/buildEmits.ts +0 -7
  42. package/src/composable/buildHooks.ts +0 -92
  43. package/src/composable/buildProps.ts +0 -52
  44. package/src/composable/buildTag.ts +0 -1
  45. package/src/composable/index.ts +0 -7
  46. package/src/global-shim.d.ts +0 -1
  47. package/src/index.ts +0 -62
package/dist/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@noction/vue-bezier",
4
- "version": "1.0.5",
4
+ "version": "1.0.7",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -10,6 +10,56 @@
10
10
  {
11
11
  "name": "CollapseTransition",
12
12
  "description": "",
13
+ "attributes": [
14
+ {
15
+ "name": "delay",
16
+ "value": {
17
+ "kind": "expression",
18
+ "type": "any"
19
+ },
20
+ "default": "0"
21
+ },
22
+ {
23
+ "name": "duration",
24
+ "value": {
25
+ "kind": "expression",
26
+ "type": "any"
27
+ },
28
+ "default": "300"
29
+ },
30
+ {
31
+ "name": "group",
32
+ "value": {
33
+ "kind": "expression",
34
+ "type": "any"
35
+ },
36
+ "default": "false"
37
+ },
38
+ {
39
+ "name": "origin",
40
+ "value": {
41
+ "kind": "expression",
42
+ "type": "any"
43
+ },
44
+ "default": "''"
45
+ },
46
+ {
47
+ "name": "styles",
48
+ "value": {
49
+ "kind": "expression",
50
+ "type": "any"
51
+ },
52
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
53
+ },
54
+ {
55
+ "name": "tag",
56
+ "value": {
57
+ "kind": "expression",
58
+ "type": "any"
59
+ },
60
+ "default": "'span'"
61
+ }
62
+ ],
13
63
  "slots": [
14
64
  {
15
65
  "name": "default"
@@ -23,6 +73,56 @@
23
73
  {
24
74
  "name": "FadeTransition",
25
75
  "description": "",
76
+ "attributes": [
77
+ {
78
+ "name": "delay",
79
+ "value": {
80
+ "kind": "expression",
81
+ "type": "any"
82
+ },
83
+ "default": "0"
84
+ },
85
+ {
86
+ "name": "duration",
87
+ "value": {
88
+ "kind": "expression",
89
+ "type": "any"
90
+ },
91
+ "default": "300"
92
+ },
93
+ {
94
+ "name": "group",
95
+ "value": {
96
+ "kind": "expression",
97
+ "type": "any"
98
+ },
99
+ "default": "false"
100
+ },
101
+ {
102
+ "name": "origin",
103
+ "value": {
104
+ "kind": "expression",
105
+ "type": "any"
106
+ },
107
+ "default": "''"
108
+ },
109
+ {
110
+ "name": "styles",
111
+ "value": {
112
+ "kind": "expression",
113
+ "type": "any"
114
+ },
115
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
116
+ },
117
+ {
118
+ "name": "tag",
119
+ "value": {
120
+ "kind": "expression",
121
+ "type": "any"
122
+ },
123
+ "default": "'span'"
124
+ }
125
+ ],
26
126
  "slots": [
27
127
  {
28
128
  "name": "default"
@@ -36,6 +136,56 @@
36
136
  {
37
137
  "name": "ScaleTransition",
38
138
  "description": "",
139
+ "attributes": [
140
+ {
141
+ "name": "delay",
142
+ "value": {
143
+ "kind": "expression",
144
+ "type": "any"
145
+ },
146
+ "default": "0"
147
+ },
148
+ {
149
+ "name": "duration",
150
+ "value": {
151
+ "kind": "expression",
152
+ "type": "any"
153
+ },
154
+ "default": "300"
155
+ },
156
+ {
157
+ "name": "group",
158
+ "value": {
159
+ "kind": "expression",
160
+ "type": "any"
161
+ },
162
+ "default": "false"
163
+ },
164
+ {
165
+ "name": "origin",
166
+ "value": {
167
+ "kind": "expression",
168
+ "type": "any"
169
+ },
170
+ "default": "'top left'"
171
+ },
172
+ {
173
+ "name": "styles",
174
+ "value": {
175
+ "kind": "expression",
176
+ "type": "any"
177
+ },
178
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
179
+ },
180
+ {
181
+ "name": "tag",
182
+ "value": {
183
+ "kind": "expression",
184
+ "type": "any"
185
+ },
186
+ "default": "'span'"
187
+ }
188
+ ],
39
189
  "slots": [
40
190
  {
41
191
  "name": "default"
@@ -49,6 +199,56 @@
49
199
  {
50
200
  "name": "SlideXLeftTransition",
51
201
  "description": "",
202
+ "attributes": [
203
+ {
204
+ "name": "delay",
205
+ "value": {
206
+ "kind": "expression",
207
+ "type": "any"
208
+ },
209
+ "default": "0"
210
+ },
211
+ {
212
+ "name": "duration",
213
+ "value": {
214
+ "kind": "expression",
215
+ "type": "any"
216
+ },
217
+ "default": "300"
218
+ },
219
+ {
220
+ "name": "group",
221
+ "value": {
222
+ "kind": "expression",
223
+ "type": "any"
224
+ },
225
+ "default": "false"
226
+ },
227
+ {
228
+ "name": "origin",
229
+ "value": {
230
+ "kind": "expression",
231
+ "type": "any"
232
+ },
233
+ "default": "''"
234
+ },
235
+ {
236
+ "name": "styles",
237
+ "value": {
238
+ "kind": "expression",
239
+ "type": "any"
240
+ },
241
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
242
+ },
243
+ {
244
+ "name": "tag",
245
+ "value": {
246
+ "kind": "expression",
247
+ "type": "any"
248
+ },
249
+ "default": "'span'"
250
+ }
251
+ ],
52
252
  "slots": [
53
253
  {
54
254
  "name": "default"
@@ -62,6 +262,56 @@
62
262
  {
63
263
  "name": "SlideXRightTransition",
64
264
  "description": "",
265
+ "attributes": [
266
+ {
267
+ "name": "delay",
268
+ "value": {
269
+ "kind": "expression",
270
+ "type": "any"
271
+ },
272
+ "default": "0"
273
+ },
274
+ {
275
+ "name": "duration",
276
+ "value": {
277
+ "kind": "expression",
278
+ "type": "any"
279
+ },
280
+ "default": "300"
281
+ },
282
+ {
283
+ "name": "group",
284
+ "value": {
285
+ "kind": "expression",
286
+ "type": "any"
287
+ },
288
+ "default": "false"
289
+ },
290
+ {
291
+ "name": "origin",
292
+ "value": {
293
+ "kind": "expression",
294
+ "type": "any"
295
+ },
296
+ "default": "''"
297
+ },
298
+ {
299
+ "name": "styles",
300
+ "value": {
301
+ "kind": "expression",
302
+ "type": "any"
303
+ },
304
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
305
+ },
306
+ {
307
+ "name": "tag",
308
+ "value": {
309
+ "kind": "expression",
310
+ "type": "any"
311
+ },
312
+ "default": "'span'"
313
+ }
314
+ ],
65
315
  "slots": [
66
316
  {
67
317
  "name": "default"
@@ -75,6 +325,56 @@
75
325
  {
76
326
  "name": "SlideYDownTransition",
77
327
  "description": "",
328
+ "attributes": [
329
+ {
330
+ "name": "delay",
331
+ "value": {
332
+ "kind": "expression",
333
+ "type": "any"
334
+ },
335
+ "default": "0"
336
+ },
337
+ {
338
+ "name": "duration",
339
+ "value": {
340
+ "kind": "expression",
341
+ "type": "any"
342
+ },
343
+ "default": "300"
344
+ },
345
+ {
346
+ "name": "group",
347
+ "value": {
348
+ "kind": "expression",
349
+ "type": "any"
350
+ },
351
+ "default": "false"
352
+ },
353
+ {
354
+ "name": "origin",
355
+ "value": {
356
+ "kind": "expression",
357
+ "type": "any"
358
+ },
359
+ "default": "''"
360
+ },
361
+ {
362
+ "name": "styles",
363
+ "value": {
364
+ "kind": "expression",
365
+ "type": "any"
366
+ },
367
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
368
+ },
369
+ {
370
+ "name": "tag",
371
+ "value": {
372
+ "kind": "expression",
373
+ "type": "any"
374
+ },
375
+ "default": "'span'"
376
+ }
377
+ ],
78
378
  "slots": [
79
379
  {
80
380
  "name": "default"
@@ -88,6 +388,56 @@
88
388
  {
89
389
  "name": "SlideYUpTransition",
90
390
  "description": "",
391
+ "attributes": [
392
+ {
393
+ "name": "delay",
394
+ "value": {
395
+ "kind": "expression",
396
+ "type": "any"
397
+ },
398
+ "default": "0"
399
+ },
400
+ {
401
+ "name": "duration",
402
+ "value": {
403
+ "kind": "expression",
404
+ "type": "any"
405
+ },
406
+ "default": "300"
407
+ },
408
+ {
409
+ "name": "group",
410
+ "value": {
411
+ "kind": "expression",
412
+ "type": "any"
413
+ },
414
+ "default": "false"
415
+ },
416
+ {
417
+ "name": "origin",
418
+ "value": {
419
+ "kind": "expression",
420
+ "type": "any"
421
+ },
422
+ "default": "''"
423
+ },
424
+ {
425
+ "name": "styles",
426
+ "value": {
427
+ "kind": "expression",
428
+ "type": "any"
429
+ },
430
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
431
+ },
432
+ {
433
+ "name": "tag",
434
+ "value": {
435
+ "kind": "expression",
436
+ "type": "any"
437
+ },
438
+ "default": "'span'"
439
+ }
440
+ ],
91
441
  "slots": [
92
442
  {
93
443
  "name": "default"
@@ -101,6 +451,56 @@
101
451
  {
102
452
  "name": "ZoomCenterTransition",
103
453
  "description": "",
454
+ "attributes": [
455
+ {
456
+ "name": "delay",
457
+ "value": {
458
+ "kind": "expression",
459
+ "type": "any"
460
+ },
461
+ "default": "0"
462
+ },
463
+ {
464
+ "name": "duration",
465
+ "value": {
466
+ "kind": "expression",
467
+ "type": "any"
468
+ },
469
+ "default": "300"
470
+ },
471
+ {
472
+ "name": "group",
473
+ "value": {
474
+ "kind": "expression",
475
+ "type": "any"
476
+ },
477
+ "default": "false"
478
+ },
479
+ {
480
+ "name": "origin",
481
+ "value": {
482
+ "kind": "expression",
483
+ "type": "any"
484
+ },
485
+ "default": "''"
486
+ },
487
+ {
488
+ "name": "styles",
489
+ "value": {
490
+ "kind": "expression",
491
+ "type": "any"
492
+ },
493
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
494
+ },
495
+ {
496
+ "name": "tag",
497
+ "value": {
498
+ "kind": "expression",
499
+ "type": "any"
500
+ },
501
+ "default": "'span'"
502
+ }
503
+ ],
104
504
  "slots": [
105
505
  {
106
506
  "name": "default"
@@ -114,6 +514,56 @@
114
514
  {
115
515
  "name": "ZoomUpTransition",
116
516
  "description": "",
517
+ "attributes": [
518
+ {
519
+ "name": "delay",
520
+ "value": {
521
+ "kind": "expression",
522
+ "type": "any"
523
+ },
524
+ "default": "0"
525
+ },
526
+ {
527
+ "name": "duration",
528
+ "value": {
529
+ "kind": "expression",
530
+ "type": "any"
531
+ },
532
+ "default": "300"
533
+ },
534
+ {
535
+ "name": "group",
536
+ "value": {
537
+ "kind": "expression",
538
+ "type": "any"
539
+ },
540
+ "default": "false"
541
+ },
542
+ {
543
+ "name": "origin",
544
+ "value": {
545
+ "kind": "expression",
546
+ "type": "any"
547
+ },
548
+ "default": "''"
549
+ },
550
+ {
551
+ "name": "styles",
552
+ "value": {
553
+ "kind": "expression",
554
+ "type": "any"
555
+ },
556
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out'\n})"
557
+ },
558
+ {
559
+ "name": "tag",
560
+ "value": {
561
+ "kind": "expression",
562
+ "type": "any"
563
+ },
564
+ "default": "'span'"
565
+ }
566
+ ],
117
567
  "slots": [
118
568
  {
119
569
  "name": "default"
@@ -127,6 +577,56 @@
127
577
  {
128
578
  "name": "ZoomXTransition",
129
579
  "description": "",
580
+ "attributes": [
581
+ {
582
+ "name": "delay",
583
+ "value": {
584
+ "kind": "expression",
585
+ "type": "any"
586
+ },
587
+ "default": "0"
588
+ },
589
+ {
590
+ "name": "duration",
591
+ "value": {
592
+ "kind": "expression",
593
+ "type": "any"
594
+ },
595
+ "default": "300"
596
+ },
597
+ {
598
+ "name": "group",
599
+ "value": {
600
+ "kind": "expression",
601
+ "type": "any"
602
+ },
603
+ "default": "false"
604
+ },
605
+ {
606
+ "name": "origin",
607
+ "value": {
608
+ "kind": "expression",
609
+ "type": "any"
610
+ },
611
+ "default": "''"
612
+ },
613
+ {
614
+ "name": "styles",
615
+ "value": {
616
+ "kind": "expression",
617
+ "type": "any"
618
+ },
619
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'\n})"
620
+ },
621
+ {
622
+ "name": "tag",
623
+ "value": {
624
+ "kind": "expression",
625
+ "type": "any"
626
+ },
627
+ "default": "'span'"
628
+ }
629
+ ],
130
630
  "slots": [
131
631
  {
132
632
  "name": "default"
@@ -140,6 +640,56 @@
140
640
  {
141
641
  "name": "ZoomYTransition",
142
642
  "description": "",
643
+ "attributes": [
644
+ {
645
+ "name": "delay",
646
+ "value": {
647
+ "kind": "expression",
648
+ "type": "any"
649
+ },
650
+ "default": "0"
651
+ },
652
+ {
653
+ "name": "duration",
654
+ "value": {
655
+ "kind": "expression",
656
+ "type": "any"
657
+ },
658
+ "default": "300"
659
+ },
660
+ {
661
+ "name": "group",
662
+ "value": {
663
+ "kind": "expression",
664
+ "type": "any"
665
+ },
666
+ "default": "false"
667
+ },
668
+ {
669
+ "name": "origin",
670
+ "value": {
671
+ "kind": "expression",
672
+ "type": "any"
673
+ },
674
+ "default": "''"
675
+ },
676
+ {
677
+ "name": "styles",
678
+ "value": {
679
+ "kind": "expression",
680
+ "type": "any"
681
+ },
682
+ "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'\n})"
683
+ },
684
+ {
685
+ "name": "tag",
686
+ "value": {
687
+ "kind": "expression",
688
+ "type": "any"
689
+ },
690
+ "default": "'span'"
691
+ }
692
+ ],
143
693
  "slots": [
144
694
  {
145
695
  "name": "default"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noction/vue-bezier",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Vue3 reusable transition components",
5
5
  "keywords": [
6
6
  "transitions",
@@ -28,35 +28,44 @@
28
28
  "dist",
29
29
  "src"
30
30
  ],
31
+ "exports": {
32
+ ".": "./dist/vue-bezier.js",
33
+ "./*": "./*",
34
+ "./types": "./dist/types/main.d.ts",
35
+ "./styles": "./dist/style.css"
36
+ },
31
37
  "license": "MIT",
32
- "main": "dist/vue-bezier.umd.js",
33
- "module": "dist/vue-bezier.mjs",
34
- "types": "dist/index.d.ts",
38
+ "main": "dist/vue-bezier.js",
39
+ "module": "dist/vue-bezier.js",
40
+ "types": "dist/types/main.d.ts",
41
+ "type": "module",
35
42
  "scripts": {
36
43
  "dev": "cross-env NODE_ENV=development vite build --watch",
37
44
  "build:light": "cross-env NODE_ENV=development vite build",
38
- "build": "cross-env NODE_ENV=production vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s src -o dist && vue-docgen-web-types",
45
+ "prebuild": "vue-tsc -p tsconfig.build.json",
46
+ "build": "vite build",
47
+ "postbuild": "vue-docgen-web-types",
39
48
  "prepublishOnly": "npm run build",
40
49
  "lint:es": "eslint \"src/**/*.{js,ts,vue}\" --fix --color",
41
50
  "lint:style": "stylelint src/**/*.{css,scss,vue} --color --fix",
42
- "test": "vitest run",
43
- "test:coverage": "vitest run --coverage"
51
+ "test": "vitest",
52
+ "test:coverage": "vitest run --coverage",
53
+ "type:check": "vue-tsc --noEmit"
44
54
  },
45
55
  "devDependencies": {
46
- "@faker-js/faker": "^8.0.2",
47
- "@types/node": "^20.3.1",
48
- "@vitejs/plugin-vue": "^4.2.3",
49
- "@vitest/coverage-v8": "^0.32.2",
50
- "@vue/test-utils": "^2.4.0",
56
+ "@faker-js/faker": "^8.3.1",
57
+ "@types/node": "^20.10.5",
58
+ "@vitejs/plugin-vue": "^5.0.0",
59
+ "@vitest/coverage-v8": "^1.1.0",
60
+ "@vue/test-utils": "^2.4.3",
51
61
  "cross-env": "^7.0.3",
52
- "jsdom": "^22.1.0",
62
+ "jsdom": "^23.0.1",
53
63
  "minimist": "^1.2.8",
54
- "sass": "^1.63.6",
55
- "vite": "^4.3.9",
56
- "vitest": "^0.32.2",
57
- "vue": "^3.3.4",
58
- "vue-tsc": "^1.8.1",
59
- "vue-typegen": "^0.2.0",
64
+ "sass": "^1.69.5",
65
+ "vite": "^5.0.10",
66
+ "vitest": "^1.1.0",
67
+ "vue": "^3.3.13",
68
+ "vue-tsc": "^1.8.27",
60
69
  "vue-docgen-web-types": "^0.1.8"
61
70
  },
62
71
  "web-types": "./dist/web-types.json"