@noction/vue-bezier 2.0.0-beta.1 → 2.0.2

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 (42) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +137 -60
  3. package/dist/types/components/Blur/BlurTransition.vue.d.ts +23 -0
  4. package/dist/types/components/ClipPath/ClipPathTransition.vue.d.ts +17 -0
  5. package/dist/types/components/Dissolve/DissolveListTransition.vue.d.ts +14 -0
  6. package/dist/types/components/Dissolve/DissolveTransition.vue.d.ts +14 -0
  7. package/dist/types/components/FadeSlide/FadeSlideTransition.vue.d.ts +14 -0
  8. package/dist/types/components/Push/PushTransition.vue.d.ts +17 -0
  9. package/dist/types/components/Rotate/RotateTransition.vue.d.ts +14 -0
  10. package/dist/types/components/Scale/ScaleListTransition.vue.d.ts +14 -0
  11. package/dist/types/components/Scale/ScaleTransition.vue.d.ts +8 -30
  12. package/dist/types/components/Wipe/WipeTransition.vue.d.ts +14 -0
  13. package/dist/types/components/Zoom/ZoomTransition.vue.d.ts +14 -0
  14. package/dist/types/components/index.d.ts +10 -20
  15. package/dist/vue-bezier.css +2 -0
  16. package/dist/vue-bezier.js +529 -919
  17. package/dist/web-types.json +210 -442
  18. package/package.json +21 -23
  19. package/dist/style.css +0 -1
  20. package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +0 -36
  21. package/dist/types/components/Fade/FadeTransition.vue.d.ts +0 -36
  22. package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +0 -36
  23. package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +0 -36
  24. package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +0 -36
  25. package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +0 -36
  26. package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +0 -36
  27. package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +0 -36
  28. package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +0 -36
  29. package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +0 -36
  30. package/dist/types/components/v2/Blur/BlurTransition.vue.d.ts +0 -34
  31. package/dist/types/components/v2/ClipPath/ClipPathTransition.vue.d.ts +0 -21
  32. package/dist/types/components/v2/Dissolve/DissolveListTransition.vue.d.ts +0 -17
  33. package/dist/types/components/v2/Dissolve/DissolveTransition.vue.d.ts +0 -17
  34. package/dist/types/components/v2/FadeSlide/FadeSlideTransition.vue.d.ts +0 -17
  35. package/dist/types/components/v2/Push/PushTransition.vue.d.ts +0 -21
  36. package/dist/types/components/v2/Rotate/RotateTransition.vue.d.ts +0 -17
  37. package/dist/types/components/v2/Scale/ScaleListTransition.vue.d.ts +0 -17
  38. package/dist/types/components/v2/Wipe/WipeTransition.vue.d.ts +0 -17
  39. package/dist/types/components/v2/Zoom/ZoomTransition.vue.d.ts +0 -17
  40. package/dist/types/composables/buildComponentType.d.ts +0 -4
  41. package/dist/types/composables/index.d.ts +0 -3
  42. package/dist/types/composables/useHooks.d.ts +0 -15
@@ -1,920 +1,530 @@
1
- import { TransitionGroup as k, Transition as B, defineComponent as c, openBlock as m, createBlock as v, resolveDynamicComponent as T, unref as f, mergeProps as b, withCtx as y, renderSlot as g, computed as d, normalizeStyle as L, normalizeClass as M } from "vue";
2
- function F(e, a) {
3
- return typeof e == "number" ? e : typeof e == "object" && e !== null ? e[a] ?? 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, _)));
4
528
  }
