1 line
9.5 KiB
Plaintext
1 line
9.5 KiB
Plaintext
{"version":3,"file":"wd-transition.js","sources":["../../../../../../../node_modules/wot-design-uni/components/wd-transition/wd-transition.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL25vZGVfbW9kdWxlcy93b3QtZGVzaWduLXVuaS9jb21wb25lbnRzL3dkLXRyYW5zaXRpb24vd2QtdHJhbnNpdGlvbi52dWU"],"sourcesContent":["<template>\n <view v-if=\"inited\" :class=\"rootClass\" :style=\"style\" @transitionend=\"onTransitionEnd\" @click=\"handleClick\">\n <slot />\n </view>\n</template>\n\n<script lang=\"ts\">\nexport default {\n name: 'wd-transition',\n options: {\n addGlobalClass: true,\n virtualHost: true,\n styleIsolation: 'shared'\n }\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeMount, ref, watch } from 'vue'\nimport { isObj, isPromise, requestAnimationFrame } from '../common/util'\nimport { transitionProps } from './types'\nimport { AbortablePromise } from '../common/AbortablePromise'\n\nconst getClassNames = (name?: string) => {\n if (!name) {\n return {\n enter: `${props.enterClass} ${props.enterActiveClass}`,\n 'enter-to': `${props.enterToClass} ${props.enterActiveClass}`,\n leave: `${props.leaveClass} ${props.leaveActiveClass}`,\n 'leave-to': `${props.leaveToClass} ${props.leaveActiveClass}`\n }\n }\n\n return {\n enter: `wd-${name}-enter wd-${name}-enter-active`,\n 'enter-to': `wd-${name}-enter-to wd-${name}-enter-active`,\n leave: `wd-${name}-leave wd-${name}-leave-active`,\n 'leave-to': `wd-${name}-leave-to wd-${name}-leave-active`\n }\n}\n\nconst props = defineProps(transitionProps)\nconst emit = defineEmits(['click', 'before-enter', 'enter', 'before-leave', 'leave', 'after-leave', 'after-enter'])\n\n// 初始化是否完成\nconst inited = ref<boolean>(false)\n// 是否显示\nconst display = ref<boolean>(false)\n// 当前动画状态\nconst status = ref<string>('')\n// 动画是否结束\nconst transitionEnded = ref<boolean>(false)\n// 动画持续时间\nconst currentDuration = ref<number>(300)\n// 类名\nconst classes = ref<string>('')\n// 用于控制enter和leave的顺序执行\nconst enterPromise = ref<AbortablePromise<void> | null>(null)\n\n// 动画进入的生命周期\nconst enterLifeCyclePromises = ref<AbortablePromise<unknown> | null>(null)\n\n// 动画离开的生命周期\nconst leaveLifeCyclePromises = ref<AbortablePromise<unknown> | null>(null)\n\nconst style = computed(() => {\n return `-webkit-transition-duration:${currentDuration.value}ms;transition-duration:${currentDuration.value}ms;${\n display.value ? '' : 'display: none;'\n }${props.customStyle}`\n})\n\nconst rootClass = computed(() => {\n return `wd-transition ${props.customClass} ${classes.value}`\n})\n\nonBeforeMount(() => {\n if (props.show) {\n enter()\n }\n})\n\nwatch(\n () => props.show,\n (newVal) => {\n handleShow(newVal)\n },\n { deep: true }\n)\n\nfunction handleClick() {\n emit('click')\n}\n\nfunction handleShow(value: boolean) {\n if (value) {\n handleAbortPromise()\n enter()\n } else {\n leave()\n }\n}\n/**\n * 取消所有的promise\n */\nfunction handleAbortPromise() {\n isPromise(enterPromise.value) && enterPromise.value.abort()\n isPromise(enterLifeCyclePromises.value) && enterLifeCyclePromises.value.abort()\n isPromise(leaveLifeCyclePromises.value) && leaveLifeCyclePromises.value.abort()\n enterPromise.value = null\n enterLifeCyclePromises.value = null\n leaveLifeCyclePromises.value = null\n}\n\nfunction enter() {\n enterPromise.value = new AbortablePromise(async (resolve) => {\n try {\n const classNames = getClassNames(props.name)\n const duration = isObj(props.duration) ? (props.duration as any).enter : props.duration\n status.value = 'enter'\n emit('before-enter')\n enterLifeCyclePromises.value = requestAnimationFrame()\n await enterLifeCyclePromises.value\n emit('enter')\n classes.value = classNames.enter\n currentDuration.value = duration\n enterLifeCyclePromises.value = requestAnimationFrame()\n await enterLifeCyclePromises.value\n inited.value = true\n display.value = true\n enterLifeCyclePromises.value = requestAnimationFrame()\n await enterLifeCyclePromises.value\n enterLifeCyclePromises.value = null\n transitionEnded.value = false\n classes.value = classNames['enter-to']\n resolve()\n } catch (error) {\n /**\n *\n */\n }\n })\n}\nasync function leave() {\n if (!enterPromise.value) {\n transitionEnded.value = false\n return onTransitionEnd()\n }\n try {\n await enterPromise.value\n if (!display.value) return\n const classNames = getClassNames(props.name)\n const duration = isObj(props.duration) ? (props.duration as any).leave : props.duration\n status.value = 'leave'\n emit('before-leave')\n currentDuration.value = duration\n leaveLifeCyclePromises.value = requestAnimationFrame()\n await leaveLifeCyclePromises.value\n emit('leave')\n classes.value = classNames.leave\n leaveLifeCyclePromises.value = requestAnimationFrame()\n await leaveLifeCyclePromises.value\n transitionEnded.value = false\n classes.value = classNames['leave-to']\n leaveLifeCyclePromises.value = setPromise(currentDuration.value)\n await leaveLifeCyclePromises.value\n leaveLifeCyclePromises.value = null\n onTransitionEnd()\n enterPromise.value = null\n } catch (error) {\n /**\n *\n */\n }\n}\n\n/**\n * 定时器promise化\n * @param duration 持续时间ms\n */\nfunction setPromise(duration: number) {\n return new AbortablePromise<void>((resolve) => {\n const timer = setTimeout(() => {\n clearTimeout(timer)\n resolve()\n }, duration)\n })\n}\nfunction onTransitionEnd() {\n if (transitionEnded.value) return\n\n transitionEnded.value = true\n if (status.value === 'leave') {\n // 离开后触发\n emit('after-leave')\n } else if (status.value === 'enter') {\n // 进入后触发\n emit('after-enter')\n }\n\n if (!props.show && display.value) {\n display.value = false\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n@import './index.scss';\n</style>\n","import Component from 'D:/App/Work/addr/acdr-ui/node_modules/wot-design-uni/components/wd-transition/wd-transition.vue'\nwx.createComponent(Component)"],"names":["ref","computed","onBeforeMount","watch","isPromise","AbortablePromise","isObj","requestAnimationFrame"],"mappings":"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","x_google_ignoreList":[0]} |