various-ui
Version:
This is a test version of the Vue 3 component library
1 lines • 6.86 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../../../packages/utils/src/animation/index.ts"],"sourcesContent":["//* 动画库\r\nimport { gsap } from \"gsap\";\r\n\r\ninterface AnimationOptions {\r\n beforeEnter?: () => void;\r\n beforeLeave?: () => void;\r\n afterEnter?: () => void;\r\n afterLeave?: () => void;\r\n}\r\n\r\n//* 动画（选择器）\r\nexport const selector = (is: boolean, dones?: AnimationOptions) => {\r\n return {\r\n //* 动画（离场前）\r\n \"before-leave\": () => dones?.beforeLeave?.(),\r\n //* 动画（入场前）\r\n \"before-enter\": (el: Element) => {\r\n //* 回调\r\n dones?.beforeEnter?.();\r\n //* 动画脚本\r\n is && gsap.set(el, { scaleY: 0.4, opacity: 0 });\r\n },\r\n //* 动画（离场）\r\n \"leave\": (el: Element, done: () => void) => {\r\n //* 回调\r\n if (!is) {\r\n dones?.afterLeave?.();\r\n done?.();\r\n } else {\r\n //* 动画脚本\r\n gsap.to(el, {\r\n scaleY: 0.4,\r\n opacity: 0,\r\n duration: 0.2,\r\n onComplete: () => {\r\n //* 结束\r\n dones?.afterLeave?.();\r\n done?.();\r\n },\r\n });\r\n }\r\n },\r\n //* 动画（入场）\r\n \"enter\": (el: Element, done: () => void) => {\r\n //* 动画脚本\r\n if (!is) {\r\n //* 结束\r\n dones?.afterEnter?.();\r\n done?.();\r\n } else {\r\n gsap.to(el, {\r\n scaleY: 1,\r\n opacity: 1,\r\n duration: 0.2,\r\n onComplete: () => {\r\n //* 结束\r\n dones?.afterEnter?.();\r\n done?.();\r\n },\r\n });\r\n }\r\n },\r\n };\r\n};\r\n\r\nexport const tooltip = (dones?: AnimationOptions) => {\r\n return {\r\n //* 动画（离场前）\r\n \"before-leave\": () => dones?.beforeLeave?.(),\r\n //* 动画（入场前）\r\n \"before-enter\": (el: Element) => {\r\n //* 回调\r\n dones?.beforeEnter?.();\r\n //* 动画脚本\r\n gsap.set(el, { opacity: 0 });\r\n },\r\n //* 动画（离场）\r\n \"leave\": (el: Element, done: () => void) => {\r\n gsap.to(el, {\r\n duration: 0.2,\r\n opacity: 0,\r\n onComplete: () => {\r\n dones?.afterLeave?.();\r\n done?.();\r\n },\r\n });\r\n },\r\n //* 动画（入场）\r\n \"enter\": (el: Element, done: () => void) => {\r\n gsap.to(el, {\r\n duration: 0.2,\r\n opacity: 1,\r\n onComplete: () => {\r\n dones?.afterEnter?.();\r\n done?.();\r\n },\r\n });\r\n },\r\n };\r\n};\r\n"],"names":["_a"],"mappings":"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"}