@actview/floating-ui 0.1.0 → 0.1.1

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

@@ -803,15 +803,20 @@
       });
       return newMap;
     });
-    const contextValue = core.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);
   });
@@ -838,15 +843,15 @@
       // （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;
           }
         }
       }
@@ -859,13 +864,13 @@
     core.watch(() => componentRef.value, () => {
       const node = componentRef.value;
       if (node) {
-        listContext.value.register(node);
+        listContext.register(node);
         registeredNode = node;
       }
     });
     core.onUnmounted(() => {
       if (registeredNode) {
-        listContext.value.unregister(registeredNode);
+        listContext.unregister(registeredNode);
       }
     });
 
@@ -873,16 +878,16 @@
     // React 版靠「ref 回调依赖 index state、依赖变化时 React 重新调用 ref(null)+ref(node)」
     // 写入 elementsRef；actview 的 ref 回调是固定函数不会重建，这里在 index 就绪后
     // 主动同步 elementsRef / labelsRef。
-    core.watch(() => listContext.value.map, () => {
+    core.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;
         }
       }
     });
@@ -966,10 +971,16 @@
       }
     };
     const elementsRef = core.ref([]);
-    const contextValue = core.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,
@@ -1076,7 +1087,7 @@
         }
       };
       return jsx(CompositeContext.Provider, {
-        "value": contextValue.value,
+        "value": contextValue,
         "children": jsx(FloatingList, {
           "elementsRef": core.rawRef(elementsRef),
           "children": renderJsx(render, computedProps)
@@ -1094,7 +1105,7 @@
       index
     } = useListItem();
     const mergedRef = useMergeRefs([itemRef, props.ref, renderElementRef()]);
-    const isActive = core.computed(() => compositeContext.value.activeIndex === index.value);
+    const isActive = core.computed(() => compositeContext.activeIndex === index.value);
     function renderElementRef() {
       const r = props.render;
       return r && typeof r !== 'function' ? r.props.ref : undefined;
@@ -1114,7 +1125,7 @@
         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);
@@ -1349,16 +1360,17 @@
   /**
    * 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.
@@ -1368,10 +1380,7 @@
     const id = useId();
     const tree = useFloatingTree();
     const nodeContext = FloatingNodeContext.use();
-    const parentId = core.computed(() => {
-      var _nodeContext$value;
-      return customParentId || ((_nodeContext$value = nodeContext.value) == null ? void 0 : _nodeContext$value.id) || null;
-    });
+    const parentId = core.computed(() => customParentId || (nodeContext == null ? void 0 : nodeContext.id) || null);
     let added = false;
     let node = null;
     // immediate：id 由 useId 同步生成（不再变化），非 immediate 的 watch 不会触发；
@@ -1402,10 +1411,7 @@
    */
   const FloatingNode = core.defineComponent(function (props) {
     const nodeContext = FloatingNodeContext.use();
-    const parentId = core.computed(() => {
-      var _nodeContext$value2;
-      return ((_nodeContext$value2 = nodeContext.value) == null ? void 0 : _nodeContext$value2.id) || null;
-    });
+    const parentId = core.computed(() => (nodeContext == null ? void 0 : nodeContext.id) || null);
     return () => jsx(FloatingNodeContext.Provider, {
       "value": {
         id: props.id,
@@ -1858,6 +1864,7 @@
   /**
    * @deprecated
    * Use the return value of `useDelayGroup()` instead.
+   * (store-as-is：use() 原样返回 payload——直读字段，不再 `.value`。)
    */
   const useDelayGroupContext = () => FloatingDelayGroupContext.use();
   /**
@@ -1910,13 +1917,30 @@
         initialCurrentIdRef.value = null;
       }
     });
-    const contextValue = core.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);
   });
@@ -1942,12 +1966,12 @@
     const groupContext = useDelayGroupContext();
 
     // React 版 effect [enabled, id, onOpenChange, setState, currentId, initialDelay]
-    core.watch(() => [enabled, id.value, groupContext.value.currentId, groupContext.value.initialDelay], () => {
+    core.watch(() => [enabled, id.value, groupContext.currentId, groupContext.initialDelay], () => {
       const {
         currentId,
         initialDelay,
         setState
-      } = groupContext.value;
+      } = groupContext;
       if (!enabled) return;
       if (!currentId) return;
       setState({
@@ -1963,11 +1987,11 @@
 
     // React 版 effect [enabled, open, setState, currentId, id, onOpenChange,
     // initialDelay, timeoutMs]
-    core.watch(() => [enabled, open.value, groupContext.value.currentId, groupContext.value.initialDelay, groupContext.value.timeoutMs], () => {
+    core.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
         });
       }
@@ -1976,7 +2000,7 @@
         timeoutMs,
         setState,
         initialDelay
-      } = groupContext.value;
+      } = groupContext;
       if (!enabled) return;
       if (!currentId) return;
       if (!open.value && currentId === id.value) {
@@ -1994,8 +2018,8 @@
     // React 版 effect [enabled, open, setCurrentId, id]
     core.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;
   }
@@ -2040,7 +2064,10 @@
     const currentIdRef = core.ref(null);
     const currentContextRef = core.ref(null);
     const timeoutIdRef = core.ref(-1);
-    const contextValue = core.computed(() => ({
+
+    // store-as-is 载体：身份稳定的对象（字段全是 ref 容器，字段引用不变、
+    // 消费方读 `.value` 实时；computed 重建的新对象会冻结快照）。
+    const contextValue = {
       hasProvider: true,
       delayRef,
       initialDelayRef,
@@ -2048,9 +2075,9 @@
       timeoutMs,
       currentContextRef,
       timeoutIdRef
-    }));
+    };
     return () => jsx(NextFloatingDelayGroupContext.Provider, {
-      "value": contextValue.value,
+      "value": contextValue,
       "children": children
     }, undefined);
   });
@@ -2080,7 +2107,7 @@
       currentContextRef,
       hasProvider,
       timeoutIdRef
-    } = groupContext.value;
+    } = groupContext;
     const isInstantPhase = core.ref(false);
 
     // React 版 effect [enabled, open, floatingId, ...]：unset / timeout
@@ -2405,11 +2432,7 @@
     // React 版两个创建 effect（id 分支 + root 分支）。
     // immediate：uniqueId 由 useId 同步生成（不再变化），非 immediate 的 watch
     // 不会触发（依赖不变），portalNode 将永不创建。
-    core.watch(() => {
-      var _portalContext$value;
-      return [id, uniqueId.value, core.toValue(root), (_portalContext$value = portalContext.value) == null ? void 0 : _portalContext$value.portalNode];
-    }, () => {
-      var _portalContext$value2;
+    core.watch(() => [id, uniqueId.value, core.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
@@ -2431,7 +2454,7 @@
       // `root` 分支：root / 父 portal 节点 / body
       const rootValue = core.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) {
@@ -2534,17 +2557,19 @@
     core.onUnmounted(() => {
       cleanupFocusListeners == null || cleanupFocusListeners();
     });
-    const contextValue = core.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,
@@ -2822,7 +2847,7 @@
     // disabled/open 变化会触发多次 watch 重跑，若为周期局部变量，后续周期的
     // cleanup 会读到 ''（丢失 Escape 的 'keyboard'），returnFocus 函数参数错。
     const closeTypeRef = core.ref('');
-    const isInsidePortal = core.computed(() => portalContext.value != null);
+    const isInsidePortal = core.computed(() => portalContext != null);
     const floatingFocusElement = core.computed(() => getFloatingFocusElement(floating.value));
     const getTabbableContent = function (container) {
       if (container === void 0) {
@@ -2906,7 +2931,7 @@
     // 依赖含 disabled：keepMounted 场景初始 disabled=true 时跳过注册，
     // 打开（disabled=false）后需重新注册 focusout 监听。
     let cleanupFocusOut;
-    core.watch([domReference, floating, portalContext, disabled], () => {
+    core.watch(() => [domReference.value, floating.value, portalContext == null ? void 0 : portalContext.portalNode, disabled.value], () => {
       cleanupFocusOut == null || cleanupFocusOut();
       cleanupFocusOut = undefined;
       if (disabled.value) return;
@@ -2924,9 +2949,9 @@
         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 => {
@@ -2979,7 +3004,7 @@
           }
         });
       }
-      const shouldHandleBlurCapture = Boolean(!tree && portalContext.value);
+      const shouldHandleBlurCapture = Boolean(!tree && portalContext);
       function markInsideReactTree() {
         clearTimeoutIfSet(blurTimeoutRef);
         dataRef.value.insideReactTree = true;
@@ -3009,32 +3034,26 @@
     });
     const beforeGuardRef = core.ref(null);
     const afterGuardRef = core.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;
-    core.watch([domReference, floating, portalContext], () => {
-      var _portalContext$value4, _ancestors$find, _portalContext$value5, _portalContext$value6;
+    core.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);
     });
 
@@ -3217,9 +3236,9 @@
     // React 版 `useModernLayoutEffect`：同步 context & modal 到 FloatingPortal
     // 注意：open 在 FFM 挂载前已为 true，watch 无 immediate 时首次不触发，
     // FloatingPortal 的 focusManagerState 保持 null（owner/guard 不渲染）。
-    core.watch([portalContext, open, domReference], () => {
+    core.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,
@@ -3269,19 +3288,18 @@
         "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();
             }
           }
         }
@@ -3289,20 +3307,19 @@
         "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();
             }
           }
         }