various-ui
Version:
This is a test version of the Vue 3 component library
1 lines • 3.36 kB
Source Map (JSON)
{"version":3,"file":"composable.mjs","sources":["../../../../../../packages/constants/components/loading/src/composable.ts"],"sourcesContent":["import { gsap } from \"gsap\";\r\nimport { computed, ref } from \"vue\";\r\nimport { UiLoadingProps } from \"./loading\";\r\n\r\nimport type UiIcon from \"@various/components/icon\";\r\n\r\nexport const useComposable = (define: UiLoadingProps) => {\r\n const refs = {\r\n iconNode: ref<InstanceType<typeof UiIcon>>(),\r\n };\r\n\r\n const computeds = {\r\n style: computed(() => {\r\n if (define.zIndex) return { \"z-index\": define.zIndex };\r\n else return {};\r\n }),\r\n\r\n className: computed(() => {\r\n if (define.mode == \"fixed\") return \"ui-fixed-loading\";\r\n else return \"\";\r\n }),\r\n };\r\n\r\n const methods = {\r\n //* 入场前动画\r\n entrancePreAnimation: (el: Element) => {\r\n gsap.set(el, { opacity: 0 });\r\n },\r\n\r\n //* 离场动画\r\n departureAnimation: (el: Element) => {\r\n gsap.to(el, {\r\n duration: 0.1,\r\n opacity: 0,\r\n onComplete: () => {\r\n if (refs.iconNode.value?.$el) {\r\n gsap.killTweensOf(refs.iconNode.value.$el);\r\n }\r\n },\r\n });\r\n },\r\n\r\n //* 入场动画\r\n entranceAnimation: (el: Element) => {\r\n gsap.to(el, { duration: 0.05, opacity: 1 });\r\n if (refs.iconNode.value?.$el) {\r\n gsap.to(refs.iconNode.value.$el, { duration: 1, repeat: -1, ease: \"none\", rotation: 360 });\r\n }\r\n },\r\n };\r\n\r\n return { computeds, methods, refs };\r\n};\r\n"],"names":[],"mappings":";;;AAMa,MAAA,aAAA,GAAgB,CAAC,MAA2B,KAAA;AACrD,EAAA,MAAM,IAAO,GAAA;AAAA,IACT,UAAU,GAAiC,EAAA;AAAA,GAC/C,CAAA;AAEA,EAAA,MAAM,SAAY,GAAA;AAAA,IACd,KAAA,EAAO,SAAS,MAAM;AAClB,MAAA,IAAI,OAAO,MAAQ,EAAA,OAAO,EAAE,SAAA,EAAW,OAAO,MAAO,EAAA,CAAA;AAAA,kBACzC,EAAC,CAAA;AAAA,KAChB,CAAA;AAAA,IAED,SAAA,EAAW,SAAS,MAAM;AACtB,MAAI,IAAA,MAAA,CAAO,IAAQ,IAAA,OAAA,EAAgB,OAAA,kBAAA,CAAA;AAAA,WACvB,OAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAAA,GACL,CAAA;AAEA,EAAA,MAAM,OAAU,GAAA;AAAA;AAAA,IAEZ,oBAAA,EAAsB,CAAC,EAAgB,KAAA;AACnC,MAAA,IAAA,CAAK,GAAI,CAAA,EAAA,EAAI,EAAE,OAAA,EAAS,GAAG,CAAA,CAAA;AAAA,KAC/B;AAAA;AAAA,IAGA,kBAAA,EAAoB,CAAC,EAAgB,KAAA;AACjC,MAAA,IAAA,CAAK,GAAG,EAAI,EAAA;AAAA,QACR,QAAU,EAAA,GAAA;AAAA,QACV,OAAS,EAAA,CAAA;AAAA,QACT,YAAY,MAAM;AAlClC,UAAA,IAAA,EAAA,CAAA;AAmCoB,UAAA,IAAA,CAAI,EAAK,GAAA,IAAA,CAAA,QAAA,CAAS,KAAd,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,GAAK,EAAA;AAC1B,YAAA,IAAA,CAAK,YAAa,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAAA,WAC7C;AAAA,SACJ;AAAA,OACH,CAAA,CAAA;AAAA,KACL;AAAA;AAAA,IAGA,iBAAA,EAAmB,CAAC,EAAgB,KAAA;AA3C5C,MAAA,IAAA,EAAA,CAAA;AA4CY,MAAA,IAAA,CAAK,GAAG,EAAI,EAAA,EAAE,UAAU,IAAM,EAAA,OAAA,EAAS,GAAG,CAAA,CAAA;AAC1C,MAAA,IAAA,CAAI,EAAK,GAAA,IAAA,CAAA,QAAA,CAAS,KAAd,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAqB,GAAK,EAAA;AAC1B,QAAA,IAAA,CAAK,EAAG,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,CAAM,KAAK,EAAE,QAAA,EAAU,CAAG,EAAA,MAAA,EAAQ,CAAI,CAAA,EAAA,IAAA,EAAM,MAAQ,EAAA,QAAA,EAAU,KAAK,CAAA,CAAA;AAAA,OAC7F;AAAA,KACJ;AAAA,GACJ,CAAA;AAEA,EAAO,OAAA,EAAE,SAAW,EAAA,OAAA,EAAS,IAAK,EAAA,CAAA;AACtC;;;;"}