@noction/vue-bezier 1.0.9 → 1.11.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 (39) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +66 -0
  3. package/dist/types/components/Fade/FadeTransition.vue.d.ts +66 -0
  4. package/dist/types/components/Scale/ScaleTransition.vue.d.ts +66 -0
  5. package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +66 -0
  6. package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +66 -0
  7. package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +66 -0
  8. package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +66 -0
  9. package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +66 -0
  10. package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +66 -0
  11. package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +66 -0
  12. package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +66 -0
  13. package/{src/components/index.ts → dist/types/components/index.d.ts} +0 -9
  14. package/dist/types/composables/buildComponentType.d.ts +4 -0
  15. package/dist/types/composables/index.d.ts +3 -0
  16. package/dist/types/composables/useHooks.d.ts +15 -0
  17. package/dist/types/main.d.ts +7 -0
  18. package/{src/types/index.ts → dist/types/types/index.d.ts} +10 -19
  19. package/dist/vue-bezier.js +184 -198
  20. package/dist/web-types.json +8 -8
  21. package/package.json +14 -15
  22. package/src/components/Collapse/CollapseTransition.vue +0 -127
  23. package/src/components/Fade/FadeTransition.vue +0 -52
  24. package/src/components/Scale/ScaleTransition.vue +0 -61
  25. package/src/components/Slide/SlideXLeftTransition.vue +0 -62
  26. package/src/components/Slide/SlideXRightTransition.vue +0 -60
  27. package/src/components/Slide/SlideYDownTransition.vue +0 -59
  28. package/src/components/Slide/SlideYUpTransition.vue +0 -61
  29. package/src/components/Slide/move.scss +0 -1
  30. package/src/components/Zoom/ZoomCenterTransition.vue +0 -62
  31. package/src/components/Zoom/ZoomUpTransition.vue +0 -63
  32. package/src/components/Zoom/ZoomXTransition.vue +0 -64
  33. package/src/components/Zoom/ZoomYTransition.vue +0 -65
  34. package/src/components/Zoom/move.scss +0 -1
  35. package/src/composables/buildComponentType.ts +0 -5
  36. package/src/composables/index.ts +0 -4
  37. package/src/composables/useHooks.ts +0 -110
  38. package/src/main.ts +0 -20
  39. package/src/vue-shim.d.ts +0 -5
