@actview/floating-ui 0.1.0 → 0.1.1

package/dist/components/FloatingDelayGroup.d.ts

@@ -1,4 +1,3 @@
-import { type Ref } from '@actview/core';
 import type { FloatingRootContext } from '../types';
 /**
  * actview 版（upstream 为 React 组件）。
@@ -28,8 +27,9 @@ interface GroupContext extends GroupState {
 /**
  * @deprecated
  * Use the return value of `useDelayGroup()` instead.
+ * (store-as-is：use() 原样返回 payload——直读字段，不再 `.value`。)
  */
-export declare const useDelayGroupContext: () => Ref<GroupContext>;
+export declare const useDelayGroupContext: () => GroupContext;
 export interface FloatingDelayGroupProps {
     children?: any;
     /**
@@ -66,5 +66,5 @@ interface UseGroupOptions {
  * `FloatingDelayGroup`.
  * @see https://floating-ui.com/docs/FloatingDelayGroup
  */
-export declare function useDelayGroup(context: FloatingRootContext, options?: UseGroupOptions): Ref<GroupContext>;
+export declare function useDelayGroup(context: FloatingRootContext, options?: UseGroupOptions): GroupContext;
 export {};

package/dist/components/FloatingPortal.d.ts

@@ -59,5 +59,5 @@ export declare const FloatingPortal: {
     __setup: (props: FloatingPortalProps) => () => JSX.Element;
     name?: string;
 } & ((props: FloatingPortalProps) => () => JSX.Element);
-export declare const usePortalContext: () => Ref<PortalContextValue | null>;
+export declare const usePortalContext: () => PortalContextValue | null;
 export {};

package/dist/components/FloatingTree.d.ts

@@ -3,6 +3,7 @@ import type { FloatingTreeType, ReferenceType } from '../types';
 /**
  * Returns the parent node id for nested floating elements, if available.
  * Returns `null` for top-level floating elements.
+ * (store-as-is：use() 原样返回 payload——直读字段，不再 `.value`。)
  */
 export declare const useFloatingParentNodeId: () => string | null;
 /**

package/dist/floating-ui.actview.esm.js

@@ -802,15 +802,20 @@ const FloatingList = defineComponent(function (props) {
     });
     return newMap;
   });
-  const contextValue = computed(() => ({
+
+  // store-as-is 载体：身份稳定的 getter 对象（provide 只在 Provider setup 执行
+  // 一次，computed 重建的新对象会冻结快照——map 变化时 use() 仍拿到首帧对象）。
+  const contextValue = {
     register,
     unregister,
-    map: map.value,
+    get map() {
+      return map.value;
+    },
     elementsRef,
     labelsRef
-  }));
+  };
   return () => jsx(FloatingListContext.Provider, {
-    "value": contextValue.value,
+    "value": contextValue,
     "children": props.children
   }, undefined);
 });
@@ -837,15 +842,15 @@ function useListItem(props) {
     // （register 幂等，Set 去重）并立即用重算后的 map 同步 index，保证
     // 挂载后首个事件处理器读到正确的 index。
     if (node) {
-      listContext.value.register(node);
-      const index = listContext.value.map.get(node);
+      listContext.register(node);
+      const index = listContext.map.get(node);
       if (index != null) {
         indexRef.value = index;
-        listContext.value.elementsRef.value[index] = node;
-        if (listContext.value.labelsRef) {
+        listContext.elementsRef.value[index] = node;
+        if (listContext.labelsRef) {
           var _node$textContent;
           const isLabelDefined = label !== undefined;
-          listContext.value.labelsRef.value[index] = isLabelDefined ? label : (_node$textContent = node == null ? void 0 : node.textContent) != null ? _node$textContent : null;
+          listContext.labelsRef.value[index] = isLabelDefined ? label : (_node$textContent = node == null ? void 0 : node.textContent) != null ? _node$textContent : null;
         }
       }
     }
@@ -858,13 +863,13 @@ function useListItem(props) {
   watch(() => componentRef.value, () => {
     const node = componentRef.value;
     if (node) {
-      listContext.value.register(node);
+      listContext.register(node);
       registeredNode = node;
     }
   });
   onUnmounted(() => {
     if (registeredNode) {
-      listContext.value.unregister(registeredNode);
+      listContext.unregister(registeredNode);
     }
   });
 
@@ -872,16 +877,16 @@ function useListItem(props) {
   // React 版靠「ref 回调依赖 index state、依赖变化时 React 重新调用 ref(null)+ref(node)」
   // 写入 elementsRef；actview 的 ref 回调是固定函数不会重建，这里在 index 就绪后
   // 主动同步 elementsRef / labelsRef。
-  watch(() => listContext.value.map, () => {
+  watch(() => listContext.map, () => {
     const node = componentRef.value;
-    const index = node ? listContext.value.map.get(node) : null;
+    const index = node ? listContext.map.get(node) : null;
     if (index != null) {
       indexRef.value = index;
-      listContext.value.elementsRef.value[index] = node;
-      if (listContext.value.labelsRef) {
+      listContext.elementsRef.value[index] = node;
+      if (listContext.labelsRef) {
         var _node$textContent2;
         const isLabelDefined = label !== undefined;
-        listContext.value.labelsRef.value[index] = isLabelDefined ? label : (_node$textContent2 = node == null ? void 0 : node.textContent) != null ? _node$textContent2 : null;
+        listContext.labelsRef.value[index] = isLabelDefined ? label : (_node$textContent2 = node == null ? void 0 : node.textContent) != null ? _node$textContent2 : null;
       }
     }
   });
@@ -965,10 +970,16 @@ const Composite = defineComponent(function (props) {
     }
   };
   const elementsRef = ref([]);
-  const contextValue = computed(() => ({
-    activeIndex: activeIndex.value,
+
+  // store-as-is 载体：身份稳定的 getter 对象（provide 只在 Provider setup 执行
+  // 一次，computed 重建的新对象会冻结快照——activeIndex 变化时 use() 仍拿到
+  // 首帧对象）。
+  const contextValue = {
+    get activeIndex() {
+      return activeIndex.value;
+    },
     onNavigate
-  }));
+  };
   return () => {
     const {
       render,
@@ -1075,7 +1086,7 @@ const Composite = defineComponent(function (props) {
       }
     };
     return jsx(CompositeContext.Provider, {
-      "value": contextValue.value,
+      "value": contextValue,
       "children": jsx(FloatingList, {
         "elementsRef": rawRef(elementsRef),
         "children": renderJsx(render, computedProps)
@@ -1093,7 +1104,7 @@ const CompositeItem = defineComponent(function (props) {
     index
   } = useListItem();
   const mergedRef = useMergeRefs([itemRef, props.ref, renderElementRef()]);
-  const isActive = computed(() => compositeContext.value.activeIndex === index.value);
+  const isActive = computed(() => compositeContext.activeIndex === index.value);
   function renderElementRef() {
     const r = props.render;
     return r && typeof r !== 'function' ? r.props.ref : undefined;
@@ -1113,7 +1124,7 @@ const CompositeItem = defineComponent(function (props) {
       onFocus(e) {
         domProps.onFocus == null || domProps.onFocus(e);
         renderElementProps.onFocus == null || renderElementProps.onFocus(e);
-        compositeContext.value.onNavigate(index.value);
+        compositeContext.onNavigate(index.value);
       }
     };
     return renderJsx(render, computedProps);
@@ -1348,16 +1359,17 @@ const FloatingTreeContext = createContext(null);
 /**
  * Returns the parent node id for nested floating elements, if available.
  * Returns `null` for top-level floating elements.
+ * (store-as-is：use() 原样返回 payload——直读字段，不再 `.value`。)
  */
 const useFloatingParentNodeId = () => {
   var _FloatingNodeContext$;
-  return ((_FloatingNodeContext$ = FloatingNodeContext.use().value) == null ? void 0 : _FloatingNodeContext$.id) || null;
+  return ((_FloatingNodeContext$ = FloatingNodeContext.use()) == null ? void 0 : _FloatingNodeContext$.id) || null;
 };
 
 /**
  * Returns the nearest floating tree context, if available.
  */
-const useFloatingTree = () => FloatingTreeContext.use().value;
+const useFloatingTree = () => FloatingTreeContext.use();
 
 /**
  * Registers a node into the `FloatingTree`, returning its id.
@@ -1367,10 +1379,7 @@ function useFloatingNodeId(customParentId) {
   const id = useId();
   const tree = useFloatingTree();
   const nodeContext = FloatingNodeContext.use();
-  const parentId = computed(() => {
-    var _nodeContext$value;
-    return customParentId || ((_nodeContext$value = nodeContext.value) == null ? void 0 : _nodeContext$value.id) || null;
-  });
+  const parentId = computed(() => customParentId || (nodeContext == null ? void 0 : nodeContext.id) || null);
   let added = false;
   let node = null;
   // immediate：id 由 useId 同步生成（不再变化），非 immediate 的 watch 不会触发；
@@ -1401,10 +1410,7 @@ function useFloatingNodeId(customParentId) {
  */
 const FloatingNode = defineComponent(function (props) {
   const nodeContext = FloatingNodeContext.use();
-  const parentId = computed(() => {
-    var _nodeContext$value2;
-    return ((_nodeContext$value2 = nodeContext.value) == null ? void 0 : _nodeContext$value2.id) || null;
-  });
+  const parentId = computed(() => (nodeContext == null ? void 0 : nodeContext.id) || null);
   return () => jsx(FloatingNodeContext.Provider, {
     "value": {
       id: props.id,
@@ -1857,6 +1863,7 @@ const FloatingDelayGroupContext = createContext({
 /**
  * @deprecated
  * Use the return value of `useDelayGroup()` instead.
+ * (store-as-is：use() 原样返回 payload——直读字段，不再 `.value`。)
  */
 const useDelayGroupContext = () => FloatingDelayGroupContext.use();
 /**
@@ -1909,13 +1916,30 @@ const FloatingDelayGroup = defineComponent(function (props) {
       initialCurrentIdRef.value = null;
     }
   });
-  const contextValue = computed(() => ({
-    ...state.value,
+
+  // store-as-is 载体：身份稳定的 getter 对象（provide 只在 Provider setup 执行
+  // 一次，computed 重建的新对象会冻结快照——state 变化时 use() 仍拿到首帧对象）。
+  const contextValue = {
+    get delay() {
+      return state.value.delay;
+    },
+    get initialDelay() {
+      return state.value.initialDelay;
+    },
+    get currentId() {
+      return state.value.currentId;
+    },
+    get timeoutMs() {
+      return state.value.timeoutMs;
+    },
+    get isInstantPhase() {
+      return state.value.isInstantPhase;
+    },
     setState,
     setCurrentId
-  }));
+  };
   return () => jsx(FloatingDelayGroupContext.Provider, {
-    "value": contextValue.value,
+    "value": contextValue,
     "children": children
   }, undefined);
 });
@@ -1941,12 +1965,12 @@ function useDelayGroup(context, options) {
   const groupContext = useDelayGroupContext();
 
   // React 版 effect [enabled, id, onOpenChange, setState, currentId, initialDelay]
-  watch(() => [enabled, id.value, groupContext.value.currentId, groupContext.value.initialDelay], () => {
+  watch(() => [enabled, id.value, groupContext.currentId, groupContext.initialDelay], () => {
     const {
       currentId,
       initialDelay,
       setState
-    } = groupContext.value;
+    } = groupContext;
     if (!enabled) return;
     if (!currentId) return;
     setState({
@@ -1962,11 +1986,11 @@ function useDelayGroup(context, options) {
 
   // React 版 effect [enabled, open, setState, currentId, id, onOpenChange,
   // initialDelay, timeoutMs]
-  watch(() => [enabled, open.value, groupContext.value.currentId, groupContext.value.initialDelay, groupContext.value.timeoutMs], () => {
+  watch(() => [enabled, open.value, groupContext.currentId, groupContext.initialDelay, groupContext.timeoutMs], () => {
     function unset() {
       onOpenChange(false);
-      groupContext.value.setState({
-        delay: groupContext.value.initialDelay,
+      groupContext.setState({
+        delay: groupContext.initialDelay,
         currentId: null
       });
     }
@@ -1975,7 +1999,7 @@ function useDelayGroup(context, options) {
       timeoutMs,
       setState,
       initialDelay
-    } = groupContext.value;
+    } = groupContext;
     if (!enabled) return;
     if (!currentId) return;
     if (!open.value && currentId === id.value) {
@@ -1993,8 +2017,8 @@ function useDelayGroup(context, options) {
   // React 版 effect [enabled, open, setCurrentId, id]
   watch(() => [enabled, open.value, id.value], () => {
     if (!enabled) return;
-    if (groupContext.value.setCurrentId === NOOP || !open.value) return;
-    groupContext.value.setCurrentId(id.value);
+    if (groupContext.setCurrentId === NOOP || !open.value) return;
+    groupContext.setCurrentId(id.value);
   });
   return groupContext;
 }
@@ -2039,7 +2063,10 @@ const NextFloatingDelayGroup = defineComponent(function (props) {
   const currentIdRef = ref(null);
   const currentContextRef = ref(null);
   const timeoutIdRef = ref(-1);
-  const contextValue = computed(() => ({
+
+  // store-as-is 载体：身份稳定的对象（字段全是 ref 容器，字段引用不变、
+  // 消费方读 `.value` 实时；computed 重建的新对象会冻结快照）。
+  const contextValue = {
     hasProvider: true,
     delayRef,
     initialDelayRef,
@@ -2047,9 +2074,9 @@ const NextFloatingDelayGroup = defineComponent(function (props) {
     timeoutMs,
     currentContextRef,
     timeoutIdRef
-  }));
+  };
   return () => jsx(NextFloatingDelayGroupContext.Provider, {
-    "value": contextValue.value,
+    "value": contextValue,
     "children": children
   }, undefined);
 });
@@ -2079,7 +2106,7 @@ function useNextDelayGroup(context, options) {
     currentContextRef,
     hasProvider,
     timeoutIdRef
-  } = groupContext.value;
+  } = groupContext;
   const isInstantPhase = ref(false);
 
   // React 版 effect [enabled, open, floatingId, ...]：unset / timeout
@@ -2404,11 +2431,7 @@ function useFloatingPortalNode(props) {
   // React 版两个创建 effect（id 分支 + root 分支）。
   // immediate：uniqueId 由 useId 同步生成（不再变化），非 immediate 的 watch
   // 不会触发（依赖不变），portalNode 将永不创建。
-  watch(() => {
-    var _portalContext$value;
-    return [id, uniqueId.value, toValue(root), (_portalContext$value = portalContext.value) == null ? void 0 : _portalContext$value.portalNode];
-  }, () => {
-    var _portalContext$value2;
+  watch(() => [id, uniqueId.value, toValue(root), portalContext == null ? void 0 : portalContext.portalNode], () => {
     // Wait for the uniqueId to be generated before creating the portal node
     // (mirroring React <18 `useFloatingId` semantics).
     // https://github.com/floating-ui/floating-ui/issues/2778
@@ -2430,7 +2453,7 @@ function useFloatingPortalNode(props) {
     // `root` 分支：root / 父 portal 节点 / body
     const rootValue = toValue(root);
     if (rootValue === null) return;
-    let container = rootValue || ((_portalContext$value2 = portalContext.value) == null ? void 0 : _portalContext$value2.portalNode);
+    let container = rootValue || (portalContext == null ? void 0 : portalContext.portalNode);
     container = container || document.body;
     let idWrapper = null;
     if (id) {
@@ -2533,17 +2556,19 @@ const FloatingPortal = defineComponent(function (props) {
   onUnmounted(() => {
     cleanupFocusListeners == null || cleanupFocusListeners();
   });
-  const contextValue = computed(() => ({
+  const contextValue = {
     preserveTabOrder,
     beforeOutsideRef,
     afterOutsideRef,
     beforeInsideRef,
     afterInsideRef,
-    portalNode: portalNode.value,
+    get portalNode() {
+      return portalNode.value;
+    },
     setFocusManagerState
-  }));
+  };
   return () => jsx(PortalContext.Provider, {
-    "value": contextValue.value,
+    "value": contextValue,
     "children": [shouldRenderGuards.value && portalNode.value && jsx(FocusGuard, {
       "data-type": "outside",
       "ref": beforeOutsideRef,
@@ -2821,7 +2846,7 @@ const FloatingFocusManager = defineComponent(function (props) {
   // disabled/open 变化会触发多次 watch 重跑，若为周期局部变量，后续周期的
   // cleanup 会读到 ''（丢失 Escape 的 'keyboard'），returnFocus 函数参数错。
   const closeTypeRef = ref('');
-  const isInsidePortal = computed(() => portalContext.value != null);
+  const isInsidePortal = computed(() => portalContext != null);
   const floatingFocusElement = computed(() => getFloatingFocusElement(floating.value));
   const getTabbableContent = function (container) {
     if (container === void 0) {
@@ -2905,7 +2930,7 @@ const FloatingFocusManager = defineComponent(function (props) {
   // 依赖含 disabled：keepMounted 场景初始 disabled=true 时跳过注册，
   // 打开（disabled=false）后需重新注册 focusout 监听。
   let cleanupFocusOut;
-  watch([domReference, floating, portalContext, disabled], () => {
+  watch(() => [domReference.value, floating.value, portalContext == null ? void 0 : portalContext.portalNode, disabled.value], () => {
     cleanupFocusOut == null || cleanupFocusOut();
     cleanupFocusOut = undefined;
     if (disabled.value) return;
@@ -2923,9 +2948,9 @@ const FloatingFocusManager = defineComponent(function (props) {
       const currentTarget = event.currentTarget;
       const target = getTarget(event);
       queueMicrotask(() => {
-        var _portalContext$value$, _portalContext$value;
+        var _portalContext$portal;
         const nodeId = getNodeId();
-        const movedToUnrelatedNode = !(contains(domReference.value, relatedTarget) || contains(floating.value, relatedTarget) || contains(relatedTarget, floating.value) || contains((_portalContext$value$ = (_portalContext$value = portalContext.value) == null ? void 0 : _portalContext$value.portalNode) != null ? _portalContext$value$ : null, relatedTarget) || relatedTarget != null && relatedTarget.hasAttribute(createAttribute('focus-guard')) || tree && (getNodeChildren(tree.nodesRef.value, nodeId).find(node => {
+        const movedToUnrelatedNode = !(contains(domReference.value, relatedTarget) || contains(floating.value, relatedTarget) || contains(relatedTarget, floating.value) || contains((_portalContext$portal = portalContext == null ? void 0 : portalContext.portalNode) != null ? _portalContext$portal : null, relatedTarget) || relatedTarget != null && relatedTarget.hasAttribute(createAttribute('focus-guard')) || tree && (getNodeChildren(tree.nodesRef.value, nodeId).find(node => {
           var _node$context, _node$context2;
           return contains((_node$context = node.context) == null ? void 0 : _node$context.elements.floating.value, relatedTarget) || contains((_node$context2 = node.context) == null ? void 0 : _node$context2.elements.domReference.value, relatedTarget);
         }) || getNodeAncestors(tree.nodesRef.value, nodeId).find(node => {
@@ -2978,7 +3003,7 @@ const FloatingFocusManager = defineComponent(function (props) {
         }
       });
     }
-    const shouldHandleBlurCapture = Boolean(!tree && portalContext.value);
+    const shouldHandleBlurCapture = Boolean(!tree && portalContext);
     function markInsideReactTree() {
       clearTimeoutIfSet(blurTimeoutRef);
       dataRef.value.insideReactTree = true;
@@ -3008,32 +3033,26 @@ const FloatingFocusManager = defineComponent(function (props) {
   });
   const beforeGuardRef = ref(null);
   const afterGuardRef = ref(null);
-  const mergedBeforeGuardRef = useLiteMergeRefs([beforeGuardRef, () => {
-    var _portalContext$value2;
-    return (_portalContext$value2 = portalContext.value) == null ? void 0 : _portalContext$value2.beforeInsideRef;
-  }]);
-  const mergedAfterGuardRef = useLiteMergeRefs([afterGuardRef, () => {
-    var _portalContext$value3;
-    return (_portalContext$value3 = portalContext.value) == null ? void 0 : _portalContext$value3.afterInsideRef;
-  }]);
+  const mergedBeforeGuardRef = useLiteMergeRefs([beforeGuardRef, () => portalContext == null ? void 0 : portalContext.beforeInsideRef]);
+  const mergedAfterGuardRef = useLiteMergeRefs([afterGuardRef, () => portalContext == null ? void 0 : portalContext.afterInsideRef]);
 
   // React 版 effect：markOthers（inert / aria-hidden）
   let cleanupMarkOthers;
-  watch([domReference, floating, portalContext], () => {
-    var _portalContext$value4, _ancestors$find, _portalContext$value5, _portalContext$value6;
+  watch(() => [domReference.value, floating.value, portalContext == null ? void 0 : portalContext.portalNode], () => {
+    var _portalContext$portal2, _ancestors$find;
     cleanupMarkOthers == null || cleanupMarkOthers();
     cleanupMarkOthers = undefined;
     if (disabled.value) return;
     if (!floating.value) return;
 
     // Don't hide portals nested within the parent portal.
-    const portalNodes = Array.from(((_portalContext$value4 = portalContext.value) == null || (_portalContext$value4 = _portalContext$value4.portalNode) == null ? void 0 : _portalContext$value4.querySelectorAll("[" + createAttribute('portal') + "]")) || []);
+    const portalNodes = Array.from((portalContext == null || (_portalContext$portal2 = portalContext.portalNode) == null ? void 0 : _portalContext$portal2.querySelectorAll("[" + createAttribute('portal') + "]")) || []);
     const ancestors = tree ? getNodeAncestors(tree.nodesRef.value, getNodeId()) : [];
     const rootAncestorComboboxDomReference = (_ancestors$find = ancestors.find(node => {
       var _node$context6;
       return isTypeableCombobox(((_node$context6 = node.context) == null ? void 0 : _node$context6.elements.domReference.value) || null);
     })) == null || (_ancestors$find = _ancestors$find.context) == null ? void 0 : _ancestors$find.elements.domReference.value;
-    const insideElements = [floating.value, rootAncestorComboboxDomReference, ...portalNodes, ...getInsideElements(), startDismissButtonRef.value, endDismissButtonRef.value, beforeGuardRef.value, afterGuardRef.value, (_portalContext$value5 = portalContext.value) == null ? void 0 : _portalContext$value5.beforeOutsideRef.value, (_portalContext$value6 = portalContext.value) == null ? void 0 : _portalContext$value6.afterOutsideRef.value, orderRef.value.includes('reference') || isUntrappedTypeableCombobox.value ? domReference.value : null].filter(x => x != null);
+    const insideElements = [floating.value, rootAncestorComboboxDomReference, ...portalNodes, ...getInsideElements(), startDismissButtonRef.value, endDismissButtonRef.value, beforeGuardRef.value, afterGuardRef.value, portalContext == null ? void 0 : portalContext.beforeOutsideRef.value, portalContext == null ? void 0 : portalContext.afterOutsideRef.value, orderRef.value.includes('reference') || isUntrappedTypeableCombobox.value ? domReference.value : null].filter(x => x != null);
     cleanupMarkOthers = modal.value || isUntrappedTypeableCombobox.value ? markOthers(insideElements, !useInert.value, useInert.value) : markOthers(insideElements);
   });
 
@@ -3216,9 +3235,9 @@ const FloatingFocusManager = defineComponent(function (props) {
   // React 版 `useModernLayoutEffect`：同步 context & modal 到 FloatingPortal
   // 注意：open 在 FFM 挂载前已为 true，watch 无 immediate 时首次不触发，
   // FloatingPortal 的 focusManagerState 保持 null（owner/guard 不渲染）。
-  watch([portalContext, open, domReference], () => {
+  watch(() => [portalContext == null ? void 0 : portalContext.portalNode, open.value, domReference.value], () => {
     if (disabled.value) return;
-    const currentPortal = portalContext.value;
+    const currentPortal = portalContext;
     if (!currentPortal) return;
     currentPortal.setFocusManagerState({
       modal: modal.value,
@@ -3268,19 +3287,18 @@ const FloatingFocusManager = defineComponent(function (props) {
       "data-type": "inside",
       "ref": mergedBeforeGuardRef,
       "onFocus": event => {
-        var _portalContext$value7;
         if (modal.value) {
           const els = getTabbableElements();
           enqueueFocus(order.value[0] === 'reference' ? els[0] : els[els.length - 1]);
-        } else if ((_portalContext$value7 = portalContext.value) != null && _portalContext$value7.preserveTabOrder && portalContext.value.portalNode) {
-          var _portalContext$value$2;
+        } else if (portalContext != null && portalContext.preserveTabOrder && portalContext.portalNode) {
+          var _portalContext$portal3;
           preventReturnFocusRef.value = false;
-          if (isOutsideEvent(event, (_portalContext$value$2 = portalContext.value.portalNode) != null ? _portalContext$value$2 : undefined)) {
+          if (isOutsideEvent(event, (_portalContext$portal3 = portalContext.portalNode) != null ? _portalContext$portal3 : undefined)) {
             const nextTabbable = getNextTabbable(domReference.value);
             nextTabbable == null || nextTabbable.focus();
           } else {
-            var _portalContext$value$3;
-            (_portalContext$value$3 = portalContext.value.beforeOutsideRef.value) == null || _portalContext$value$3.focus();
+            var _portalContext$before;
+            (_portalContext$before = portalContext.beforeOutsideRef.value) == null || _portalContext$before.focus();
           }
         }
       }
@@ -3288,20 +3306,19 @@ const FloatingFocusManager = defineComponent(function (props) {
       "data-type": "inside",
       "ref": mergedAfterGuardRef,
       "onFocus": event => {
-        var _portalContext$value8;
         if (modal.value) {
           enqueueFocus(getTabbableElements()[0]);
-        } else if ((_portalContext$value8 = portalContext.value) != null && _portalContext$value8.preserveTabOrder && portalContext.value.portalNode) {
-          var _portalContext$value$4;
+        } else if (portalContext != null && portalContext.preserveTabOrder && portalContext.portalNode) {
+          var _portalContext$portal4;
           if (closeOnFocusOut.value) {
             preventReturnFocusRef.value = true;
           }
-          if (isOutsideEvent(event, (_portalContext$value$4 = portalContext.value.portalNode) != null ? _portalContext$value$4 : undefined)) {
+          if (isOutsideEvent(event, (_portalContext$portal4 = portalContext.portalNode) != null ? _portalContext$portal4 : undefined)) {
             const prevTabbable = getPreviousTabbable(domReference.value);
             prevTabbable == null || prevTabbable.focus();
           } else {
-            var _portalContext$value$5;
-            (_portalContext$value$5 = portalContext.value.afterOutsideRef.value) == null || _portalContext$value$5.focus();
+            var _portalContext$afterO;
+            (_portalContext$afterO = portalContext.afterOutsideRef.value) == null || _portalContext$afterO.focus();
           }
         }
       }