@noction/vue-bezier 1.12.0 → 2.0.1

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 (33) hide show
  1. package/README.md +143 -66
  2. package/dist/types/components/Blur/BlurTransition.vue.d.ts +23 -0
  3. package/dist/types/components/ClipPath/ClipPathTransition.vue.d.ts +17 -0
  4. package/dist/types/components/Dissolve/DissolveListTransition.vue.d.ts +14 -0
  5. package/dist/types/components/Dissolve/DissolveTransition.vue.d.ts +14 -0
  6. package/dist/types/components/FadeSlide/FadeSlideTransition.vue.d.ts +14 -0
  7. package/dist/types/components/Push/PushTransition.vue.d.ts +17 -0
  8. package/dist/types/components/Rotate/RotateTransition.vue.d.ts +14 -0
  9. package/dist/types/components/Scale/ScaleListTransition.vue.d.ts +14 -0
  10. package/dist/types/components/Scale/ScaleTransition.vue.d.ts +9 -63
  11. package/dist/types/components/Wipe/WipeTransition.vue.d.ts +14 -0
  12. package/dist/types/components/Zoom/ZoomTransition.vue.d.ts +14 -0
  13. package/dist/types/components/index.d.ts +10 -10
  14. package/dist/types/main.d.ts +1 -1
  15. package/dist/types/types/index.d.ts +6 -6
  16. package/dist/vue-bezier.css +2 -0
  17. package/dist/vue-bezier.js +529 -418
  18. package/dist/web-types.json +222 -306
  19. package/package.json +27 -28
  20. package/dist/style.css +0 -1
  21. package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +0 -69
  22. package/dist/types/components/Fade/FadeTransition.vue.d.ts +0 -68
  23. package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +0 -68
  24. package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +0 -68
  25. package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +0 -68
  26. package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +0 -68
  27. package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +0 -68
  28. package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +0 -68
  29. package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +0 -68
  30. package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +0 -68
  31. package/dist/types/composables/buildComponentType.d.ts +0 -4
  32. package/dist/types/composables/index.d.ts +0 -3
  33. package/dist/types/composables/useHooks.d.ts +0 -15
