origam 2.16.0 → 2.17.1

package/dist/src/composables/Snackbar/snackbar-group.composable.cjs

@@ -3,46 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resetSnackbarGroupForTesting = resetSnackbarGroupForTesting;
 exports.useSnackbarGroup = useSnackbarGroup;
-exports.useSnackbarGroupInternal = useSnackbarGroupInternal;
-var _vue = require("vue");
-var _consts = require("../../consts/index.cjs");
-const STORES = /* @__PURE__ */new Map();
-const getStore = id => {
-  let store = STORES.get(id);
-  if (!store) {
-    store = {
-      items: (0, _vue.ref)([]),
-      timers: /* @__PURE__ */new Map(),
-      counter: {
-        current: 0
-      },
-      defaultDuration: (0, _vue.ref)(_consts.SNACKBAR_GROUP_DEFAULT_DURATION)
-    };
-    STORES.set(id, store);
-  }
-  return store;
-};
-const generateId = state => {
-  state.counter.current += 1;
-  return `origam-snackbar-group-item-${state.counter.current}`;
-};
-const clearTimer = (state, itemId) => {
-  const handle = state.timers.get(itemId);
-  if (handle !== void 0) {
-    if (typeof window !== "undefined") window.clearTimeout(handle);
-    state.timers.delete(itemId);
-  }
-};
+var _snackbarGroup = require("../../consts/Snackbar/snackbar-group.const.cjs");
+var _snackbarGroup2 = require("../../utils/Snackbar/snackbar-group.util.cjs");
 function useSnackbarGroup(options = {}) {
-  const id = options.id ?? _consts.SNACKBAR_GROUP_DEFAULT_ID;
-  const state = getStore(id);
+  const id = options.id ?? _snackbarGroup.SNACKBAR_GROUP_DEFAULT_ID;
+  const state = (0, _snackbarGroup2.getStore)(id);
   const dismiss = itemId => {
     const index = state.items.value.findIndex(item => item.id === itemId);
     if (index === -1) return;
     const [removed] = state.items.value.splice(index, 1);
-    clearTimer(state, itemId);
+    (0, _snackbarGroup2.clearTimer)(state, itemId);
     removed?.onDismiss?.();
   };
   const scheduleAutoDismiss = (itemId, duration) => {
@@ -54,7 +25,7 @@ function useSnackbarGroup(options = {}) {
     state.timers.set(itemId, handle);
   };
   const notify = opts => {
-    const itemId = generateId(state);
+    const itemId = (0, _snackbarGroup2.generateId)(state);
     const duration = opts.duration ?? options.defaultDuration ?? state.defaultDuration.value;
     const item = {
       ...opts,
@@ -65,7 +36,7 @@ function useSnackbarGroup(options = {}) {
     if (options.max != null && state.items.value.length > options.max) {
       const evicted = state.items.value.shift();
       if (evicted) {
-        clearTimer(state, evicted.id);
+        (0, _snackbarGroup2.clearTimer)(state, evicted.id);
         evicted.onDismiss?.();
       }
     }
@@ -82,26 +53,4 @@ function useSnackbarGroup(options = {}) {
     dismiss,
     dismissAll
   };
-}
-function useSnackbarGroupInternal(id = _consts.SNACKBAR_GROUP_DEFAULT_ID) {
-  const state = getStore(id);
-  const registerDefaultDuration = duration => {
-    state.defaultDuration.value = duration;
-  };
-  return {
-    rawItems: state.items,
-    itemCount: (0, _vue.computed)(() => state.items.value.length),
-    registerDefaultDuration
-  };
-}
-function resetSnackbarGroupForTesting() {
-  STORES.forEach(state => {
-    state.timers.forEach(handle => {
-      if (typeof window !== "undefined") window.clearTimeout(handle);
-    });
-    state.timers.clear();
-    state.items.value = [];
-    state.counter.current = 0;
-  });
-  STORES.clear();
 }

package/dist/src/composables/Snackbar/snackbar-group.composable.d.ts

@@ -1,6 +1,5 @@
-import { type Ref } from 'vue';
-import type { ISnackbarGroupItem, IUseSnackbarGroupOptions, IUseSnackbarGroupReturn } from '../../interfaces';
-export type { IUseSnackbarGroupOptions, IUseSnackbarGroupReturn } from '../../interfaces';
+import type { IUseSnackbarGroupOptions, IUseSnackbarGroupReturn } from '../../interfaces/Snackbar/snackbar-group.interface';
+export type { IUseSnackbarGroupOptions, IUseSnackbarGroupReturn } from '../../interfaces/Snackbar/snackbar-group.interface';
 /*********************************************************
  * useSnackbarGroup
  *
@@ -10,30 +9,10 @@ export type { IUseSnackbarGroupOptions, IUseSnackbarGroupReturn } from '../../in
  * same reactive reference shared with the matching
  * `<OrigamSnackbarGroup id="…">` instance, so direct
  * mutation outside of `notify` / `dismiss` is discouraged.
- ********************************************************/
-export declare function useSnackbarGroup(options?: IUseSnackbarGroupOptions): IUseSnackbarGroupReturn;
-/*********************************************************
- * Internal helper for the host component
- *
  * @description
- * `<OrigamSnackbarGroup>` needs a *writable* ref to the
- * items list (it reads them to render and the composable
- * mutates them). Exposed under a separate name so the
- * public `useSnackbarGroup` API stays read-only on
- * `items`. Components outside the library should never
- * import this.
+ * The store singleton (`getStore` / `generateId` / `clearTimer`) lives
+ * in `utils/Snackbar/snackbar-group.util.ts`, shared with
+ * `useSnackbarGroupInternal` (own file) — both hooks address the same
+ * per-id stack and must never own separate copies of it.
  ********************************************************/
-export declare function useSnackbarGroupInternal(id?: string): {
-    rawItems: Ref<ISnackbarGroupItem[], ISnackbarGroupItem[]>;
-    itemCount: import("vue").ComputedRef<number>;
-    registerDefaultDuration: (duration: number) => void;
-};
-/*********************************************************
- * Test helper
- *
- * @description
- * Vitest needs to wipe the singleton between specs so that
- * counters / timers do not leak across tests. Not part of
- * the public surface — do not import in product code.
- ********************************************************/
-export declare function resetSnackbarGroupForTesting(): void;
+export declare function useSnackbarGroup(options?: IUseSnackbarGroupOptions): IUseSnackbarGroupReturn;

package/dist/src/composables/Snackbar/snackbar-group.composable.js

@@ -1,30 +1,5 @@
-import { computed, ref } from "vue";
-import { SNACKBAR_GROUP_DEFAULT_DURATION, SNACKBAR_GROUP_DEFAULT_ID } from "../../consts/index.js";
-const STORES = /* @__PURE__ */ new Map();
-const getStore = (id) => {
-  let store = STORES.get(id);
-  if (!store) {
-    store = {
-      items: ref([]),
-      timers: /* @__PURE__ */ new Map(),
-      counter: { current: 0 },
-      defaultDuration: ref(SNACKBAR_GROUP_DEFAULT_DURATION)
-    };
-    STORES.set(id, store);
-  }
-  return store;
-};
-const generateId = (state) => {
-  state.counter.current += 1;
-  return `origam-snackbar-group-item-${state.counter.current}`;
-};
-const clearTimer = (state, itemId) => {
-  const handle = state.timers.get(itemId);
-  if (handle !== void 0) {
-    if (typeof window !== "undefined") window.clearTimeout(handle);
-    state.timers.delete(itemId);
-  }
-};
+import { SNACKBAR_GROUP_DEFAULT_ID } from "../../consts/Snackbar/snackbar-group.const.js";
+import { clearTimer, generateId, getStore } from "../../utils/Snackbar/snackbar-group.util.js";
 export function useSnackbarGroup(options = {}) {
   const id = options.id ?? SNACKBAR_GROUP_DEFAULT_ID;
   const state = getStore(id);
@@ -73,25 +48,3 @@ export function useSnackbarGroup(options = {}) {
     dismissAll
   };
 }
-export function useSnackbarGroupInternal(id = SNACKBAR_GROUP_DEFAULT_ID) {
-  const state = getStore(id);
-  const registerDefaultDuration = (duration) => {
-    state.defaultDuration.value = duration;
-  };
-  return {
-    rawItems: state.items,
-    itemCount: computed(() => state.items.value.length),
-    registerDefaultDuration
-  };
-}
-export function resetSnackbarGroupForTesting() {
-  STORES.forEach((state) => {
-    state.timers.forEach((handle) => {
-      if (typeof window !== "undefined") window.clearTimeout(handle);
-    });
-    state.timers.clear();
-    state.items.value = [];
-    state.counter.current = 0;
-  });
-  STORES.clear();
-}

package/dist/src/composables/Snackbar/snackbar.composable.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useCountdown = useCountdown;
 var _vue = require("vue");
+var _snackbar = require("../../consts/Snackbar/snackbar.const.cjs");
 function useCountdown(milliseconds) {
   const time = (0, _vue.shallowRef)(milliseconds);
   let timer = -1;
@@ -17,9 +18,9 @@ function useCountdown(milliseconds) {
   };
   const start = el => {
     const style = el ? getComputedStyle(el) : {
-      transitionDuration: 0.2
+      transitionDuration: _snackbar.SNACKBAR_COUNTDOWN_FALLBACK_TRANSITION_S
     };
-    const interval = parseFloat(style.transitionDuration) * 1e3 || 200;
+    const interval = parseFloat(style.transitionDuration) * _snackbar.SNACKBAR_COUNTDOWN_MS_PER_SECOND || _snackbar.SNACKBAR_COUNTDOWN_FALLBACK_INTERVAL_MS;
     clear();
     if (time.value <= 0) return;
     const startTime = performance.now();

package/dist/src/composables/Snackbar/snackbar.composable.d.ts

@@ -1,6 +1,27 @@
 /*********************************************************
  * useCountdown
  ********************************************************/
+/*********************************************************
+ * useCountdown
+ *
+ * @description
+ * Compte a rebours reactif : expose `time` (millisecondes restantes) plus
+ * `start`, `clear` et `reset`. `start` accepte un element optionnel dont la
+ * `transitionDuration` calculee fixe le PAS du compteur — cadencer le tic sur
+ * la transition evite qu'un rendu tombe entre deux images.
+ *
+ * @description
+ * ⛔ AUCUN composant du DS ne l'utilise, contrairement a ce que la doc
+ * historique affirmait. `OrigamSnackbar` implemente son propre minuteur avec
+ * `window.setTimeout` et n'appelle jamais ce composable — verifie par
+ * recherche le 2026-09-06, zero consommateur hors de son propre fichier. Le
+ * ticket #545 cite precisement cette phrase comme exemple de doc mensongere.
+ *
+ * @description
+ * Il reste exporte pour les consommateurs externes. `onScopeDispose` annule
+ * l'intervalle, donc l'utiliser dans un `setup()` ne demande aucun nettoyage
+ * manuel.
+ ********************************************************/
 export declare function useCountdown(milliseconds: number): {
     clear: () => void;
     time: import("vue").ShallowRef<number, number>;

package/dist/src/composables/Snackbar/snackbar.composable.js

@@ -1,4 +1,9 @@
 import { nextTick, onScopeDispose, shallowRef } from "vue";
+import {
+  SNACKBAR_COUNTDOWN_FALLBACK_INTERVAL_MS,
+  SNACKBAR_COUNTDOWN_FALLBACK_TRANSITION_S,
+  SNACKBAR_COUNTDOWN_MS_PER_SECOND
+} from "../../consts/Snackbar/snackbar.const.js";
 export function useCountdown(milliseconds) {
   const time = shallowRef(milliseconds);
   let timer = -1;
@@ -10,8 +15,8 @@ export function useCountdown(milliseconds) {
     nextTick(() => time.value = milliseconds);
   };
   const start = (el) => {
-    const style = el ? getComputedStyle(el) : { transitionDuration: 0.2 };
-    const interval = parseFloat(style.transitionDuration) * 1e3 || 200;
+    const style = el ? getComputedStyle(el) : { transitionDuration: SNACKBAR_COUNTDOWN_FALLBACK_TRANSITION_S };
+    const interval = parseFloat(style.transitionDuration) * SNACKBAR_COUNTDOWN_MS_PER_SECOND || SNACKBAR_COUNTDOWN_FALLBACK_INTERVAL_MS;
     clear();
     if (time.value <= 0) return;
     const startTime = performance.now();

package/dist/src/composables/Snackbar/snackbarGroupInternal.composable.cjs

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSnackbarGroupInternal = useSnackbarGroupInternal;
+var _vue = require("vue");
+var _snackbarGroup = require("../../consts/Snackbar/snackbar-group.const.cjs");
+var _snackbarGroup2 = require("../../utils/Snackbar/snackbar-group.util.cjs");
+function useSnackbarGroupInternal(id = _snackbarGroup.SNACKBAR_GROUP_DEFAULT_ID) {
+  const registerDefaultDuration = duration => {
+    (0, _snackbarGroup2.getStore)((0, _vue.toValue)(id)).defaultDuration.value = duration;
+  };
+  return {
+    rawItems: (0, _vue.computed)(() => (0, _snackbarGroup2.getStore)((0, _vue.toValue)(id)).items.value),
+    itemCount: (0, _vue.computed)(() => (0, _snackbarGroup2.getStore)((0, _vue.toValue)(id)).items.value.length),
+    registerDefaultDuration
+  };
+}

package/dist/src/composables/Snackbar/snackbarGroupInternal.composable.d.ts

@@ -0,0 +1,44 @@
+import { type MaybeRefOrGetter } from 'vue';
+/*********************************************************
+ * Internal helper for the host component
+ *
+ * @description
+ * `<OrigamSnackbarGroup>` needs a *writable* ref to the
+ * items list (it reads them to render and the composable
+ * mutates them). Exposed under a separate name so the
+ * public `useSnackbarGroup` API stays read-only on
+ * `items`. Components outside the library should never
+ * import this.
+ * @description
+ * Shares the store singleton (`getStore`) with `useSnackbarGroup` (own
+ * file) via `utils/Snackbar/snackbar-group.util.ts` — both hooks
+ * address the same per-id stack and must never own separate copies of
+ * it.
+ * @description
+ * `id` accepts a `MaybeRefOrGetter<string>` rather than a plain
+ * `string` — see #469. The host component calls `getStore(props.id)`
+ * indirectly through this composable; if `id` were captured as a
+ * one-time snapshot at the top of `setup()`, a theme naming
+ * `'origam-snackbar-group': { id: 'custom' }` would never be seen
+ * (the ADR-005 theme-props resolver patches `instance.props` in
+ * `beforeCreate`, which runs AFTER `setup()`). Resolving `toValue(id)`
+ * lazily, INSIDE each returned accessor, defers the read to render
+ * time, after the resolver has run, and also makes the store follow
+ * `id` if it changes reactively later.
+ * @description
+ * Deliberately NOT a single shared `computed(() => getStore(toValue(id)))`
+ * memoized once and reused by every accessor below. The host component's
+ * `watch(() => props.defaultDuration, …, { immediate: true })` calls
+ * `registerDefaultDuration` SYNCHRONOUSLY during `setup()` — before the
+ * ADR-005 resolver runs. A shared computed would be forced to evaluate
+ * right then, permanently caching the PRE-theme store on `rawItems` too
+ * (Vue's computed cache does not get invalidated by the resolver's
+ * `defineProperty` patch). Each accessor below re-resolves the store
+ * independently so an early, unavoidable read by one of them never
+ * poisons the others.
+ ********************************************************/
+export declare function useSnackbarGroupInternal(id?: MaybeRefOrGetter<string>): {
+    rawItems: import("vue").ComputedRef<import("../../interfaces").ISnackbarGroupItem[]>;
+    itemCount: import("vue").ComputedRef<number>;
+    registerDefaultDuration: (duration: number) => void;
+};

package/dist/src/composables/Snackbar/snackbarGroupInternal.composable.js

@@ -0,0 +1,13 @@
+import { computed, toValue } from "vue";
+import { SNACKBAR_GROUP_DEFAULT_ID } from "../../consts/Snackbar/snackbar-group.const.js";
+import { getStore } from "../../utils/Snackbar/snackbar-group.util.js";
+export function useSnackbarGroupInternal(id = SNACKBAR_GROUP_DEFAULT_ID) {
+  const registerDefaultDuration = (duration) => {
+    getStore(toValue(id)).defaultDuration.value = duration;
+  };
+  return {
+    rawItems: computed(() => getStore(toValue(id)).items.value),
+    itemCount: computed(() => getStore(toValue(id)).items.value.length),
+    registerDefaultDuration
+  };
+}

package/dist/src/composables/{Textarea/textarea-rich.composable.cjs → TextareaField/textarea-field-rich.composable.cjs}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTextareaRich = useTextareaRich;
 var _vue = require("vue");
 var _enums = require("../../enums/index.cjs");
-var _utils = require("../../utils/index.cjs");
+var _sanitizeHtml = require("../../utils/TextareaField/sanitize-html.util.cjs");
 function useTextareaRich(options) {
   const hostRef = (0, _vue.ref)();
   const active = (0, _vue.reactive)({
@@ -22,7 +22,7 @@ function useTextareaRich(options) {
   let selectionListener = null;
   (0, _vue.onMounted)(() => {
     if (!hostRef.value) return;
-    hostRef.value.innerHTML = (0, _utils.sanitizeHtml)(options.value());
+    hostRef.value.innerHTML = (0, _sanitizeHtml.sanitizeHtml)(options.value());
     selectionListener = () => {
       const sel = document.getSelection();
       if (!sel || sel.rangeCount === 0) return;
@@ -156,7 +156,7 @@ function useTextareaRich(options) {
   function emitSanitised() {
     if (!hostRef.value) return;
     const raw = hostRef.value.innerHTML;
-    const cleaned = (0, _utils.sanitizeHtml)(raw);
+    const cleaned = (0, _sanitizeHtml.sanitizeHtml)(raw);
     options.onUpdate(cleaned);
   }
   function onInput() {
@@ -209,7 +209,7 @@ function useTextareaRich(options) {
     if (!dt) return;
     const html = dt.getData("text/html");
     const text = dt.getData("text/plain");
-    const payload = html ? (0, _utils.sanitizeHtml)(html) : escapeText(text);
+    const payload = html ? (0, _sanitizeHtml.sanitizeHtml)(html) : escapeText(text);
     document.execCommand("insertHTML", false, payload);
     emitSanitised();
   }
@@ -218,7 +218,7 @@ function useTextareaRich(options) {
   }
   function setValue(html) {
     if (!hostRef.value) return;
-    const clean = (0, _utils.sanitizeHtml)(html);
+    const clean = (0, _sanitizeHtml.sanitizeHtml)(html);
     if (hostRef.value.innerHTML !== clean) {
       hostRef.value.innerHTML = clean;
     }

package/dist/src/composables/{Textarea/textarea-rich.composable.d.ts → TextareaField/textarea-field-rich.composable.d.ts}

@@ -1,5 +1,5 @@
-import type { IUseTextareaRichOptions } from '../../interfaces';
-import type { TTextareaToolbarCommand } from '../../types';
+import type { IUseTextareaRichOptions } from '../../interfaces/TextareaField/textarea-field-rich.interface';
+import type { TTextareaToolbarCommand } from '../../types/TextareaField/textarea-field-rich-toolbar.type';
 /**
  * Owns the runtime contract of the rich-text textarea:
  *

package/dist/src/composables/{Textarea/textarea-rich.composable.js → TextareaField/textarea-field-rich.composable.js}

@@ -1,6 +1,6 @@
 import { onBeforeUnmount, onMounted, reactive, ref } from "vue";
 import { TEXTAREA_TOOLBAR_COMMAND } from "../../enums/index.js";
-import { sanitizeHtml } from "../../utils/index.js";
+import { sanitizeHtml } from "../../utils/TextareaField/sanitize-html.util.js";
 export function useTextareaRich(options) {
   const hostRef = ref();
   const active = reactive({

package/dist/src/composables/Transition/cssTransition.composable.cjs

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCssTransition = useCssTransition;
+var _vue = require("vue");
+var _transition = require("./transition.composable.cjs");
+function useCssTransition(props) {
+  const {
+    name,
+    isDisabled
+  } = (0, _transition.useTransition)(props);
+  const tag = (0, _vue.computed)(() => props.group ? _vue.TransitionGroup : _vue.Transition);
+  const handleBeforeEnter = el => {
+    if (props.origin) {
+      el.style.transformOrigin = props.origin;
+    }
+  };
+  const handleLeave = el => {
+    if (props.leaveAbsolute) {
+      const {
+        offsetTop,
+        offsetLeft,
+        offsetWidth,
+        offsetHeight
+      } = el;
+      el._transitionInitialStyles = {
+        position: el.style.position,
+        top: el.style.top,
+        left: el.style.left,
+        width: el.style.width,
+        height: el.style.height
+      };
+      el.style.position = "absolute";
+      el.style.top = `${offsetTop}px`;
+      el.style.left = `${offsetLeft}px`;
+      el.style.width = `${offsetWidth}px`;
+      el.style.height = `${offsetHeight}px`;
+    }
+    if (props.hideOnLeave) {
+      el.style.setProperty("display", "none", "important");
+    }
+  };
+  const handleAfterLeave = el => {
+    if (props.leaveAbsolute && el?._transitionInitialStyles) {
+      const {
+        position,
+        top,
+        left,
+        width,
+        height
+      } = el._transitionInitialStyles;
+      delete el._transitionInitialStyles;
+      el.style.position = position || "";
+      el.style.top = top || "";
+      el.style.left = left || "";
+      el.style.width = width || "";
+      el.style.height = height || "";
+    }
+  };
+  const transitionProps = (0, _vue.computed)(() => {
+    const bind = {
+      css: !isDisabled.value
+    };
+    if (!props.group) {
+      bind.mode = props.mode;
+    }
+    bind.onBeforeEnter = handleBeforeEnter;
+    bind.onLeave = handleLeave;
+    bind.onAfterLeave = handleAfterLeave;
+    return bind;
+  });
+  return {
+    tag,
+    name,
+    isDisabled,
+    transitionProps
+  };
+}

package/dist/src/composables/Transition/cssTransition.composable.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from 'vue';
+import type { ITransitionProps } from '../../interfaces/Transition/transition.interface';
+/*********************************************************
+ * useCssTransition
+ *
+ * @description
+ * CSS-driven transition wiring (leaveAbsolute / hideOnLeave / origin
+ * hooks) for a plain `<transition>` / `<transition-group>` — delegates
+ * the disabled/name resolution to `useTransition` rather than
+ * duplicating it. `useWindowTransition` is the height-tracking sibling
+ * of this hook and lives in its own file.
+ ********************************************************/
+export declare function useCssTransition(props: ITransitionProps): {
+    tag: import("vue").ComputedRef<Component>;
+    name: import("vue").ComputedRef<string | undefined>;
+    isDisabled: import("vue").ComputedRef<boolean | undefined>;
+    transitionProps: import("vue").ComputedRef<{
+        [key: string]: unknown;
+    }>;
+};

package/dist/src/composables/Transition/cssTransition.composable.js

@@ -0,0 +1,55 @@
+import { computed, Transition, TransitionGroup } from "vue";
+import { useTransition } from "./transition.composable.js";
+export function useCssTransition(props) {
+  const { name, isDisabled } = useTransition(props);
+  const tag = computed(() => props.group ? TransitionGroup : Transition);
+  const handleBeforeEnter = (el) => {
+    if (props.origin) {
+      el.style.transformOrigin = props.origin;
+    }
+  };
+  const handleLeave = (el) => {
+    if (props.leaveAbsolute) {
+      const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el;
+      el._transitionInitialStyles = {
+        position: el.style.position,
+        top: el.style.top,
+        left: el.style.left,
+        width: el.style.width,
+        height: el.style.height
+      };
+      el.style.position = "absolute";
+      el.style.top = `${offsetTop}px`;
+      el.style.left = `${offsetLeft}px`;
+      el.style.width = `${offsetWidth}px`;
+      el.style.height = `${offsetHeight}px`;
+    }
+    if (props.hideOnLeave) {
+      el.style.setProperty("display", "none", "important");
+    }
+  };
+  const handleAfterLeave = (el) => {
+    if (props.leaveAbsolute && el?._transitionInitialStyles) {
+      const { position, top, left, width, height } = el._transitionInitialStyles;
+      delete el._transitionInitialStyles;
+      el.style.position = position || "";
+      el.style.top = top || "";
+      el.style.left = left || "";
+      el.style.width = width || "";
+      el.style.height = height || "";
+    }
+  };
+  const transitionProps = computed(() => {
+    const bind = {
+      css: !isDisabled.value
+    };
+    if (!props.group) {
+      bind.mode = props.mode;
+    }
+    bind.onBeforeEnter = handleBeforeEnter;
+    bind.onLeave = handleLeave;
+    bind.onAfterLeave = handleAfterLeave;
+    return bind;
+  });
+  return { tag, name, isDisabled, transitionProps };
+}