| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
- require("../../_virtual/_rolldown/runtime.js");
- let vue = require("vue");
- //#region ../../packages/hooks/use-transition-fallthrough/index.ts
- /* istanbul ignore file */
- const AFTER_APPEAR = "after-appear";
- const AFTER_ENTER = "after-enter";
- const AFTER_LEAVE = "after-leave";
- const APPEAR = "appear";
- const APPEAR_CANCELLED = "appear-cancelled";
- const BEFORE_ENTER = "before-enter";
- const BEFORE_LEAVE = "before-leave";
- const ENTER = "enter";
- const ENTER_CANCELLED = "enter-cancelled";
- const LEAVE = "leave";
- const LEAVE_CANCELLED = "leave-cancelled";
- const useTransitionFallthroughEmits = [
- AFTER_APPEAR,
- AFTER_ENTER,
- AFTER_LEAVE,
- APPEAR,
- APPEAR_CANCELLED,
- BEFORE_ENTER,
- BEFORE_LEAVE,
- ENTER,
- ENTER_CANCELLED,
- LEAVE,
- LEAVE_CANCELLED
- ];
- /**
- * NOTE:
- * This is only a delegator for delegating transition callbacks.
- * Use this at your need.
- */
- /**
- * Simple usage
- *
- * In your setups:
- *
- * setup() {
- * const fallthroughMethods = useTransitionFallthrough()
- * return fallthrough
- * }
- *
- * In your template:
- *
- * <template>
- * <transition name="whatever" v-bind="fallthrough">
- * <slot />
- * </transition>
- * </template>
- *
- */
- const useTransitionFallthrough = () => {
- const { emit } = (0, vue.getCurrentInstance)();
- return {
- onAfterAppear: () => {
- emit(AFTER_APPEAR);
- },
- onAfterEnter: () => {
- emit(AFTER_ENTER);
- },
- onAfterLeave: () => {
- emit(AFTER_LEAVE);
- },
- onAppearCancelled: () => {
- emit(APPEAR_CANCELLED);
- },
- onBeforeEnter: () => {
- emit(BEFORE_ENTER);
- },
- onBeforeLeave: () => {
- emit(BEFORE_LEAVE);
- },
- onEnter: () => {
- emit(ENTER);
- },
- onEnterCancelled: () => {
- emit(ENTER_CANCELLED);
- },
- onLeave: () => {
- emit(LEAVE);
- },
- onLeaveCancelled: () => {
- emit(LEAVE_CANCELLED);
- }
- };
- };
- //#endregion
- exports.useTransitionFallthrough = useTransitionFallthrough;
- exports.useTransitionFallthroughEmits = useTransitionFallthroughEmits;
-
- //# sourceMappingURL=index.js.map
|