{"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]}