@@ -0,0 +1,66 @@
1
+ import type { ComponentProps } from '@/types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
3
+ delay: number;
4
+ duration: number;
5
+ group: boolean;
6
+ origin: string;
7
+ styles: () => {
8
+ animationFillMode: string;
9
+ animationTimingFunction: string;
10
+ };
11
+ tag: string;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
+ leave: (el: import("vue").RendererElement, done: () => void) => void;
14
+ "after-enter": (el: import("vue").RendererElement) => void;
15
+ "after-leave": (el: import("vue").RendererElement) => void;
16
+ "before-enter": (el: import("vue").RendererElement) => void;
17
+ "before-leave": (el: import("vue").RendererElement) => void;
18
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
19
+ delay: number;
20
+ duration: number;
21
+ group: boolean;
22
+ origin: string;
23
+ styles: () => {
24
+ animationFillMode: string;
25
+ animationTimingFunction: string;
26
+ };
27
+ tag: string;
28
+ }>>> & {
29
+ onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
30
+ "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
31
+ "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
32
+ "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
33
+ "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
34
+ }, {
35
+ delay: import("@/types").NumberOrTimings;
36
+ duration: import("@/types").NumberOrTimings;
37
+ group: boolean;
38
+ origin: string;
39
+ styles: Partial<CSSStyleDeclaration>;
40
+ tag: string;
41
+ }, {}>, {
42
+ default?(_: {}): any;
43
+ }>;
44
+ export default _default;
45
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
46
+ type __VLS_TypePropsToRuntimeProps<T> = {
47
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
48
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
49
+ } : {
50
+ type: import('vue').PropType<T[K]>;
51
+ required: true;
52
+ };
53
+ };
54
+ type __VLS_WithDefaults<P, D> = {
55
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
56
+ default: D[K];
57
+ }> : P[K];
58
+ };
59
+ type __VLS_Prettify<T> = {
60
+ [K in keyof T]: T[K];
61
+ } & {};
62
+ type __VLS_WithTemplateSlots<T, S> = T & {
63
+ new (): {
64
+ $slots: S;
65
+ };
66
+ };
@@ -0,0 +1,66 @@
1
+ import type { ComponentProps } from '@/types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
3
+ delay: number;
4
+ duration: number;
5
+ group: boolean;
6
+ origin: string;
7
+ styles: () => {
8
+ animationFillMode: string;
9
+ animationTimingFunction: string;
10
+ };
11
+ tag: string;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
+ leave: (el: import("vue").RendererElement, done: () => void) => void;
14
+ "after-enter": (el: import("vue").RendererElement) => void;
15
+ "after-leave": (el: import("vue").RendererElement) => void;
16
+ "before-enter": (el: import("vue").RendererElement) => void;
17
+ "before-leave": (el: import("vue").RendererElement) => void;
18
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
19
+ delay: number;
20
+ duration: number;
21
+ group: boolean;
22
+ origin: string;
23
+ styles: () => {
24
+ animationFillMode: string;
25
+ animationTimingFunction: string;
26
+ };
27
+ tag: string;
28
+ }>>> & {
29
+ onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
30
+ "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
31
+ "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
32
+ "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
33
+ "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
34
+ }, {
35
+ delay: import("@/types").NumberOrTimings;
36
+ duration: import("@/types").NumberOrTimings;
37
+ group: boolean;
38
+ origin: string;
39
+ styles: Partial<CSSStyleDeclaration>;
40
+ tag: string;
41
+ }, {}>, {
42
+ default?(_: {}): any;
43
+ }>;
44
+ export default _default;
45
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
46
+ type __VLS_TypePropsToRuntimeProps<T> = {
47
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
48
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
49
+ } : {
50
+ type: import('vue').PropType<T[K]>;
51
+ required: true;
52
+ };
53
+ };
54
+ type __VLS_WithDefaults<P, D> = {
55
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
56
+ default: D[K];
57
+ }> : P[K];
58
+ };
59
+ type __VLS_Prettify<T> = {
60
+ [K in keyof T]: T[K];
61
+ } & {};
62
+ type __VLS_WithTemplateSlots<T, S> = T & {
63
+ new (): {
64
+ $slots: S;
65
+ };
66
+ };
@@ -1,19 +1,10 @@
1
- // Exporting components from Collapse directory
2
1
  export { default as CollapseTransition } from './Collapse/CollapseTransition.vue';
3
-
4
- // Exporting components from Fade directory
5
2
  export { default as FadeTransition } from './Fade/FadeTransition.vue';
6
-
7
- // Exporting components from Scale directory
8
3
  export { default as ScaleTransition } from './Scale/ScaleTransition.vue';
9
-
10
- // Exporting components from Slide directory
11
4
  export { default as SlideXLeftTransition } from './Slide/SlideXLeftTransition.vue';
12
5
  export { default as SlideXRightTransition } from './Slide/SlideXRightTransition.vue';
13
6
  export { default as SlideYDownTransition } from './Slide/SlideYDownTransition.vue';
14
7
  export { default as SlideYUpTransition } from './Slide/SlideYUpTransition.vue';
15
-
16
- // Exporting components from Zoom directory
17
8
  export { default as ZoomCenterTransition } from './Zoom/ZoomCenterTransition.vue';
18
9
  export { default as ZoomUpTransition } from './Zoom/ZoomUpTransition.vue';
19
10
  export { default as ZoomXTransition } from './Zoom/ZoomXTransition.vue';