@@ -1,419 +1,530 @@
1
- import { TransitionGroup as w, Transition as A, defineComponent as f, openBlock as u, createBlock as p, resolveDynamicComponent as c, unref as l, mergeProps as m, withCtx as g, renderSlot as y } from "vue";
2
- const h = (a) => a.group ? w : A;
3
- function v(a, o) {
4
- return typeof a == "number" ? a : typeof a == "object" && a !== null ? a[o] ?? 0 : 0;
1
+ import { Transition, TransitionGroup, computed, createBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, withCtx } from "vue";
2
+ var __defProp = Object.defineProperty, __export = (e, g) => {
3
+ let _ = {};
4
+ for (var v in e) __defProp(_, v, {
5
+ get: e[v],
6
+ enumerable: !0
7
+ });
8
+ return g && __defProp(_, Symbol.toStringTag, { value: "Module" }), _;
9
+ }, BlurTransition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
10
+ __name: "BlurTransition",
11
+ props: {
12
+ duration: { default: 500 },
13
+ delay: { default: 0 }
14
+ },
15
+ setup(g) {
16
+ let y = computed(() => ({
17
+ enter: `${typeof g.duration == "number" ? g.duration : g.duration.enter}ms`,
18
+ leave: `${typeof g.duration == "number" ? g.duration : g.duration.leave}ms`
19
+ })), b = computed(() => ({
20
+ enter: `${typeof g.delay == "number" ? g.delay : g.delay.enter}ms`,
21
+ leave: `${typeof g.delay == "number" ? g.delay : g.delay.leave}ms`
22
+ }));
23
+ return (g, _) => (openBlock(), createBlock(Transition, {
24
+ "enter-active-class": "noc-blur-enter-active",
25
+ "enter-from-class": "noc-blur-enter-from",
26
+ "enter-to-class": "noc-blur-enter-to",
27
+ "leave-active-class": "noc-blur-leave-active",
28
+ "leave-from-class": "noc-blur-leave-from",
29
+ "leave-to-class": "noc-blur-leave-to",
30
+ style: normalizeStyle({
31
+ "--noc-transition-enter-duration": y.value.enter,
32
+ "--noc-transition-leave-duration": y.value.leave,
33
+ "--noc-transition-enter-delay": b.value.enter,
34
+ "--noc-transition-leave-delay": b.value.leave
35
+ })
36
+ }, {
37
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
38
+ _: 3
39
+ }, 8, ["style"]));
40
+ }
41
+ }), __plugin_vue_export_helper_default = (e, g) => {
42
+ let _ = e.__vccOpts || e;
43
+ for (let [e, v] of g) _[e] = v;
44
+ return _;
45
+ }, BlurTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(BlurTransition_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fec99d84"]]), ClipPathTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
46
+ __name: "ClipPathTransition",
47
+ props: {
48
+ delay: { default: 0 },
49
+ duration: { default: 1e3 },
50
+ group: { type: Boolean },
51
+ origin: {},
52
+ styles: {},
53
+ tag: {},
54
+ clipType: { default: "circle" }
55
+ },
56
+ setup(g) {
57
+ let y = computed(() => ({
58
+ enter: `${typeof g.duration == "number" ? g.duration : g.duration.enter}ms`,
59
+ leave: `${typeof g.duration == "number" ? g.duration : g.duration.leave}ms`
60
+ })), x = computed(() => ({
61
+ enter: `${typeof g.delay == "number" ? g.delay : g.delay.enter}ms`,
62
+ leave: `${typeof g.delay == "number" ? g.delay : g.delay.leave}ms`
63
+ })), S = computed(() => g.clipType === "circle" ? "noc-clip-circle" : "noc-clip-square");
64
+ return (g, _) => (openBlock(), createBlock(Transition, {
65
+ mode: "default",
66
+ class: normalizeClass([S.value]),
67
+ "enter-active-class": "noc-clip-enter-active",
68
+ "enter-from-class": "noc-clip-enter-from",
69
+ "enter-to-class": "noc-clip-enter-to",
70
+ "leave-active-class": "noc-clip-leave-active",
71
+ style: normalizeStyle({
72
+ "--noc-transition-enter-duration": y.value.enter,
73
+ "--noc-transition-leave-duration": y.value.leave,
74
+ "--noc-transition-enter-delay": x.value.enter,
75
+ "--noc-transition-leave-delay": x.value.leave
76
+ })
77
+ }, {
78
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
79
+ _: 3
80
+ }, 8, ["class", "style"]));
81
+ }
82
+ }), [["__scopeId", "data-v-65f5f5ac"]]), DissolveListTransition_default = /* @__PURE__ */ defineComponent({
83
+ __name: "DissolveListTransition",
84
+ props: {
85
+ delay: { default: 0 },
86
+ duration: { default: 300 },
87
+ group: { type: Boolean },
88
+ origin: {},
89
+ styles: {},
90
+ tag: { default: "span" }
91
+ },
92
+ setup(e) {
93
+ let y = computed(() => typeof e.duration == "number" ? {
94
+ enter: `${e.duration}ms`,
95
+ leave: `${e.duration}ms`
96
+ } : {
97
+ enter: `${e.duration.enter}ms`,
98
+ leave: `${e.duration.leave}ms`
99
+ }), b = computed(() => typeof e.delay == "number" ? {
100
+ enter: `${e.delay}ms`,
101
+ leave: `${e.delay}ms`
102
+ } : {
103
+ enter: `${e.delay.enter}ms`,
104
+ leave: `${e.delay.leave}ms`
105
+ });
106
+ function x(e) {
107
+ let g = getComputedStyle(e), { width: _, height: v } = g, { marginLeft: y, marginTop: b } = g;
108
+ e.style.setProperty("left", `${e.offsetLeft - Number.parseFloat(y)}px`, "important"), e.style.setProperty("top", `${e.offsetTop - Number.parseFloat(b)}px`, "important"), e.style.setProperty("width", `${Number.parseFloat(_)}px`, "important"), e.style.setProperty("height", `${Number.parseFloat(v)}px`, "important");
109
+ }
110
+ function S(e) {
111
+ e.style.setProperty("transition-duration", "0ms", "important"), e.style.setProperty("transition-delay", "0ms", "important");
112
+ }
113
+ function C(e) {
114
+ e.style.removeProperty("transition-duration"), e.style.removeProperty("transition-timing-function"), e.style.removeProperty("transition-delay");
115
+ }
116
+ function w(e, g = "enter") {
117
+ let _ = y.value[g], v = b.value[g];
118
+ e.style.setProperty("transition-duration", _, "important"), e.style.setProperty("transition-delay", v, "important");
119
+ }
120
+ function T(e) {
121
+ let g = e;
122
+ C(g), g.style.removeProperty("opacity");
123
+ }
124
+ function E(e) {
125
+ let g = e;
126
+ S(g), x(g);
127
+ }
128
+ function D(e) {
129
+ let g = e;
130
+ w(g, "leave"), g.style.setProperty("opacity", "0", "important");
131
+ }
132
+ return (_, x) => (openBlock(), createBlock(TransitionGroup, {
133
+ tag: e.tag,
134
+ class: "noc-dissolve-list",
135
+ "enter-active-class": "noc-dissolve-enter-active",
136
+ "enter-from-class": "noc-dissolve-enter-from",
137
+ "enter-to-class": "noc-dissolve-enter-to",
138
+ "leave-active-class": "noc-dissolve-leave-active",
139
+ "leave-from-class": "noc-dissolve-leave-from",
140
+ "leave-to-class": "noc-dissolve-leave-to",
141
+ "move-class": "noc-dissolve-move",
142
+ style: normalizeStyle({
143
+ "--noc-transition-enter-duration": y.value.enter,
144
+ "--noc-transition-leave-duration": y.value.leave,
145
+ "--noc-transition-enter-delay": b.value.enter,
146
+ "--noc-transition-leave-delay": b.value.leave
147
+ }),
148
+ onAfterLeave: x[0] ||= (e) => T(e),
149
+ onBeforeLeave: x[1] ||= (e) => E(e),
150
+ onLeave: x[2] ||= (e) => D(e)
151
+ }, {
152
+ default: withCtx(() => [renderSlot(_.$slots, "default")]),
153
+ _: 3
154
+ }, 8, ["tag", "style"]));
155
+ }
156
+ }), DissolveTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
157
+ __name: "DissolveTransition",
158
+ props: {
159
+ delay: { default: 0 },
160
+ duration: { default: 300 },
161
+ group: { type: Boolean },
162
+ origin: {},
163
+ styles: {},
164
+ tag: {}
165
+ },
166
+ setup(g) {
167
+ let y = computed(() => typeof g.duration == "number" ? {
168
+ enter: `${g.duration}ms`,
169
+ leave: `${g.duration}ms`
170
+ } : {
171
+ enter: `${g.duration.enter}ms`,
172
+ leave: `${g.duration.leave}ms`
173
+ }), b = computed(() => typeof g.delay == "number" ? {
174
+ enter: `${g.delay}ms`,
175
+ leave: `${g.delay}ms`
176
+ } : {
177
+ enter: `${g.delay.enter}ms`,
178
+ leave: `${g.delay.leave}ms`
179
+ });
180
+ return (g, _) => (openBlock(), createBlock(Transition, {
181
+ "enter-active-class": "noc-dissolve-enter-active",
182
+ "enter-from-class": "noc-dissolve-enter-from",
183
+ "enter-to-class": "noc-dissolve-enter-to",
184
+ "leave-active-class": "noc-dissolve-leave-active",
185
+ "leave-from-class": "noc-dissolve-leave-from",
186
+ "leave-to-class": "noc-dissolve-leave-to",
187
+ "move-class": "noc-dissolve-move",
188
+ style: normalizeStyle({
189
+ "--noc-transition-enter-duration": y.value.enter,
190
+ "--noc-transition-leave-duration": y.value.leave,
191
+ "--noc-transition-enter-delay": b.value.enter,
192
+ "--noc-transition-leave-delay": b.value.leave
193
+ })
194
+ }, {
195
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
196
+ _: 3
197
+ }, 8, ["style"]));
198
+ }
199
+ }), [["__scopeId", "data-v-a98e0a99"]]), FadeSlideTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
200
+ __name: "FadeSlideTransition",
201
+ props: {
202
+ delay: { default: 0 },
203
+ duration: { default: 300 },
204
+ group: { type: Boolean },
205
+ origin: {},
206
+ styles: {},
207
+ tag: {}
208
+ },
209
+ setup(g) {
210
+ let y = computed(() => typeof g.duration == "number" ? {
211
+ enter: `${g.duration}ms`,
212
+ leave: `${g.duration}ms`
213
+ } : {
214
+ enter: `${g.duration.enter}ms`,
215
+ leave: `${g.duration.leave}ms`
216
+ }), b = computed(() => typeof g.delay == "number" ? {
217
+ enter: `${g.delay}ms`,
218
+ leave: `${g.delay}ms`
219
+ } : {
220
+ enter: `${g.delay.enter}ms`,
221
+ leave: `${g.delay.leave}ms`
222
+ });
223
+ return (g, _) => (openBlock(), createBlock(Transition, {
224
+ "enter-active-class": "noc-fade-slide-enter-active",
225
+ "enter-from-class": "noc-fade-slide-enter-from",
226
+ "enter-to-class": "noc-fade-slide-enter-to",
227
+ "leave-active-class": "noc-fade-slide-leave-active",
228
+ "leave-from-class": "noc-fade-slide-leave-from",
229
+ "leave-to-class": "noc-fade-slide-leave-to",
230
+ style: normalizeStyle({
231
+ "--noc-transition-enter-duration": y.value.enter,
232
+ "--noc-transition-leave-duration": y.value.leave,
233
+ "--noc-transition-enter-delay": b.value.enter,
234
+ "--noc-transition-leave-delay": b.value.leave
235
+ })
236
+ }, {
237
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
238
+ _: 3
239
+ }, 8, ["style"]));
240
+ }
241
+ }), [["__scopeId", "data-v-475efc48"]]), PushTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
242
+ __name: "PushTransition",
243
+ props: {
244
+ delay: { default: 0 },
245
+ duration: { default: 300 },
246
+ group: { type: Boolean },
247
+ origin: {},
248
+ styles: {},
249
+ tag: {},
250
+ direction: { default: "right" }
251
+ },
252
+ setup(g) {
253
+ let y = computed(() => typeof g.duration == "number" ? {
254
+ enter: `${g.duration}ms`,
255
+ leave: `${g.duration}ms`
256
+ } : {
257
+ enter: `${g.duration.enter}ms`,
258
+ leave: `${g.duration.leave}ms`
259
+ }), x = computed(() => typeof g.delay == "number" ? {
260
+ enter: `${g.delay}ms`,
261
+ leave: `${g.delay}ms`
262
+ } : {
263
+ enter: `${g.delay.enter}ms`,
264
+ leave: `${g.delay.leave}ms`
265
+ }), S = computed(() => `noc-push-${g.direction}`);
266
+ return (g, _) => (openBlock(), createBlock(Transition, {
267
+ class: normalizeClass([S.value]),
268
+ "enter-active-class": "noc-push-enter-active",
269
+ "enter-from-class": "noc-push-enter-from",
270
+ "enter-to-class": "noc-push-enter-to",
271
+ "leave-active-class": "noc-push-leave-active",
272
+ "leave-from-class": "noc-push-leave-from",
273
+ "leave-to-class": "noc-push-leave-to",
274
+ style: normalizeStyle({
275
+ "--noc-transition-enter-duration": y.value.enter,
276
+ "--noc-transition-leave-duration": y.value.leave,
277
+ "--noc-transition-enter-delay": x.value.enter,
278
+ "--noc-transition-leave-delay": x.value.leave
279
+ })
280
+ }, {
281
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
282
+ _: 3
283
+ }, 8, ["class", "style"]));
284
+ }
285
+ }), [["__scopeId", "data-v-2822b81a"]]), RotateTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
286
+ __name: "RotateTransition",
287
+ props: {
288
+ delay: { default: 0 },
289
+ duration: { default: 300 },
290
+ group: { type: Boolean },
291
+ origin: {},
292
+ styles: {},
293
+ tag: {}
294
+ },
295
+ setup(g) {
296
+ let y = computed(() => ({
297
+ enter: `${typeof g.duration == "number" ? g.duration : g.duration.enter}ms`,
298
+ leave: `${typeof g.duration == "number" ? g.duration : g.duration.leave}ms`
299
+ })), b = computed(() => ({
300
+ enter: `${typeof g.delay == "number" ? g.delay : g.delay.enter}ms`,
301
+ leave: `${typeof g.delay == "number" ? g.delay : g.delay.leave}ms`
302
+ }));
303
+ return (g, _) => (openBlock(), createBlock(Transition, {
304
+ mode: "out-in",
305
+ "enter-active-class": "noc-rotate-enter-active",
306
+ "enter-from-class": "noc-rotate-enter-from",
307
+ "enter-to-class": "noc-rotate-enter-to",
308
+ "leave-active-class": "noc-rotate-leave-active",
309
+ "leave-from-class": "noc-rotate-leave-from",
310
+ "leave-to-class": "noc-rotate-leave-to",
311
+ style: normalizeStyle({
312
+ "--noc-transition-enter-duration": y.value.enter,
313
+ "--noc-transition-leave-duration": y.value.leave,
314
+ "--noc-transition-enter-delay": b.value.enter,
315
+ "--noc-transition-leave-delay": b.value.leave
316
+ })
317
+ }, {
318
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
319
+ _: 3
320
+ }, 8, ["style"]));
321
+ }
322
+ }), [["__scopeId", "data-v-c4785237"]]), ScaleListTransition_default = /* @__PURE__ */ defineComponent({
323
+ __name: "ScaleListTransition",
324
+ props: {
325
+ delay: { default: 0 },
326
+ duration: { default: 300 },
327
+ group: { type: Boolean },
328
+ origin: {},
329
+ styles: {},
330
+ tag: { default: "span" }
331
+ },
332
+ setup(e) {
333
+ let y = computed(() => typeof e.duration == "number" ? {
334
+ enter: `${e.duration}ms`,
335
+ leave: `${e.duration}ms`
336
+ } : {
337
+ enter: `${e.duration.enter}ms`,
338
+ leave: `${e.duration.leave}ms`
339
+ }), b = computed(() => typeof e.delay == "number" ? {
340
+ enter: `${e.delay}ms`,
341
+ leave: `${e.delay}ms`
342
+ } : {
343
+ enter: `${e.delay.enter}ms`,
344
+ leave: `${e.delay.leave}ms`
345
+ });
346
+ function x(e) {
347
+ let g = getComputedStyle(e), { width: _, height: v } = g, { marginLeft: y, marginTop: b } = g;
348
+ return e.style.setProperty("left", `${e.offsetLeft - Number.parseFloat(y)}px`, "important"), e.style.setProperty("top", `${e.offsetTop - Number.parseFloat(b)}px`, "important"), e.style.setProperty("width", `${Number.parseFloat(_)}px`, "important"), e.style.setProperty("height", `${Number.parseFloat(v)}px`, "important"), e;
349
+ }
350
+ function S(e) {
351
+ e.style.setProperty("transition-duration", "0ms", "important"), e.style.setProperty("transition-delay", "0ms", "important");
352
+ }
353
+ function C(e) {
354
+ e.style.removeProperty("transition-duration"), e.style.removeProperty("transition-timing-function"), e.style.removeProperty("transition-delay");
355
+ }
356
+ function w(e, g = "enter") {
357
+ let _ = y.value[g], v = b.value[g];
358
+ e.style.setProperty("transition-duration", _, "important"), e.style.setProperty("transition-delay", v, "important");
359
+ }
360
+ function T(e) {
361
+ let g = e;
362
+ C(g), g.style.removeProperty("opacity");
363
+ }
364
+ function E(e) {
365
+ let g = e;
366
+ S(g), x(g);
367
+ }
368
+ function D(e) {
369
+ let g = e;
370
+ w(g, "leave"), g.style.setProperty("opacity", "0", "important");
371
+ }
372
+ return (_, x) => (openBlock(), createBlock(TransitionGroup, {
373
+ tag: e.tag,
374
+ class: "noc-scale-list",
375
+ "enter-active-class": "noc-scale-list-enter-active",
376
+ "enter-from-class": "noc-scale-list-enter-from",
377
+ "enter-to-class": "noc-scale-list-enter-to",
378
+ "leave-active-class": "noc-scale-list-leave-active",
379
+ "leave-from-class": "noc-scale-list-leave-from",
380
+ "leave-to-class": "noc-scale-list-leave-to",
381
+ "move-class": "noc-scale-list-move",
382
+ style: normalizeStyle({
383
+ "--noc-transition-enter-duration": y.value.enter,
384
+ "--noc-transition-leave-duration": y.value.leave,
385
+ "--noc-transition-enter-delay": b.value.enter,
386
+ "--noc-transition-leave-delay": b.value.leave
387
+ }),
388
+ onAfterLeave: x[0] ||= (e) => T(e),
389
+ onBeforeLeave: x[1] ||= (e) => E(e),
390
+ onLeave: x[2] ||= (e) => D(e)
391
+ }, {
392
+ default: withCtx(() => [renderSlot(_.$slots, "default")]),
393
+ _: 3
394
+ }, 8, ["tag", "style"]));
395
+ }
396
+ }), ScaleTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
397
+ __name: "ScaleTransition",
398
+ props: {
399
+ delay: { default: 0 },
400
+ duration: { default: 300 },
401
+ group: { type: Boolean },
402
+ origin: { default: "top left" },
403
+ styles: {},
404
+ tag: {}
405
+ },
406
+ setup(g) {
407
+ let y = computed(() => typeof g.duration == "number" ? {
408
+ enter: `${g.duration}ms`,
409
+ leave: `${g.duration}ms`
410
+ } : {
411
+ enter: `${g.duration.enter}ms`,
412
+ leave: `${g.duration.leave}ms`
413
+ }), b = computed(() => typeof g.delay == "number" ? {
414
+ enter: `${g.delay}ms`,
415
+ leave: `${g.delay}ms`
416
+ } : {
417
+ enter: `${g.delay.enter}ms`,
418
+ leave: `${g.delay.leave}ms`
419
+ });
420
+ return (_, x) => (openBlock(), createBlock(Transition, {
421
+ "enter-active-class": "noc-scale-enter-active",
422
+ "enter-from-class": "noc-scale-enter-from",
423
+ "enter-to-class": "noc-scale-enter-to",
424
+ "leave-active-class": "noc-scale-leave-active",
425
+ "leave-from-class": "noc-scale-leave-from",
426
+ "leave-to-class": "noc-scale-leave-to",
427
+ "move-class": "noc-scale-move",
428
+ style: normalizeStyle({
429
+ "--noc-transition-enter-duration": y.value.enter,
430
+ "--noc-transition-leave-duration": y.value.leave,
431
+ "--noc-transition-enter-delay": b.value.enter,
432
+ "--noc-transition-leave-delay": b.value.leave,
433
+ "--noc-transform-origin": g.origin
434
+ })
435
+ }, {
436
+ default: withCtx(() => [renderSlot(_.$slots, "default", {}, void 0, !0)]),
437
+ _: 3
438
+ }, 8, ["style"]));
439
+ }
440
+ }), [["__scopeId", "data-v-f5da5408"]]), WipeTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
441
+ __name: "WipeTransition",
442
+ props: {
443
+ delay: { default: 0 },
444
+ duration: { default: 300 },
445
+ group: { type: Boolean },
446
+ origin: {},
447
+ styles: {},
448
+ tag: {}
449
+ },
450
+ setup(g) {
451
+ let y = computed(() => ({
452
+ enter: `${typeof g.duration == "number" ? g.duration : g.duration.enter}ms`,
453
+ leave: `${typeof g.duration == "number" ? g.duration : g.duration.leave}ms`
454
+ })), b = computed(() => ({
455
+ enter: `${typeof g.delay == "number" ? g.delay : g.delay.enter}ms`,
456
+ leave: `${typeof g.delay == "number" ? g.delay : g.delay.leave}ms`
457
+ }));
458
+ return (g, _) => (openBlock(), createBlock(Transition, {
459
+ "enter-active-class": "noc-wipe-enter-active",
460
+ "enter-from-class": "noc-wipe-enter-from",
461
+ "enter-to-class": "noc-wipe-enter-to",
462
+ "leave-active-class": "noc-wipe-leave-active",
463
+ "leave-from-class": "noc-wipe-leave-from",
464
+ "leave-to-class": "noc-wipe-leave-to",
465
+ style: normalizeStyle({
466
+ "--noc-transition-enter-duration": y.value.enter,
467
+ "--noc-transition-leave-duration": y.value.leave,
468
+ "--noc-transition-enter-delay": b.value.enter,
469
+ "--noc-transition-leave-delay": b.value.leave
470
+ })
471
+ }, {
472
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
473
+ _: 3
474
+ }, 8, ["style"]));
475
+ }
476
+ }), [["__scopeId", "data-v-41990a90"]]), ZoomTransition_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
477
+ __name: "ZoomTransition",
478
+ props: {
479
+ delay: { default: 0 },
480
+ duration: { default: 300 },
481
+ group: { type: Boolean },
482
+ origin: {},
483
+ styles: {},
484
+ tag: {}
485
+ },
486
+ setup(g) {
487
+ let y = computed(() => ({
488
+ enter: `${typeof g.duration == "number" ? g.duration : g.duration.enter}ms`,
489
+ leave: `${typeof g.duration == "number" ? g.duration : g.duration.leave}ms`
490
+ })), b = computed(() => ({
491
+ enter: `${typeof g.delay == "number" ? g.delay : g.delay.enter}ms`,
492
+ leave: `${typeof g.delay == "number" ? g.delay : g.delay.leave}ms`
493
+ }));
494
+ return (g, _) => (openBlock(), createBlock(Transition, {
495
+ "enter-active-class": "noc-zoom-enter-active",
496
+ "enter-from-class": "noc-zoom-enter-from",
497
+ "enter-to-class": "noc-zoom-enter-to",
498
+ "leave-active-class": "noc-zoom-leave-active",
499
+ "leave-from-class": "noc-zoom-leave-from",
500
+ "leave-to-class": "noc-zoom-leave-to",
501
+ mode: "out-in",
502
+ style: normalizeStyle({
503
+ "--noc-transition-enter-duration": y.value.enter,
504
+ "--noc-transition-leave-duration": y.value.leave,
505
+ "--noc-transition-enter-delay": b.value.enter,
506
+ "--noc-transition-leave-delay": b.value.leave
507
+ })
508
+ }, {
509
+ default: withCtx(() => [renderSlot(g.$slots, "default", {}, void 0, !0)]),
510
+ _: 3
511
+ }, 8, ["style"]));
512
+ }
513
+ }), [["__scopeId", "data-v-6112c8a6"]]), components_exports = /* @__PURE__ */ __export({
514
+ BlurTransition: () => BlurTransition_default,
515
+ ClipPathTransition: () => ClipPathTransition_default,
516
+ DissolveListTransition: () => DissolveListTransition_default,
517
+ DissolveTransition: () => DissolveTransition_default,
518
+ FadeSlideTransition: () => FadeSlideTransition_default,
519
+ PushTransition: () => PushTransition_default,
520
+ RotateTransition: () => RotateTransition_default,
521
+ ScaleListTransition: () => ScaleListTransition_default,
522
+ ScaleTransition: () => ScaleTransition_default,
523
+ WipeTransition: () => WipeTransition_default,
524
+ ZoomTransition: () => ZoomTransition_default
525
+ }, 1);
526
+ function install(e) {
527
+ e.$_vueBezierInstalled || (e.$_vueBezierInstalled = !0, Object.entries(components_exports).forEach(([g, _]) => e.component(g, _)));
5
528
  }