5
- function Z(e) {
6
- return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
7
- }
8
- function O(e, a) {
9
- const t = F(e.duration, "enter"), o = F(e.delay, "enter");
10
- a.style.setProperty("animation-duration", `${t}ms`), a.style.setProperty("animation-delay", `${o}ms`), w(e, a);
11
- }
12
- function X(e, a) {
13
- const t = F(e.duration, "leave"), o = F(e.delay, "leave");
14
- a.style.setProperty("animation-duration", `${t}ms`), a.style.setProperty("animation-delay", `${o}ms`), w(e, a);
15
- }
16
- function N(e, a, t) {
17
- I(e, a);
18
- const o = F(e.duration, "leave"), s = F(e.delay, "leave");
19
- setTimeout(t, o + s);
20
- }
21
- function z(e, a) {
22
- e.styles && Object.entries(e.styles).forEach(([t]) => {
23
- if (t in a.style) {
24
- const o = Z(t);
25
- a.style.removeProperty(o);
26
- }
27
- }), a.style.removeProperty("animation-duration"), a.style.removeProperty("animation-delay");
28
- }
29
- function w(e, a) {
30
- Y(e, a), e.styles && Object.entries(e.styles).forEach(([t, o]) => {
31
- if (t in a.style) {
32
- const s = Z(t);
33
- a.style.setProperty(s, o);
34
- }
35
- });
36
- }
37
- function I(e, a) {
38
- if (e.group && a instanceof HTMLElement) {
39
- const t = getComputedStyle(a), { width: o, height: s, marginLeft: u, marginTop: l } = t, n = o !== "auto" ? Number.parseFloat(o) : a.offsetWidth, $ = s !== "auto" ? Number.parseFloat(s) : a.offsetHeight, E = Number.parseFloat(u), r = Number.parseFloat(l);
40
- a.style.setProperty("left", `${a.offsetLeft - E}px`, "important"), a.style.setProperty("top", `${a.offsetTop - r}px`, "important"), a.style.setProperty("width", `${n}px`, "important"), a.style.setProperty("height", `${$}px`, "important"), a.style.setProperty("position", "absolute", "important");
41
- }
42
- }
43
- function Y(e, a) {
44
- e.origin && a.style.setProperty("transform-origin", e.origin);
45
- }
46
- const P = (e, a) => ({
47
- onAfterEnter: (t) => {
48
- z(e, t), a("after-enter", t);
49
- },
50
- onAfterLeave: (t) => {
51
- z(e, t), a("after-leave", t);
52
- },
53
- onBeforeEnter: (t) => {
54
- O(e, t), a("before-enter", t);
55
- },
56
- onBeforeLeave: (t) => {
57
- X(e, t), a("before-leave", t);
58
- },
59
- onLeave: (t, o) => {
60
- N(e, t, o), a("leave", t, o);
61
- }
62
- }), h = (e) => e.group ? k : B, H = /* @__PURE__ */ c({
63
- __name: "CollapseTransition",
64
- props: {
65
- delay: { default: 0 },
66
- duration: { default: 300 },
67
- group: { type: Boolean, default: !1 },
68
- origin: { default: "" },
69
- styles: { default: () => ({
70
- animationFillMode: "both",
71
- animationTimingFunction: "ease-out"
72
- }) },
73
- tag: { default: "span" }
74
- },
75
- emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
76
- setup(e, { emit: a }) {
77
- const t = e, o = a, s = h(t), u = {
78
- onAfterEnter(n) {
79
- n.style.transition = "", n.style.height = "", n.style.overflow = n.dataset.oldOverflow, o("afterEnter", n);
80
- },
81
- onAfterLeave(n) {
82
- n.style.transition = "", n.style.height = "", n.style.overflow = n.dataset.oldOverflow, n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom, o("afterLeave", n);
83
- },
84
- onBeforeEnter(n) {
85
- const $ = F(t.duration, "enter");
86
- n.style.transition = l($), n.dataset || (n.dataset = {}), n.dataset.oldPaddingTop = n.style.paddingTop, n.dataset.oldPaddingBottom = n.style.paddingBottom, n.style.height = "0", n.style.paddingTop = 0, n.style.paddingBottom = 0, w(t, n), o("beforeEnter", n);
87
- },
88
- onBeforeLeave(n) {
89
- n.dataset || (n.dataset = {}), n.dataset.oldPaddingTop = n.style.paddingTop, n.dataset.oldPaddingBottom = n.style.paddingBottom, n.dataset.oldOverflow = n.style.overflow, n.style.height = `${n.scrollHeight}px`, n.style.overflow = "hidden", w(t, n), o("beforeLeave", n);
90
- },
91
- onEnter(n) {
92
- n.dataset.oldOverflow = n.style.overflow, n.scrollHeight !== 0 ? (n.style.height = `${n.scrollHeight}px`, n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom) : (n.style.height = "", n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom), n.style.overflow = "hidden";
93
- },
94
- onLeave(n, $) {
95
- const E = F(t.duration, "leave");
96
- n.scrollHeight !== 0 && (n.style.transition = l(E), n.style.height = 0, n.style.paddingTop = 0, n.style.paddingBottom = 0), I(t, n), N(t, n, $), o("leave", n, $);
97
- }
98
- };
99
- function l(n) {
100
- const $ = n / 1e3;
101
- return `${$}s height ease-in-out, ${$}s padding-top ease-in-out, ${$}s padding-bottom ease-in-out`;
102
- }
103
- return (n, $) => (m(), v(T(f(s)), b({
104
- tag: t.tag,
105
- name: "noc-collapse"
106
- }, { ...n.$attrs, ...u }), {
107
- default: y(() => [
108
- g(n.$slots, "default")
109
- ]),
110
- _: 3
111
- }, 16, ["tag"]));
112
- }
113
- }), j = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
128
- setup(e, { emit: a }) {
129
- const t = e, o = a, s = h(t), u = P(t, o);
130
- return (l, n) => (m(), v(T(f(s)), b({
131
- tag: t.tag,
132
- name: "noc-fade"
133
- }, { ...l.$attrs, ...f(u) }), {
134
- default: y(() => [
135
- g(l.$slots, "default")
136
- ]),
137
- _: 3
138
- }, 16, ["tag"]));
139
- }
140
- }), U = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
155
- setup(e, { emit: a }) {
156
- const t = e, o = a, s = h(t), u = P(t, o);
157
- return (l, n) => (m(), v(T(f(s)), b({
158
- tag: t.tag,
159
- name: "noc-scale"
160
- }, { ...l.$attrs, ...f(u) }), {
161
- default: y(() => [
162
- g(l.$slots, "default")
163
- ]),
164
- _: 3
165
- }, 16, ["tag"]));
166
- }
167
- }), x = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
182
- setup(e, { emit: a }) {
183
- const t = e, o = a, s = h(t), u = P(t, o);
184
- return (l, n) => (m(), v(T(f(s)), b({
185
- tag: t.tag,
186
- name: "noc-slide-left"
187
- }, { ...l.$attrs, ...f(u) }), {
188
- default: y(() => [
189
- g(l.$slots, "default")
190
- ]),
191
- _: 3
192
- }, 16, ["tag"]));
193
- }
194
- }), R = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
209
- setup(e, { emit: a }) {
210
- const t = e, o = a, s = h(t), u = P(t, o);
211
- return (l, n) => (m(), v(T(f(s)), b({
212
- tag: t.tag,
213
- name: "noc-slide-right"
214
- }, { ...l.$attrs, ...f(u) }), {
215
- default: y(() => [
216
- g(l.$slots, "default")
217
- ]),
218
- _: 3
219
- }, 16, ["tag"]));
220
- }
221
- }), W = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
236
- setup(e, { emit: a }) {
237
- const t = e, o = a, s = h(t), u = P(t, o);
238
- return (l, n) => (m(), v(T(f(s)), b({
239
- tag: t.tag,
240
- name: "noc-slide-down"
241
- }, { ...l.$attrs, ...f(u) }), {
242
- default: y(() => [
243
- g(l.$slots, "default")
244
- ]),
245
- _: 3
246
- }, 16, ["tag"]));
247
- }
248
- }), K = /* @__PURE__ */ c({
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: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
263
- setup(e, { emit: a }) {
264
- const t = e, o = a, s = h(t), u = P(t, o);
265
- return (l, n) => (m(), v(T(f(s)), b({
266
- tag: t.tag,
267
- name: "noc-slide-up"
268
- }, { ...l.$attrs, ...f(u) }), {
269
- default: y(() => [
270
- g(l.$slots, "default")
271
- ]),
272
- _: 3
273
- }, 16, ["tag"]));
274
- }
275
- }), q = /* @__PURE__ */ c({
276
- __name: "BlurTransition",
277
- props: {
278
- duration: { default: 500 },
279
- delay: { default: 0 }
280
- },
281
- setup(e) {
282
- const a = d(() => ({
283
- enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
284
- leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
285
- })), t = d(() => ({
286
- enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
287
- leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
288
- }));
289
- return (o, s) => (m(), v(B, {
290
- "enter-active-class": "blur-enter-active",
291
- "enter-from-class": "blur-enter-from",
292
- "enter-to-class": "blur-enter-to",
293
- "leave-active-class": "blur-leave-active",
294
- "leave-from-class": "blur-leave-from",
295
- "leave-to-class": "blur-leave-to",
296
- style: L({
297
- "--transition-enter-duration": a.value.enter,
298
- "--transition-leave-duration": a.value.leave,
299
- "--transition-enter-delay": t.value.enter,
300
- "--transition-leave-delay": t.value.leave
301
- })
302
- }, {
303
- default: y(() => [
304
- g(o.$slots, "default", {}, void 0, !0)
305
- ]),
306
- _: 3
307
- }, 8, ["style"]));
308
- }
309
- }), D = (e, a) => {
310
- const t = e.__vccOpts || e;
311
- for (const [o, s] of a)
312
- t[o] = s;
313
- return t;
314
- }, G = /* @__PURE__ */ D(q, [["__scopeId", "data-v-7be59bae"]]), V = /* @__PURE__ */ c({
315
- __name: "ClipPathTransition",
316
- props: {
317
- delay: { default: 0 },
318
- duration: { default: 1e3 },
319
- group: { type: Boolean },
320
- origin: {},
321
- styles: {},
322
- tag: {},
323
- clipType: { default: "circle" }
324
- },
325
- setup(e) {
326
- const a = d(() => ({
327
- enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
328
- leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
329
- })), t = d(() => ({
330
- enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
331
- leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
332
- })), o = d(() => e.clipType === "circle" ? "clip-circle" : "clip-square");
333
- return (s, u) => (m(), v(B, {
334
- mode: "default",
335
- class: M([o.value]),
336
- "enter-active-class": "clip-enter-active",
337
- "enter-from-class": "clip-enter-from",
338
- "enter-to-class": "clip-enter-to",
339
- "leave-active-class": "clip-leave-active",
340
- style: L({
341
- "--transition-enter-duration": a.value.enter,
342
- "--transition-leave-duration": a.value.leave,
343
- "--transition-enter-delay": t.value.enter,
344
- "--transition-leave-delay": t.value.leave
345
- })
346
- }, {
347
- default: y(() => [
348
- g(s.$slots, "default", {}, void 0, !0)
349
- ]),
350
- _: 3
351
- }, 8, ["class", "style"]));
352
- }
353
- }), J = /* @__PURE__ */ D(V, [["__scopeId", "data-v-df810289"]]), Q = /* @__PURE__ */ c({
354
- __name: "DissolveListTransition",
355
- props: {
356
- delay: { default: 0 },
357
- duration: { default: 300 },
358
- group: { type: Boolean },
359
- origin: {},
360
- styles: {},
361
- tag: { default: "span" }
362
- },
363
- setup(e) {
364
- const a = d(() => typeof e.duration == "number" ? {
365
- enter: `${e.duration}ms`,
366
- leave: `${e.duration}ms`
367
- } : {
368
- enter: `${e.duration.enter}ms`,
369
- leave: `${e.duration.leave}ms`
370
- }), t = d(() => typeof e.delay == "number" ? {
371
- enter: `${e.delay}ms`,
372
- leave: `${e.delay}ms`
373
- } : {
374
- enter: `${e.delay.enter}ms`,
375
- leave: `${e.delay.leave}ms`
376
- });
377
- function o(r) {
378
- const i = getComputedStyle(r), { width: p, height: S } = i, { marginLeft: C, marginTop: A } = i;
379
- r.style.setProperty("left", `${r.offsetLeft - Number.parseFloat(C)}px`, "important"), r.style.setProperty("top", `${r.offsetTop - Number.parseFloat(A)}px`, "important"), r.style.setProperty("width", `${Number.parseFloat(p)}px`, "important"), r.style.setProperty("height", `${Number.parseFloat(S)}px`, "important");
380
- }
381
- function s(r) {
382
- r.style.setProperty("transition-duration", "0ms", "important"), r.style.setProperty("transition-delay", "0ms", "important");
383
- }
384
- function u(r) {
385
- r.style.removeProperty("transition-duration"), r.style.removeProperty("transition-timing-function"), r.style.removeProperty("transition-delay");
386
- }
387
- function l(r, i = "enter") {
388
- const p = a.value[i], S = t.value[i];
389
- r.style.setProperty("transition-duration", p, "important"), r.style.setProperty("transition-delay", S, "important");
390
- }
391
- function n(r) {
392
- const i = r;
393
- u(i), i.style.removeProperty("opacity");
394
- }
395
- function $(r) {
396
- const i = r;
397
- s(i), o(i);
398
- }
399
- function E(r) {
400
- const i = r;
401
- l(i, "leave"), i.style.setProperty("opacity", "0", "important");
402
- }
403
- return (r, i) => (m(), v(k, {
404
- tag: r.tag,
405
- class: "dissolve-list",
406
- "enter-active-class": "dissolve-enter-active",
407
- "enter-from-class": "dissolve-enter-from",
408
- "enter-to-class": "dissolve-enter-to",
409
- "leave-active-class": "dissolve-leave-active",
410
- "leave-from-class": "dissolve-leave-from",
411
- "leave-to-class": "dissolve-leave-to",
412
- "move-class": "dissolve-move",
413
- style: L({
414
- "--transition-enter-duration": a.value.enter,
415
- "--transition-leave-duration": a.value.leave,
416
- "--transition-enter-delay": t.value.enter,
417
- "--transition-leave-delay": t.value.leave
418
- }),
419
- onAfterLeave: i[0] || (i[0] = (p) => n(p)),
420
- onBeforeLeave: i[1] || (i[1] = (p) => $(p)),
421
- onLeave: i[2] || (i[2] = (p) => E(p))
422
- }, {
423
- default: y(() => [
424
- g(r.$slots, "default")
425
- ]),
426
- _: 3
427
- }, 8, ["tag", "style"]));
428
- }
429
- }), _ = /* @__PURE__ */ c({
430
- __name: "DissolveTransition",
431
- props: {
432
- delay: { default: 0 },
433
- duration: { default: 300 },
434
- group: { type: Boolean },
435
- origin: {},
436
- styles: {},
437
- tag: {}
438
- },
439
- setup(e) {
440
- const a = d(() => typeof e.duration == "number" ? {
441
- enter: `${e.duration}ms`,
442
- leave: `${e.duration}ms`
443
- } : {
444
- enter: `${e.duration.enter}ms`,
445
- leave: `${e.duration.leave}ms`
446
- }), t = d(() => typeof e.delay == "number" ? {
447
- enter: `${e.delay}ms`,
448
- leave: `${e.delay}ms`
449
- } : {
450
- enter: `${e.delay.enter}ms`,
451
- leave: `${e.delay.leave}ms`
452
- });
453
- return (o, s) => (m(), v(B, {
454
- "enter-active-class": "dissolve-enter-active",
455
- "enter-from-class": "dissolve-enter-from",
456
- "enter-to-class": "dissolve-enter-to",
457
- "leave-active-class": "dissolve-leave-active",
458
- "leave-from-class": "dissolve-leave-from",
459
- "leave-to-class": "dissolve-leave-to",
460
- "move-class": "dissolve-move",
461
- style: L({
462
- "--transition-enter-duration": a.value.enter,
463
- "--transition-leave-duration": a.value.leave,
464
- "--transition-enter-delay": t.value.enter,
465
- "--transition-leave-delay": t.value.leave
466
- })
467
- }, {
468
- default: y(() => [
469
- g(o.$slots, "default", {}, void 0, !0)
470
- ]),
471
- _: 3
472
- }, 8, ["style"]));
473
- }
474
- }), ee = /* @__PURE__ */ D(_, [["__scopeId", "data-v-5960431f"]]), te = /* @__PURE__ */ c({
475
- __name: "FadeSlideTransition",
476
- props: {
477
- delay: { default: 0 },
478
- duration: { default: 300 },
479
- group: { type: Boolean },
480
- origin: {},
481
- styles: {},
482
- tag: {}
483
- },
484
- setup(e) {
485
- const a = d(() => typeof e.duration == "number" ? {
486
- enter: `${e.duration}ms`,
487
- leave: `${e.duration}ms`
488
- } : {
489
- enter: `${e.duration.enter}ms`,
490
- leave: `${e.duration.leave}ms`
491
- }), t = d(() => typeof e.delay == "number" ? {
492
- enter: `${e.delay}ms`,
493
- leave: `${e.delay}ms`
494
- } : {
495
- enter: `${e.delay.enter}ms`,
496
- leave: `${e.delay.leave}ms`
497
- });
498
- return (o, s) => (m(), v(B, {
499
- "enter-active-class": "fade-slide-enter-active",
500
- "enter-from-class": "fade-slide-enter-from",
501
- "enter-to-class": "fade-slide-enter-to",
502
- "leave-active-class": "fade-slide-leave-active",
503
- "leave-from-class": "fade-slide-leave-from",
504
- "leave-to-class": "fade-slide-leave-to",
505
- style: L({
506
- "--transition-enter-duration": a.value.enter,
507
- "--transition-leave-duration": a.value.leave,
508
- "--transition-enter-delay": t.value.enter,
509
- "--transition-leave-delay": t.value.leave
510
- })
511
- }, {
512
- default: y(() => [
513
- g(o.$slots, "default", {}, void 0, !0)
514
- ]),
515
- _: 3
516
- }, 8, ["style"]));
517
- }
518
- }), ae = /* @__PURE__ */ D(te, [["__scopeId", "data-v-9e8b9b73"]]), ne = /* @__PURE__ */ c({
519
- __name: "PushTransition",
520
- props: {
521
- delay: { default: 0 },
522
- duration: { default: 300 },
523
- group: { type: Boolean },
524
- origin: {},
525
- styles: {},
526
- tag: {},
527
- direction: { default: "right" }
528
- },
529
- setup(e) {
530
- const a = d(() => typeof e.duration == "number" ? {
531
- enter: `${e.duration}ms`,
532
- leave: `${e.duration}ms`
533
- } : {
534
- enter: `${e.duration.enter}ms`,
535
- leave: `${e.duration.leave}ms`
536
- }), t = d(() => typeof e.delay == "number" ? {
537
- enter: `${e.delay}ms`,
538
- leave: `${e.delay}ms`
539
- } : {
540
- enter: `${e.delay.enter}ms`,
541
- leave: `${e.delay.leave}ms`
542
- }), o = d(() => `push-${e.direction}`);
543
- return (s, u) => (m(), v(B, {
544
- class: M([o.value]),
545
- "enter-active-class": "push-enter-active",
546
- "enter-from-class": "push-enter-from",
547
- "enter-to-class": "push-enter-to",
548
- "leave-active-class": "push-leave-active",
549
- "leave-from-class": "push-leave-from",
550
- "leave-to-class": "push-leave-to",
551
- style: L({
552
- "--transition-enter-duration": a.value.enter,
553
- "--transition-leave-duration": a.value.leave,
554
- "--transition-enter-delay": t.value.enter,
555
- "--transition-leave-delay": t.value.leave
556
- })
557
- }, {
558
- default: y(() => [
559
- g(s.$slots, "default", {}, void 0, !0)
560
- ]),
561
- _: 3
562
- }, 8, ["class", "style"]));
563
- }
564
- }), oe = /* @__PURE__ */ D(ne, [["__scopeId", "data-v-534f8451"]]), re = /* @__PURE__ */ c({
565
- __name: "RotateTransition",
566
- props: {
567
- delay: { default: 0 },
568
- duration: { default: 300 },
569
- group: { type: Boolean },
570
- origin: {},
571
- styles: {},
572
- tag: {}
573
- },
574
- setup(e) {
575
- const a = d(() => ({
576
- enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
577
- leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
578
- })), t = d(() => ({
579
- enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
580
- leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
581
- }));
582
- return (o, s) => (m(), v(B, {
583
- mode: "out-in",
584
- "enter-active-class": "rotate-enter-active",
585
- "enter-from-class": "rotate-enter-from",
586
- "enter-to-class": "rotate-enter-to",
587
- "leave-active-class": "rotate-leave-active",
588
- "leave-from-class": "rotate-leave-from",
589
- "leave-to-class": "rotate-leave-to",
590
- style: L({
591
- "--transition-enter-duration": a.value.enter,
592
- "--transition-leave-duration": a.value.leave,
593
- "--transition-enter-delay": t.value.enter,
594
- "--transition-leave-delay": t.value.leave
595
- })
596
- }, {
597
- default: y(() => [
598
- g(o.$slots, "default", {}, void 0, !0)
599
- ]),
600
- _: 3
601
- }, 8, ["style"]));
602
- }
603
- }), se = /* @__PURE__ */ D(re, [["__scopeId", "data-v-543c1e7a"]]), ie = /* @__PURE__ */ c({
604
- __name: "ScaleListTransition",
605
- props: {
606
- delay: { default: 0 },
607
- duration: { default: 300 },
608
- group: { type: Boolean },
609
- origin: {},
610
- styles: {},
611
- tag: { default: "span" }
612
- },
613
- setup(e) {
614
- const a = d(() => typeof e.duration == "number" ? {
615
- enter: `${e.duration}ms`,
616
- leave: `${e.duration}ms`
617
- } : {
618
- enter: `${e.duration.enter}ms`,
619
- leave: `${e.duration.leave}ms`
620
- }), t = d(() => typeof e.delay == "number" ? {
621
- enter: `${e.delay}ms`,
622
- leave: `${e.delay}ms`
623
- } : {
624
- enter: `${e.delay.enter}ms`,
625
- leave: `${e.delay.leave}ms`
626
- });
627
- function o(r) {
628
- const i = getComputedStyle(r), { width: p, height: S } = i, { marginLeft: C, marginTop: A } = i;
629
- return r.style.setProperty("left", `${r.offsetLeft - Number.parseFloat(C)}px`, "important"), r.style.setProperty("top", `${r.offsetTop - Number.parseFloat(A)}px`, "important"), r.style.setProperty("width", `${Number.parseFloat(p)}px`, "important"), r.style.setProperty("height", `${Number.parseFloat(S)}px`, "important"), r;
630
- }
631
- function s(r) {
632
- r.style.setProperty("transition-duration", "0ms", "important"), r.style.setProperty("transition-delay", "0ms", "important");
633
- }
634
- function u(r) {
635
- r.style.removeProperty("transition-duration"), r.style.removeProperty("transition-timing-function"), r.style.removeProperty("transition-delay");
636
- }
637
- function l(r, i = "enter") {
638
- const p = a.value[i], S = t.value[i];
639
- r.style.setProperty("transition-duration", p, "important"), r.style.setProperty("transition-delay", S, "important");
640
- }
641
- function n(r) {
642
- const i = r;
643
- u(i), i.style.removeProperty("opacity");
644
- }
645
- function $(r) {
646
- const i = r;
647
- s(i), o(i);
648
- }
649
- function E(r) {
650
- const i = r;
651
- l(i, "leave"), i.style.setProperty("opacity", "0", "important");
652
- }
653
- return (r, i) => (m(), v(k, {
654
- tag: r.tag,
655
- class: "scale-list",
656
- "enter-active-class": "scale-list-enter-active",
657
- "enter-from-class": "scale-list-enter-from",
658
- "enter-to-class": "scale-list-enter-to",
659
- "leave-active-class": "scale-list-leave-active",
660
- "leave-from-class": "scale-list-leave-from",
661
- "leave-to-class": "scale-list-leave-to",
662
- "move-class": "scale-list-move",
663
- style: L({
664
- "--transition-enter-duration": a.value.enter,
665
- "--transition-leave-duration": a.value.leave,
666
- "--transition-enter-delay": t.value.enter,
667
- "--transition-leave-delay": t.value.leave
668
- }),
669
- onAfterLeave: i[0] || (i[0] = (p) => n(p)),
670
- onBeforeLeave: i[1] || (i[1] = (p) => $(p)),
671
- onLeave: i[2] || (i[2] = (p) => E(p))
672
- }, {
673
- default: y(() => [
674
- g(r.$slots, "default")
675
- ]),
676
- _: 3
677
- }, 8, ["tag", "style"]));
678
- }
679
- }), le = /* @__PURE__ */ c({
680
- __name: "WipeTransition",
681
- props: {
682
- delay: { default: 0 },
683
- duration: { default: 300 },
684
- group: { type: Boolean },
685
- origin: {},
686
- styles: {},
687
- tag: {}
688
- },
689
- setup(e) {
690
- const a = d(() => ({
691
- enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
692
- leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
693
- })), t = d(() => ({
694
- enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
695
- leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
696
- }));
697
- return (o, s) => (m(), v(B, {
698
- "enter-active-class": "wipe-enter-active",
699
- "enter-from-class": "wipe-enter-from",
700
- "enter-to-class": "wipe-enter-to",
701
- "leave-active-class": "wipe-leave-active",
702
- "leave-from-class": "wipe-leave-from",
703
- "leave-to-class": "wipe-leave-to",
704
- style: L({
705
- "--transition-enter-duration": a.value.enter,
706
- "--transition-leave-duration": a.value.leave,
707
- "--transition-enter-delay": t.value.enter,
708
- "--transition-leave-delay": t.value.leave
709
- })
710
- }, {
711
- default: y(() => [
712
- g(o.$slots, "default", {}, void 0, !0)
713
- ]),
714
- _: 3
715
- }, 8, ["style"]));
716
- }
717
- }), ue = /* @__PURE__ */ D(le, [["__scopeId", "data-v-8d219fef"]]), de = /* @__PURE__ */ c({
718
- __name: "ZoomTransition",
719
- props: {
720
- delay: { default: 0 },
721
- duration: { default: 300 },
722
- group: { type: Boolean },
723
- origin: {},
724
- styles: {},
725
- tag: {}
726
- },
727
- setup(e) {
728
- const a = d(() => ({
729
- enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
730
- leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
731
- })), t = d(() => ({
732
- enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
733
- leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
734
- }));
735
- return (o, s) => (m(), v(B, {
736
- "enter-active-class": "zoom-enter-active",
737
- "enter-from-class": "zoom-enter-from",
738
- "enter-to-class": "zoom-enter-to",
739
- "leave-active-class": "zoom-leave-active",
740
- "leave-from-class": "zoom-leave-from",
741
- "leave-to-class": "zoom-leave-to",
742
- mode: "out-in",
743
- style: L({
744
- "--transition-enter-duration": a.value.enter,
745
- "--transition-leave-duration": a.value.leave,
746
- "--transition-enter-delay": t.value.enter,
747
- "--transition-leave-delay": t.value.leave
748
- })
749
- }, {
750
- default: y(() => [
751
- g(o.$slots, "default", {}, void 0, !0)
752
- ]),
753
- _: 3
754
- }, 8, ["style"]));
755
- }
756
- }), fe = /* @__PURE__ */ D(de, [["__scopeId", "data-v-b022280d"]]), ce = /* @__PURE__ */ c({
757
- inheritAttrs: !1,
758
- __name: "ZoomCenterTransition",
759
- props: {
760
- delay: { default: 0 },
761
- duration: { default: 300 },
762
- group: { type: Boolean, default: !1 },
763
- origin: { default: "" },
764
- styles: { default: () => ({
765
- animationFillMode: "both",
766
- animationTimingFunction: "ease-out"
767
- }) },
768
- tag: { default: "span" }
769
- },
770
- emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
771
- setup(e, { emit: a }) {
772
- const t = e, o = a, s = h(t), u = P(t, o);
773
- return (l, n) => (m(), v(T(f(s)), b({
774
- tag: t.tag,
775
- name: "noc-zoom"
776
- }, { ...l.$attrs, ...f(u) }), {
777
- default: y(() => [
778
- g(l.$slots, "default")
779
- ]),
780
- _: 3
781
- }, 16, ["tag"]));
782
- }
783
- }), me = /* @__PURE__ */ c({
784
- inheritAttrs: !1,
785
- __name: "ZoomUpTransition",
786
- props: {
787
- delay: { default: 0 },
788
- duration: { default: 300 },
789
- group: { type: Boolean, default: !1 },
790
- origin: { default: "" },
791
- styles: { default: () => ({
792
- animationFillMode: "both",
793
- animationTimingFunction: "ease-out"
794
- }) },
795
- tag: { default: "span" }
796
- },
797
- emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
798
- setup(e, { emit: a }) {
799
- const t = e, o = a, s = h(t), u = P(t, o);
800
- return (l, n) => (m(), v(T(f(s)), b({
801
- tag: t.tag,
802
- name: "noc-zoom-up"
803
- }, { ...l.$attrs, ...f(u) }), {
804
- default: y(() => [
805
- g(l.$slots, "default")
806
- ]),
807
- _: 3
808
- }, 16, ["tag"]));
809
- }
810
- }), ve = /* @__PURE__ */ c({
811
- inheritAttrs: !1,
812
- __name: "ZoomXTransition",
813
- props: {
814
- delay: { default: 0 },
815
- duration: { default: 300 },
816
- group: { type: Boolean, default: !1 },
817
- origin: { default: "" },
818
- styles: { default: () => ({
819
- animationFillMode: "both",
820
- animationTimingFunction: "ease-out"
821
- }) },
822
- tag: { default: "span" }
823
- },
824
- emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
825
- setup(e, { emit: a }) {
826
- const t = e, o = a, s = h(t), u = P(t, o);
827
- return (l, n) => (m(), v(T(f(s)), b({
828
- tag: t.tag,
829
- name: "noc-zoom-x"
830
- }, { ...l.$attrs, ...f(u) }), {
831
- default: y(() => [
832
- g(l.$slots, "default")
833
- ]),
834
- _: 3
835
- }, 16, ["tag"]));
836
- }
837
- }), ye = /* @__PURE__ */ c({
838
- inheritAttrs: !1,
839
- __name: "ZoomYTransition",
840
- props: {
841
- delay: { default: 0 },
842
- duration: { default: 300 },
843
- group: { type: Boolean, default: !1 },
844
- origin: { default: "" },
845
- styles: { default: () => ({
846
- animationFillMode: "both",
847
- animationTimingFunction: "ease-out"
848
- }) },
849
- tag: { default: "span" }
850
- },
851
- emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
852
- setup(e, { emit: a }) {
853
- const t = e, o = a, s = h(t), u = P(t, o);
854
- return (l, n) => (m(), v(T(f(s)), b({
855
- tag: t.tag,
856
- name: "noc-zoom-y"
857
- }, { ...l.$attrs, ...f(u) }), {
858
- default: y(() => [
859
- g(l.$slots, "default")
860
- ]),
861
- _: 3
862
- }, 16, ["tag"]));
863
- }
864
- }), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
865
- __proto__: null,
866
- BlurTransition: G,
867
- ClipPathTransition: J,
868
- CollapseTransition: H,
869
- DissolveListTransition: Q,
870
- DissolveTransition: ee,
871
- FadeSlideTransition: ae,
872
- FadeTransition: j,
873
- PushTransition: oe,
874
- RotateTransition: se,
875
- ScaleListTransition: ie,
876
- ScaleTransition: U,
877
- SlideXLeftTransition: x,
878
- SlideXRightTransition: R,
879
- SlideYDownTransition: W,
880
- SlideYUpTransition: K,
881
- WipeTransition: ue,
882
- ZoomCenterTransition: ce,
883
- ZoomTransition: fe,
884
- ZoomUpTransition: me,
885
- ZoomXTransition: ve,
886
- ZoomYTransition: ye
887
- }, Symbol.toStringTag, { value: "Module" }));
888
- function pe(e) {
889
- e.$_vueBezierInstalled || (e.$_vueBezierInstalled = !0, Object.entries(ge).forEach(
890
- ([a, t]) => e.component(a, t)
891
- ));
892
- }
893
- const Te = {
894
- install: pe
895
- };
896
- export {
897
- G as BlurTransition,
898
- J as ClipPathTransition,
899
- H as CollapseTransition,
900
- Q as DissolveListTransition,
901
- ee as DissolveTransition,
902
- ae as FadeSlideTransition,
903
- j as FadeTransition,
904
- oe as PushTransition,
905
- se as RotateTransition,
906
- ie as ScaleListTransition,
907
- U as ScaleTransition,
908
- x as SlideXLeftTransition,
909
- R as SlideXRightTransition,
910
- W as SlideYDownTransition,
911
- K as SlideYUpTransition,
912
- ue as WipeTransition,
913
- ce as ZoomCenterTransition,
914
- fe as ZoomTransition,
915
- me as ZoomUpTransition,
916
- ve as ZoomXTransition,
917
- ye as ZoomYTransition,
918
- Te as default,
919
- pe as install
920
- };
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 };