@@ -0,0 +1,4 @@
1
+ import { ComponentProps } from '@/types';
2
+ import { Component } from 'vue';
3
+ declare const _default: (props: ComponentProps) => Component;
4
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import buildComponentType from './buildComponentType';
2
+ import useHooks from './useHooks';
3
+ export { buildComponentType, useHooks };
@@ -0,0 +1,15 @@
1
+ import type { RendererElement } from 'vue';
2
+ import type { ComponentProps, NumberOrTimings } from '@/types';
3
+ declare function getTimingValue(timing: NumberOrTimings | undefined, key: 'enter' | 'leave'): number;
4
+ declare function leave(props: ComponentProps, el: RendererElement, done: () => void): void;
5
+ declare function setStyles(props: ComponentProps, el: RendererElement): void;
6
+ declare function setAbsolutePosition(props: ComponentProps, el: RendererElement): void;
7
+ declare const _default: (props: ComponentProps, emit: any) => {
8
+ onAfterEnter: (el: RendererElement) => void;
9
+ onAfterLeave: (el: RendererElement) => void;
10
+ onBeforeEnter: (el: RendererElement) => void;
11
+ onBeforeLeave: (el: RendererElement) => void;
12
+ onLeave: (el: RendererElement, done: () => void) => void;
13
+ };
14
+ export default _default;
15
+ export { getTimingValue, leave, setAbsolutePosition, setStyles };
@@ -0,0 +1,7 @@
1
+ export * from './components';
2
+ import type { App } from 'vue';
3
+ export declare function install(app: App): void;
4
+ declare const _default: {
5
+ install: typeof install;
6
+ };
7
+ export default _default;
@@ -1,53 +1,44 @@
1
- import { RendererElement } from 'vue'
2
-
1
+ import { RendererElement } from 'vue';
3
2
  export type ComponentEvents = {
4
- 'after-enter': [el: RendererElement],
5
- 'after-leave': [el: RendererElement],
6
- 'before-enter': [el: RendererElement],
7
- 'before-leave': [el: RendererElement],
8
- 'leave': [el: RendererElement, done: () => void]
9
- }
10
-
3
+ 'after-enter': [el: RendererElement];
4
+ 'after-leave': [el: RendererElement];
5
+ 'before-enter': [el: RendererElement];
6
+ 'before-leave': [el: RendererElement];
7
+ 'leave': [el: RendererElement, done: () => void];
8
+ };
11
9
  export type ComponentProps = {
12
10
  /**
13
11
  * Transition delay. Number for specifying the same delay for enter/leave transitions
14
12
  * Object style {enter: 300, leave: 300} for specifying explicit durations for enter/leave
15
13
  */
16
14
  delay?: NumberOrTimings;
17
-
18
15
  /**
19
16
  * Transition duration. Number for specifying the same duration for enter/leave transitions
20
17
  * Object style {enter: 300, leave: 300} for specifying explicit durations for enter/leave
21
18
  */
22
19
  duration?: NumberOrTimings;
23
-
24
20
  /**
25
21
  * Whether the component should be a `transition-group` component.
26
22
  */
27
23
  group?: boolean;
28
-
29
24
  /**
30
25
  * Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.
31
26
  * Can be specified with styles as well, but it's shorter with this prop
32
27
  */
33
28
  origin?: string;
34
-
35
29
  /**
36
30
  * Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks
37
31
  */
38
32
  styles?: Styles;
39
-
40
33
  /**
41
34
  * Transition tag, in case the component is a `transition-group`
42
35
  */
43
36
  tag?: string;
44
- }
45
-
37
+ };
46
38
  type TransitionTimings = {
47
39
  enter: number;
48
40
  leave: number;
49
- }
50
-
41
+ };
51
42
  type Styles = Partial<CSSStyleDeclaration>;
52
-
53
43
  export type NumberOrTimings = number | TransitionTimings;
44
+ export {};