@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.
- package/dist/style.css +1 -1
- package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +66 -0
- package/dist/types/components/Fade/FadeTransition.vue.d.ts +66 -0
- package/dist/types/components/Scale/ScaleTransition.vue.d.ts +66 -0
- package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +66 -0
- package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +66 -0
- package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +66 -0
- package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +66 -0
- package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +66 -0
- package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +66 -0
- package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +66 -0
- package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +66 -0
- package/{src/components/index.ts → dist/types/components/index.d.ts} +0 -9
- package/dist/types/composables/buildComponentType.d.ts +4 -0
- package/dist/types/composables/index.d.ts +3 -0
- package/dist/types/composables/useHooks.d.ts +15 -0
- package/dist/types/main.d.ts +7 -0
- package/{src/types/index.ts → dist/types/types/index.d.ts} +10 -19
- package/dist/vue-bezier.js +184 -198
- package/dist/web-types.json +8 -8
- package/package.json +14 -15
- package/src/components/Collapse/CollapseTransition.vue +0 -127
- package/src/components/Fade/FadeTransition.vue +0 -52
- package/src/components/Scale/ScaleTransition.vue +0 -61
- package/src/components/Slide/SlideXLeftTransition.vue +0 -62
- package/src/components/Slide/SlideXRightTransition.vue +0 -60
- package/src/components/Slide/SlideYDownTransition.vue +0 -59
- package/src/components/Slide/SlideYUpTransition.vue +0 -61
- package/src/components/Slide/move.scss +0 -1
- package/src/components/Zoom/ZoomCenterTransition.vue +0 -62
- package/src/components/Zoom/ZoomUpTransition.vue +0 -63
- package/src/components/Zoom/ZoomXTransition.vue +0 -64
- package/src/components/Zoom/ZoomYTransition.vue +0 -65
- package/src/components/Zoom/move.scss +0 -1
- package/src/composables/buildComponentType.ts +0 -5
- package/src/composables/index.ts +0 -4
- package/src/composables/useHooks.ts +0 -110
- package/src/main.ts +0 -20
- 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,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 };
|
|
@@ -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 {};
|