@sheinx/hooks 3.9.4 → 3.9.5-beta.2

package/cjs/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,KAAK,IAAI,CAAC;IAErE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACpD;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA+V3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,KAAK,IAAI,CAAC;IAErE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACpD;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CAmW3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/cjs/common/use-position-style/index.js

@@ -333,19 +333,23 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
     }
     var _getAbsolutePositionS = getAbsolutePositionStyle(rect, position),
       style = _getAbsolutePositionS.style;
-    var currentCSSZoom = (0, _utils.getCurrentCSSZoom)();
-    if (currentCSSZoom && currentCSSZoom !== 1) {
+
+    // 计算从触发元素到挂载容器之间的相对 zoom 值
+    var rootContainer = getContainer() || document.body;
+    var relativeZoom = (0, _utils.getRelativeZoom)(parentElRef.current, rootContainer);
+    if (relativeZoom && relativeZoom !== 1) {
+      var zoomRatio = 1 / relativeZoom;
       if (style.left && typeof style.left === 'number') {
-        style.left = style.left * (1 / currentCSSZoom);
+        style.left = style.left * zoomRatio;
       }
       if (style.top && typeof style.top === 'number') {
-        style.top = style.top * (1 / currentCSSZoom);
+        style.top = style.top * zoomRatio;
       }
       if (style.right && typeof style.right === 'number') {
-        style.right = style.right * (1 / currentCSSZoom);
+        style.right = style.right * zoomRatio;
       }
       if (style.bottom && typeof style.bottom === 'number') {
-        style.bottom = style.bottom * (1 / currentCSSZoom);
+        style.bottom = style.bottom * zoomRatio;
       }
     }
     return {

package/cjs/components/use-pagination/use-pagination.js

@@ -45,7 +45,7 @@ var usePagination = function usePagination(props) {
   var handleChange = (0, _usePersistFn.usePersistFn)(function (c, size) {
     if (c === current && size === undefined) return;
     setCurrent(c);
-    setPageSize(size || pageSizeProp);
+    setPageSize(size || pageSize);
     if (onChange) {
       var sizeChange = size !== undefined && pageSize !== size;
       onChange(c, size || pageSize, sizeChange);

package/cjs/utils/dom/document.d.ts

@@ -1,4 +1,12 @@
-export declare const getCurrentCSSZoom: () => number;
+/**
+ * 计算容器的累积 zoom 值
+ * 当弹出层通过 position: absolute 定位在容器内时，需要用容器的 zoom 值来修正坐标
+ * 因为 getBoundingClientRect() 返回的是应用 zoom 后的视口坐标，
+ * 但 CSS 的 left/top 值会在容器的 zoom 坐标系中解释
+ * @param container - 容器元素，默认为 document.body
+ * @returns 容器的累积 zoom 值
+ */
+export declare const getRelativeZoom: (_element: HTMLElement | null, container?: HTMLElement | null) => number;
 export declare const getScrollPosition: (element?: HTMLElement | null) => {
     scrollTop: number;
     scrollLeft: number;

package/cjs/utils/dom/document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["document.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,QAAO,MAqBpC,CAAA;AA6BD,eAAO,MAAM,iBAAiB,aAAc,WAAW,GAAG,IAAI;;;CAc7D,CAAC"}
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["document.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,aAAc,WAAW,GAAG,IAAI,cAAa,WAAW,GAAG,IAAI,KAAmB,MA8B7G,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,WAAW,GAAG,IAAI;;;CAc7D,CAAC"}

package/cjs/utils/dom/document.js

@@ -3,51 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScrollPosition = exports.getCurrentCSSZoom = void 0;
-var cachedZoom = 0;
-var getCurrentCSSZoom = exports.getCurrentCSSZoom = function getCurrentCSSZoom() {
-  if (cachedZoom) return cachedZoom;
-  if (typeof window === 'undefined' || typeof navigator === 'undefined' || !document.body) {
-    return 1;
-  }
-  var currentCSSZoom = Math.round(document.body.getBoundingClientRect().width) / document.body.clientWidth;
-  if (window.ResizeObserver) {
-    // 监听document.body的变化，更新缓存的zoom
-    var resizeObserver = new ResizeObserver(function () {
-      cachedZoom = Math.round(document.body.getBoundingClientRect().width) / document.body.clientWidth;
-    });
-    resizeObserver.observe(document.body);
-  }
-  cachedZoom = currentCSSZoom;
-  return currentCSSZoom;
-};
-
-// export const getZoomBoundingClientRect = (element: HTMLElement) => {
-//   const currentCSSZoom = getCurrentCSSZoom()
-//   if (currentCSSZoom === 1 || !currentCSSZoom) {
-//     return element.getBoundingClientRect()
-//   }
-//   const isNotZoom = currentCSSZoom === 1 || !currentCSSZoom
+exports.getScrollPosition = exports.getRelativeZoom = void 0;
+// 缓存容器的 zoom 值，避免重复计算
+// 使用 WeakMap 确保容器元素被销毁时缓存也会被清理
+var zoomCache = new WeakMap();
 
-//   if (isNotZoom) {
-//     return element.getBoundingClientRect()
-//   }
+/**
+ * 计算容器的累积 zoom 值
+ * 当弹出层通过 position: absolute 定位在容器内时，需要用容器的 zoom 值来修正坐标
+ * 因为 getBoundingClientRect() 返回的是应用 zoom 后的视口坐标，
+ * 但 CSS 的 left/top 值会在容器的 zoom 坐标系中解释
+ * @param container - 容器元素，默认为 document.body
+ * @returns 容器的累积 zoom 值
+ */
+var getRelativeZoom = exports.getRelativeZoom = function getRelativeZoom(_element) {
+  var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+  if (!container || typeof window === 'undefined') return 1;
 
-//   const zoomRatio = 1 / currentCSSZoom
-//   const rect = element.getBoundingClientRect()
+  // 检查缓存
+  var cached = zoomCache.get(container);
+  if (cached !== undefined) {
+    return cached;
+  }
+  var zoom = 1;
+  var current = container;
 
-//   return {
-//     x: rect.x * zoomRatio,
-//     y: rect.y * zoomRatio,
-//     top: rect.top * zoomRatio,
-//     right: rect.right * zoomRatio,
-//     bottom: rect.bottom * zoomRatio,
-//     left: rect.left * zoomRatio,
-//     width: rect.width * zoomRatio,
-//     height: rect.height * zoomRatio,
-//   }
-// }
+  // 从容器向上遍历到 document，累积所有的 zoom 值
+  while (current && current !== document.documentElement) {
+    var computedStyle = window.getComputedStyle(current);
+    // zoom 不是标准 CSS 属性，需要通过索引访问
+    var zoomValue = computedStyle.zoom || '1';
+    var currentZoom = parseFloat(zoomValue);
+    if (!isNaN(currentZoom) && currentZoom !== 0) {
+      zoom *= currentZoom;
+    }
+    current = current.parentElement;
+  }
 
+  // 缓存计算结果
+  zoomCache.set(container, zoom);
+  return zoom;
+};
 var getScrollPosition = exports.getScrollPosition = function getScrollPosition(element) {
   if (!element) return {
     scrollTop: 0,

package/esm/common/use-position-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,KAAK,IAAI,CAAC;IAErE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACpD;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA+V3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,KAAK,IAAI,CAAC;IAErE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACpD;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CAmW3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/common/use-position-style/index.js

@@ -13,7 +13,7 @@ import { useCheckElementBorderWidth } from "./check-border";
 import { useCheckElementSize } from "./check-element-size";
 import shallowEqual from "../../utils/shallow-equal";
 import usePersistFn from "../use-persist-fn";
-import { getCurrentCSSZoom, getScrollPosition } from "../../utils";
+import { getScrollPosition, getRelativeZoom } from "../../utils";
 import { docSize } from "../../utils";
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
@@ -324,19 +324,23 @@ export var usePositionStyle = function usePositionStyle(config) {
     }
     var _getAbsolutePositionS = getAbsolutePositionStyle(rect, position),
       style = _getAbsolutePositionS.style;
-    var currentCSSZoom = getCurrentCSSZoom();
-    if (currentCSSZoom && currentCSSZoom !== 1) {
+
+    // 计算从触发元素到挂载容器之间的相对 zoom 值
+    var rootContainer = getContainer() || document.body;
+    var relativeZoom = getRelativeZoom(parentElRef.current, rootContainer);
+    if (relativeZoom && relativeZoom !== 1) {
+      var zoomRatio = 1 / relativeZoom;
       if (style.left && typeof style.left === 'number') {
-        style.left = style.left * (1 / currentCSSZoom);
+        style.left = style.left * zoomRatio;
       }
       if (style.top && typeof style.top === 'number') {
-        style.top = style.top * (1 / currentCSSZoom);
+        style.top = style.top * zoomRatio;
       }
       if (style.right && typeof style.right === 'number') {
-        style.right = style.right * (1 / currentCSSZoom);
+        style.right = style.right * zoomRatio;
       }
       if (style.bottom && typeof style.bottom === 'number') {
-        style.bottom = style.bottom * (1 / currentCSSZoom);
+        style.bottom = style.bottom * zoomRatio;
       }
     }
     return {

package/esm/components/use-pagination/use-pagination.js

@@ -39,7 +39,7 @@ var usePagination = function usePagination(props) {
   var handleChange = usePersistFn(function (c, size) {
     if (c === current && size === undefined) return;
     setCurrent(c);
-    setPageSize(size || pageSizeProp);
+    setPageSize(size || pageSize);
     if (onChange) {
       var sizeChange = size !== undefined && pageSize !== size;
       onChange(c, size || pageSize, sizeChange);

package/esm/utils/dom/document.d.ts

@@ -1,4 +1,12 @@
-export declare const getCurrentCSSZoom: () => number;
+/**
+ * 计算容器的累积 zoom 值
+ * 当弹出层通过 position: absolute 定位在容器内时，需要用容器的 zoom 值来修正坐标
+ * 因为 getBoundingClientRect() 返回的是应用 zoom 后的视口坐标，
+ * 但 CSS 的 left/top 值会在容器的 zoom 坐标系中解释
+ * @param container - 容器元素，默认为 document.body
+ * @returns 容器的累积 zoom 值
+ */
+export declare const getRelativeZoom: (_element: HTMLElement | null, container?: HTMLElement | null) => number;
 export declare const getScrollPosition: (element?: HTMLElement | null) => {
     scrollTop: number;
     scrollLeft: number;

package/esm/utils/dom/document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["document.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,QAAO,MAqBpC,CAAA;AA6BD,eAAO,MAAM,iBAAiB,aAAc,WAAW,GAAG,IAAI;;;CAc7D,CAAC"}
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["document.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,aAAc,WAAW,GAAG,IAAI,cAAa,WAAW,GAAG,IAAI,KAAmB,MA8B7G,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,WAAW,GAAG,IAAI;;;CAc7D,CAAC"}

package/esm/utils/dom/document.js

@@ -1,47 +1,43 @@
-var cachedZoom = 0;
-export var getCurrentCSSZoom = function getCurrentCSSZoom() {
-  if (cachedZoom) return cachedZoom;
-  if (typeof window === 'undefined' || typeof navigator === 'undefined' || !document.body) {
-    return 1;
-  }
-  var currentCSSZoom = Math.round(document.body.getBoundingClientRect().width) / document.body.clientWidth;
-  if (window.ResizeObserver) {
-    // 监听document.body的变化，更新缓存的zoom
-    var resizeObserver = new ResizeObserver(function () {
-      cachedZoom = Math.round(document.body.getBoundingClientRect().width) / document.body.clientWidth;
-    });
-    resizeObserver.observe(document.body);
-  }
-  cachedZoom = currentCSSZoom;
-  return currentCSSZoom;
-};
-
-// export const getZoomBoundingClientRect = (element: HTMLElement) => {
-//   const currentCSSZoom = getCurrentCSSZoom()
-//   if (currentCSSZoom === 1 || !currentCSSZoom) {
-//     return element.getBoundingClientRect()
-//   }
-//   const isNotZoom = currentCSSZoom === 1 || !currentCSSZoom
+// 缓存容器的 zoom 值，避免重复计算
+// 使用 WeakMap 确保容器元素被销毁时缓存也会被清理
+var zoomCache = new WeakMap();
 
-//   if (isNotZoom) {
-//     return element.getBoundingClientRect()
-//   }
+/**
+ * 计算容器的累积 zoom 值
+ * 当弹出层通过 position: absolute 定位在容器内时，需要用容器的 zoom 值来修正坐标
+ * 因为 getBoundingClientRect() 返回的是应用 zoom 后的视口坐标，
+ * 但 CSS 的 left/top 值会在容器的 zoom 坐标系中解释
+ * @param container - 容器元素，默认为 document.body
+ * @returns 容器的累积 zoom 值
+ */
+export var getRelativeZoom = function getRelativeZoom(_element) {
+  var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+  if (!container || typeof window === 'undefined') return 1;
 
-//   const zoomRatio = 1 / currentCSSZoom
-//   const rect = element.getBoundingClientRect()
+  // 检查缓存
+  var cached = zoomCache.get(container);
+  if (cached !== undefined) {
+    return cached;
+  }
+  var zoom = 1;
+  var current = container;
 
-//   return {
-//     x: rect.x * zoomRatio,
-//     y: rect.y * zoomRatio,
-//     top: rect.top * zoomRatio,
-//     right: rect.right * zoomRatio,
-//     bottom: rect.bottom * zoomRatio,
-//     left: rect.left * zoomRatio,
-//     width: rect.width * zoomRatio,
-//     height: rect.height * zoomRatio,
-//   }
-// }
+  // 从容器向上遍历到 document，累积所有的 zoom 值
+  while (current && current !== document.documentElement) {
+    var computedStyle = window.getComputedStyle(current);
+    // zoom 不是标准 CSS 属性，需要通过索引访问
+    var zoomValue = computedStyle.zoom || '1';
+    var currentZoom = parseFloat(zoomValue);
+    if (!isNaN(currentZoom) && currentZoom !== 0) {
+      zoom *= currentZoom;
+    }
+    current = current.parentElement;
+  }
 
+  // 缓存计算结果
+  zoomCache.set(container, zoom);
+  return zoom;
+};
 export var getScrollPosition = function getScrollPosition(element) {
   if (!element) return {
     scrollTop: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.9.4",
+  "version": "3.9.5-beta.2",
   "description": "",
   "keywords": [],
   "license": "MIT",