6
- function B(a) {
7
- return a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
8
- }
9
- function L(a, o) {
10
- const e = v(a.duration, "enter"), n = v(a.delay, "enter");
11
- o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
12
- }
13
- function M(a, o) {
14
- const e = v(a.duration, "leave"), n = v(a.delay, "leave");
15
- o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
16
- }
17
- function F(a, o, e) {
18
- P(a, o);
19
- const n = v(a.duration, "leave"), i = v(a.delay, "leave");
20
- setTimeout(e, n + i);
21
- }
22
- function $(a, o) {
23
- a.styles && Object.entries(a.styles).forEach(([e]) => {
24
- if (e in o.style) {
25
- const n = B(e);
26
- o.style.removeProperty(n);
27
- }
28
- }), o.style.removeProperty("animation-duration"), o.style.removeProperty("animation-delay");
29
- }
30
- function _(a, o) {
31
- k(a, o), a.styles && Object.entries(a.styles).forEach(([e, n]) => {
32
- if (e in o.style) {
33
- const i = B(e);
34
- o.style.setProperty(i, n);
35
- }
36
- });
37
- }
38
- function P(a, o) {
39
- if (a.group && o instanceof HTMLElement) {
40
- const e = getComputedStyle(o), { width: n, height: i, marginLeft: r, marginTop: s } = e, t = n !== "auto" ? parseFloat(n) : o.offsetWidth, d = i !== "auto" ? parseFloat(i) : o.offsetHeight, b = parseFloat(r), S = parseFloat(s);
41
- o.style.setProperty("left", `${o.offsetLeft - b}px`, "important"), o.style.setProperty("top", `${o.offsetTop - S}px`, "important"), o.style.setProperty("width", `${t}px`, "important"), o.style.setProperty("height", `${d}px`, "important"), o.style.setProperty("position", "absolute", "important");
42
- }
43
- }
44
- function k(a, o) {
45
- a.origin && o.style.setProperty("transform-origin", a.origin);
46
- }
47
- const T = (a, o) => ({
48
- onAfterEnter: (e) => {
49
- $(a, e), o("after-enter", e);
50
- },
51
- onAfterLeave: (e) => {
52
- $(a, e), o("after-leave", e);
53
- },
54
- onBeforeEnter: (e) => {
55
- L(a, e), o("before-enter", e);
56
- },
57
- onBeforeLeave: (e) => {
58
- M(a, e), o("before-leave", e);
59
- },
60
- onLeave: (e, n) => {
61
- F(a, e, n), o("leave", e, n);
62
- }
63
- }), C = /* @__PURE__ */ f({
64
- __name: "CollapseTransition",
65
- props: {
66
- delay: { default: 0 },
67
- duration: { default: 300 },
68
- group: { type: Boolean, default: !1 },
69
- origin: { default: "" },
70
- styles: { default: () => ({
71
- animationFillMode: "both",
72
- animationTimingFunction: "ease-out"
73
- }) },
74
- tag: { default: "span" }
75
- },
76
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
77
- setup(a, { emit: o }) {
78
- const e = a, n = o, i = h(e), r = {
79
- onAfterEnter(t) {
80
- t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, n("after-enter", t);
81
- },
82
- onAfterLeave(t) {
83
- t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, n("after-leave", t);
84
- },
85
- onBeforeEnter(t) {
86
- const d = v(e.duration, "enter");
87
- t.style.transition = s(d), t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height = "0", t.style.paddingTop = 0, t.style.paddingBottom = 0, _(e, t), n("before-enter", t);
88
- },
89
- onBeforeLeave(t) {
90
- t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.height = `${t.scrollHeight}px`, t.style.overflow = "hidden", _(e, t), n("before-leave", t);
91
- },
92
- onEnter(t) {
93
- t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.height = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.height = "", t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
94
- },
95
- onLeave(t, d) {
96
- const b = v(e.duration, "leave");
97
- t.scrollHeight !== 0 && (t.style.transition = s(b), t.style.height = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0), P(e, t), F(e, t, d), n("leave", t, d);
98
- }
99
- }, s = (t) => {
100
- const d = t / 1e3;
101
- return `${d}s height ease-in-out, ${d}s padding-top ease-in-out, ${d}s padding-bottom ease-in-out`;
102
- };
103
- return (t, d) => (u(), p(c(l(i)), m({
104
- tag: e.tag,
105
- name: "noc-collapse"
106
- }, { ...t.$attrs, ...r }), {
107
- default: g(() => [
108
- y(t.$slots, "default")
109
- ]),
110
- _: 3
111
- }, 16, ["tag"]));
112
- }
113
- }), Z = /* @__PURE__ */ f({
114
- inheritAttrs: !1,
115
- __name: "FadeTransition",
116
- props: {
117
- delay: { default: 0 },
118
- duration: { default: 300 },
119
- group: { type: Boolean, default: !1 },
120
- origin: { default: "" },
121
- styles: { default: () => ({
122
- animationFillMode: "both",
123
- animationTimingFunction: "ease-out"
124
- }) },
125
- tag: { default: "span" }
126
- },
127
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
128
- setup(a, { emit: o }) {
129
- const e = a, n = o, i = h(e), r = T(e, n);
130
- return (s, t) => (u(), p(c(l(i)), m({
131
- tag: e.tag,
132
- name: "noc-fade"
133
- }, { ...s.$attrs, ...l(r) }), {
134
- default: g(() => [
135
- y(s.$slots, "default")
136
- ]),
137
- _: 3
138
- }, 16, ["tag"]));
139
- }
140
- }), D = /* @__PURE__ */ f({
141
- inheritAttrs: !1,
142
- __name: "ScaleTransition",
143
- props: {
144
- delay: { default: 0 },
145
- duration: { default: 300 },
146
- group: { type: Boolean, default: !1 },
147
- origin: { default: "top left" },
148
- styles: { default: () => ({
149
- animationFillMode: "both",
150
- animationTimingFunction: "ease-out"
151
- }) },
152
- tag: { default: "span" }
153
- },
154
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
155
- setup(a, { emit: o }) {
156
- const e = a, n = o, i = h(e), r = T(e, n);
157
- return (s, t) => (u(), p(c(l(i)), m({
158
- tag: e.tag,
159
- name: "noc-scale"
160
- }, { ...s.$attrs, ...l(r) }), {
161
- default: g(() => [
162
- y(s.$slots, "default")
163
- ]),
164
- _: 3
165
- }, 16, ["tag"]));
166
- }
167
- }), E = /* @__PURE__ */ f({
168
- inheritAttrs: !1,
169
- __name: "SlideXLeftTransition",
170
- props: {
171
- delay: { default: 0 },
172
- duration: { default: 300 },
173
- group: { type: Boolean, default: !1 },
174
- origin: { default: "" },
175
- styles: { default: () => ({
176
- animationFillMode: "both",
177
- animationTimingFunction: "ease-out"
178
- }) },
179
- tag: { default: "span" }
180
- },
181
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
182
- setup(a, { emit: o }) {
183
- const e = a, n = o, i = h(e), r = T(e, n);
184
- return (s, t) => (u(), p(c(l(i)), m({
185
- tag: e.tag,
186
- name: "noc-slide-left"
187
- }, { ...s.$attrs, ...l(r) }), {
188
- default: g(() => [
189
- y(s.$slots, "default")
190
- ]),
191
- _: 3
192
- }, 16, ["tag"]));
193
- }
194
- }), O = /* @__PURE__ */ f({
195
- inheritAttrs: !1,
196
- __name: "SlideXRightTransition",
197
- props: {
198
- delay: { default: 0 },
199
- duration: { default: 300 },
200
- group: { type: Boolean, default: !1 },
201
- origin: { default: "" },
202
- styles: { default: () => ({
203
- animationFillMode: "both",
204
- animationTimingFunction: "ease-out"
205
- }) },
206
- tag: { default: "span" }
207
- },
208
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
209
- setup(a, { emit: o }) {
210
- const e = a, n = o, i = h(e), r = T(e, n);
211
- return (s, t) => (u(), p(c(l(i)), m({
212
- tag: e.tag,
213
- name: "noc-slide-right"
214
- }, { ...s.$attrs, ...l(r) }), {
215
- default: g(() => [
216
- y(s.$slots, "default")
217
- ]),
218
- _: 3
219
- }, 16, ["tag"]));
220
- }
221
- }), X = /* @__PURE__ */ f({
222
- inheritAttrs: !1,
223
- __name: "SlideYDownTransition",
224
- props: {
225
- delay: { default: 0 },
226
- duration: { default: 300 },
227
- group: { type: Boolean, default: !1 },
228
- origin: { default: "" },
229
- styles: { default: () => ({
230
- animationFillMode: "both",
231
- animationTimingFunction: "ease-out"
232
- }) },
233
- tag: { default: "span" }
234
- },
235
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
236
- setup(a, { emit: o }) {
237
- const e = a, n = o, i = h(e), r = T(e, n);
238
- return (s, t) => (u(), p(c(l(i)), m({
239
- tag: e.tag,
240
- name: "noc-slide-down"
241
- }, { ...s.$attrs, ...l(r) }), {
242
- default: g(() => [
243
- y(s.$slots, "default")
244
- ]),
245
- _: 3
246
- }, 16, ["tag"]));
247
- }
248
- }), Y = /* @__PURE__ */ f({
249
- inheritAttrs: !1,
250
- __name: "SlideYUpTransition",
251
- props: {
252
- delay: { default: 0 },
253
- duration: { default: 300 },
254
- group: { type: Boolean, default: !1 },
255
- origin: { default: "" },
256
- styles: { default: () => ({
257
- animationFillMode: "both",
258
- animationTimingFunction: "ease-out"
259
- }) },
260
- tag: { default: "span" }
261
- },
262
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
263
- setup(a, { emit: o }) {
264
- const e = a, n = o, i = h(e), r = T(e, n);
265
- return (s, t) => (u(), p(c(l(i)), m({
266
- tag: e.tag,
267
- name: "noc-slide-up"
268
- }, { ...s.$attrs, ...l(r) }), {
269
- default: g(() => [
270
- y(s.$slots, "default")
271
- ]),
272
- _: 3
273
- }, 16, ["tag"]));
274
- }
275
- }), z = /* @__PURE__ */ f({
276
- inheritAttrs: !1,
277
- __name: "ZoomCenterTransition",
278
- props: {
279
- delay: { default: 0 },
280
- duration: { default: 300 },
281
- group: { type: Boolean, default: !1 },
282
- origin: { default: "" },
283
- styles: { default: () => ({
284
- animationFillMode: "both",
285
- animationTimingFunction: "ease-out"
286
- }) },
287
- tag: { default: "span" }
288
- },
289
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
290
- setup(a, { emit: o }) {
291
- const e = a, n = o, i = h(e), r = T(e, n);
292
- return (s, t) => (u(), p(c(l(i)), m({
293
- tag: e.tag,
294
- name: "noc-zoom"
295
- }, { ...s.$attrs, ...l(r) }), {
296
- default: g(() => [
297
- y(s.$slots, "default")
298
- ]),
299
- _: 3
300
- }, 16, ["tag"]));
301
- }
302
- }), H = /* @__PURE__ */ f({
303
- inheritAttrs: !1,
304
- __name: "ZoomUpTransition",
305
- props: {
306
- delay: { default: 0 },
307
- duration: { default: 300 },
308
- group: { type: Boolean, default: !1 },
309
- origin: { default: "" },
310
- styles: { default: () => ({
311
- animationFillMode: "both",
312
- animationTimingFunction: "ease-out"
313
- }) },
314
- tag: { default: "span" }
315
- },
316
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
317
- setup(a, { emit: o }) {
318
- const e = a, n = o, i = h(e), r = T(e, n);
319
- return (s, t) => (u(), p(c(l(i)), m({
320
- tag: e.tag,
321
- name: "noc-zoom-up"
322
- }, { ...s.$attrs, ...l(r) }), {
323
- default: g(() => [
324
- y(s.$slots, "default")
325
- ]),
326
- _: 3
327
- }, 16, ["tag"]));
328
- }
329
- }), U = /* @__PURE__ */ f({
330
- inheritAttrs: !1,
331
- __name: "ZoomXTransition",
332
- props: {
333
- delay: { default: 0 },
334
- duration: { default: 300 },
335
- group: { type: Boolean, default: !1 },
336
- origin: { default: "" },
337
- styles: { default: () => ({
338
- animationFillMode: "both",
339
- animationTimingFunction: "ease-out"
340
- }) },
341
- tag: { default: "span" }
342
- },
343
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
344
- setup(a, { emit: o }) {
345
- const e = a, n = o, i = h(e), r = T(e, n);
346
- return (s, t) => (u(), p(c(l(i)), m({
347
- tag: e.tag,
348
- name: "noc-zoom-x"
349
- }, { ...s.$attrs, ...l(r) }), {
350
- default: g(() => [
351
- y(s.$slots, "default")
352
- ]),
353
- _: 3
354
- }, 16, ["tag"]));
355
- }
356
- }), j = /* @__PURE__ */ f({
357
- inheritAttrs: !1,
358
- __name: "ZoomYTransition",
359
- props: {
360
- delay: { default: 0 },
361
- duration: { default: 300 },
362
- group: { type: Boolean, default: !1 },
363
- origin: { default: "" },
364
- styles: { default: () => ({
365
- animationFillMode: "both",
366
- animationTimingFunction: "ease-out"
367
- }) },
368
- tag: { default: "span" }
369
- },
370
- emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
371
- setup(a, { emit: o }) {
372
- const e = a, n = o, i = h(e), r = T(e, n);
373
- return (s, t) => (u(), p(c(l(i)), m({
374
- tag: e.tag,
375
- name: "noc-zoom-y"
376
- }, { ...s.$attrs, ...l(r) }), {
377
- default: g(() => [
378
- y(s.$slots, "default")
379
- ]),
380
- _: 3
381
- }, 16, ["tag"]));
382
- }
383
- }), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
384
- __proto__: null,
385
- CollapseTransition: C,
386
- FadeTransition: Z,
387
- ScaleTransition: D,
388
- SlideXLeftTransition: E,
389
- SlideXRightTransition: O,
390
- SlideYDownTransition: X,
391
- SlideYUpTransition: Y,
392
- ZoomCenterTransition: z,
393
- ZoomUpTransition: H,
394
- ZoomXTransition: U,
395
- ZoomYTransition: j
396
- }, Symbol.toStringTag, { value: "Module" }));
397
- function K(a) {
398
- a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(I).forEach(
399
- ([o, e]) => a.component(o, e)
400
- ));
401
- }
402
- const W = {
403
- install: K
404
- };
405
- export {
406
- C as CollapseTransition,
407
- Z as FadeTransition,
408
- D as ScaleTransition,
409
- E as SlideXLeftTransition,
410
- O as SlideXRightTransition,
411
- X as SlideYDownTransition,
412
- Y as SlideYUpTransition,
413
- z as ZoomCenterTransition,
414
- H as ZoomUpTransition,
415
- U as ZoomXTransition,
416
- j as ZoomYTransition,
417
- W as default,
418
- K as install
419
- };
529
+ var main_default = { install };
530
+ export { BlurTransition_default as BlurTransition, ClipPathTransition_default as ClipPathTransition, DissolveListTransition_default as DissolveListTransition, DissolveTransition_default as DissolveTransition, FadeSlideTransition_default as FadeSlideTransition, PushTransition_default as PushTransition, RotateTransition_default as RotateTransition, ScaleListTransition_default as ScaleListTransition, ScaleTransition_default as ScaleTransition, WipeTransition_default as WipeTransition, ZoomTransition_default as ZoomTransition, main_default as default, install };