@sheinx/hooks 3.1.27 → 3.2.0-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,KAA8B,MAAM,OAAO,CAAC;AAMnD,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;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAsO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,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;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAqO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/cjs/components/use-menu/use-menu-item.d.ts

@@ -11,6 +11,7 @@ declare const useMenuItem: (props: UseMenuItemProps) => {
     handleMouseEnter: (e: React.MouseEvent) => void;
     handleMouseLeave: () => void;
     handleExpandClick: (e: React.MouseEvent) => void;
+    isLeaf: boolean;
 };
 export default useMenuItem;
 //# sourceMappingURL=use-menu-item.d.ts.map

package/cjs/components/use-menu/use-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-item.d.ts","sourceRoot":"","sources":["use-menu-item.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;yBA4BD,gBAAgB;0BA2Df,gBAAgB;;2BAhCf,gBAAgB;CA6E5D,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-menu-item.d.ts","sourceRoot":"","sources":["use-menu-item.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;yBA8BD,gBAAgB;0BA8Df,gBAAgB;;2BAhCf,gBAAgB;;CAgF5D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/components/use-menu/use-menu-item.js

@@ -17,15 +17,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var useMenuItem = function useMenuItem(props) {
   var _useRef = (0, _react.useRef)({
       id: '',
-      timer: null,
-      isUp: false
+      timer: null
     }),
     context = _useRef.current;
   var _props$parentId = props.parentId,
     parentId = _props$parentId === void 0 ? '' : _props$parentId,
-    dataItem = props.dataItem,
-    _props$toggleDuration = props.toggleDuration,
-    toggleDuration = _props$toggleDuration === void 0 ? 200 : _props$toggleDuration;
+    dataItem = props.dataItem;
+  var isLeaf = ((dataItem || {}).children || []).length === 0;
   if (!context.id) {
     context.id = "".concat(parentId, ",").concat((0, _uid.getUidStr)());
   }
@@ -40,6 +38,10 @@ var useMenuItem = function useMenuItem(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isInPath = _useState4[0],
     setInPath = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isUp = _useState6[0],
+    setIsUp = _useState6[1];
   var update = (0, _usePersistFn.default)(function (getStatus) {
     var status = getStatus(context.id, props.dataItem);
     if (isChecked !== status.isChecked) {
@@ -72,8 +74,11 @@ var useMenuItem = function useMenuItem(props) {
         props.onClick(dataItem);
       }
     }
-    var isLeaf = ((dataItem || {}).children || []).length === 0;
-    if (!isLeaf) e.nativeEvent.stopImmediatePropagation();
+    // 阻止冒泡
+    if (!isLeaf) {
+      e.stopPropagation();
+      e.nativeEvent.stopImmediatePropagation();
+    }
   });
   var handleExpandClick = (0, _usePersistFn.default)(function (e) {
     e.stopPropagation();
@@ -90,29 +95,29 @@ var useMenuItem = function useMenuItem(props) {
     }
   });
   var handleMouseLeave = (0, _usePersistFn.default)(function () {
-    if (expandAble && props.mode !== 'inline') {
-      if (context.timer) {
-        clearTimeout(context.timer);
-        context.timer = null;
-      }
-      context.timer = setTimeout(function () {
-        props.onOpenChange(function (before) {
-          var openKeySet = new Set(before);
-          openKeySet.delete(props.keyResult);
-          return Array.from(openKeySet);
-        });
-      }, toggleDuration);
-      document.removeEventListener('click', handleMouseLeave);
-    }
+    // if (expandAble && props.mode !== 'inline') {
+    // if (context.timer) {
+    //   clearTimeout(context.timer);
+    //   context.timer = null;
+    // }
+    // context.timer = setTimeout(() => {
+    //   props.onOpenChange((before) => {
+    //     const openKeySet = new Set(before);
+    //     openKeySet.delete(props.keyResult);
+    //     return Array.from(openKeySet);
+    //   });
+    // }, toggleDuration);
+    // document.removeEventListener('click', handleMouseLeave);
+    // }
   });
   var handleMouseEnter = (0, _usePersistFn.default)(function (e) {
     if (expandAble && props.mode !== 'inline') {
       var _props$scrollRef;
-      if (context.timer) {
-        clearTimeout(context.timer);
-        context.timer = null;
-      }
-      var isUp = false;
+      // if (context.timer) {
+      //   clearTimeout(context.timer);
+      //   context.timer = null;
+      // }
+      var up = false;
       if (props.mode === 'vertical-auto' && (_props$scrollRef = props.scrollRef) !== null && _props$scrollRef !== void 0 && _props$scrollRef.current) {
         var _props$scrollRef$curr;
         var target = e.currentTarget;
@@ -120,15 +125,17 @@ var useMenuItem = function useMenuItem(props) {
         var scrollRect = (_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.getBoundingClientRect();
         var topLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.top;
         var bottomLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.bottom;
-        isUp = rect.bottom - topLine > (bottomLine - topLine) / 2;
+        up = rect.bottom - topLine > (bottomLine - topLine) / 2;
       }
-      context.isUp = isUp;
-      props.onOpenChange(function (before) {
-        var openKeySet = new Set(before);
-        openKeySet.add(props.keyResult);
-        return Array.from(openKeySet);
-      });
-      document.addEventListener('click', handleMouseLeave);
+      if (isUp !== up) {
+        setIsUp(up);
+      }
+      // props.onOpenChange((before) => {
+      //   const openKeySet = new Set(before);
+      //   openKeySet.add(props.keyResult);
+      //   return Array.from(openKeySet);
+      // });
+      // document.addEventListener('click', handleMouseLeave);
     }
   });
   (0, _react.useEffect)(function () {
@@ -144,11 +151,12 @@ var useMenuItem = function useMenuItem(props) {
     isOpen: gopenKeySet.has(props.keyResult),
     isDisabled: isDisabled,
     expandAble: expandAble,
-    isUp: context.isUp,
+    isUp: isUp,
     handleItemClick: handleItemClick,
     handleMouseEnter: handleMouseEnter,
     handleMouseLeave: handleMouseLeave,
-    handleExpandClick: handleExpandClick
+    handleExpandClick: handleExpandClick,
+    isLeaf: isLeaf
   };
 };
 var _default = exports.default = useMenuItem;

package/cjs/components/use-menu/use-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["use-menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,OAAO,UAAW,YAAY;;gCAwBgB,YAAY,EAAE,KAAK,YAAY,EAAE;qBAyC3D,MAAM,cAAc,UAAU;uBAI5B,MAAM;yBA5DS,MAAM;CA0EhD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["use-menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,OAAO,UAAW,YAAY;;gCAyBgB,YAAY,EAAE,KAAK,YAAY,EAAE;qBAkD3D,MAAM,cAAc,UAAU;uBAK5B,MAAM;yBAtES,MAAM;CAqFhD,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -13,7 +13,8 @@ var useMenu = function useMenu(props) {
   var _useRef = (0, _react.useRef)({
       updateMap: new Map(),
       activeId: '',
-      cachedOpenKeys: props.openKeys || []
+      cachedOpenKeys: props.openKeys || [],
+      updateTimer: 0
     }),
     context = _useRef.current;
   var render = (0, _useRender.default)();
@@ -68,14 +69,23 @@ var useMenu = function useMenu(props) {
       updateItem(getStatus);
     });
   });
+  var updateWithThreshold = (0, _usePersistFn.default)(function () {
+    if (context.updateTimer) clearTimeout(context.updateTimer);
+    context.updateTimer = window.setTimeout(function () {
+      update();
+      // 需要更新两次 否则 inPath 状态错误
+      update();
+    }, 50);
+  });
   var bindUpdate = function bindUpdate(id, updateItem) {
     context.updateMap.set(id, updateItem);
+    updateWithThreshold();
   };
   var unbindUpdate = function unbindUpdate(id) {
     context.updateMap.delete(id);
   };
   (0, _react.useEffect)(function () {
-    update();
+    updateWithThreshold();
   });
   return {
     openKeys: value,

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,KAA8B,MAAM,OAAO,CAAC;AAMnD,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;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAsO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,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;CAClB;AAQD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB,wBAqO3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/components/use-menu/use-menu-item.d.ts

@@ -11,6 +11,7 @@ declare const useMenuItem: (props: UseMenuItemProps) => {
     handleMouseEnter: (e: React.MouseEvent) => void;
     handleMouseLeave: () => void;
     handleExpandClick: (e: React.MouseEvent) => void;
+    isLeaf: boolean;
 };
 export default useMenuItem;
 //# sourceMappingURL=use-menu-item.d.ts.map

package/esm/components/use-menu/use-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu-item.d.ts","sourceRoot":"","sources":["use-menu-item.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;yBA4BD,gBAAgB;0BA2Df,gBAAgB;;2BAhCf,gBAAgB;CA6E5D,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-menu-item.d.ts","sourceRoot":"","sources":["use-menu-item.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAc,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;yBA8BD,gBAAgB;0BA8Df,gBAAgB;;2BAhCf,gBAAgB;;CAgF5D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/components/use-menu/use-menu-item.js

@@ -10,15 +10,13 @@ import { getUidStr } from "../../utils/uid";
 var useMenuItem = function useMenuItem(props) {
   var _useRef = useRef({
       id: '',
-      timer: null,
-      isUp: false
+      timer: null
     }),
     context = _useRef.current;
   var _props$parentId = props.parentId,
     parentId = _props$parentId === void 0 ? '' : _props$parentId,
-    dataItem = props.dataItem,
-    _props$toggleDuration = props.toggleDuration,
-    toggleDuration = _props$toggleDuration === void 0 ? 200 : _props$toggleDuration;
+    dataItem = props.dataItem;
+  var isLeaf = ((dataItem || {}).children || []).length === 0;
   if (!context.id) {
     context.id = "".concat(parentId, ",").concat(getUidStr());
   }
@@ -33,6 +31,10 @@ var useMenuItem = function useMenuItem(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isInPath = _useState4[0],
     setInPath = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isUp = _useState6[0],
+    setIsUp = _useState6[1];
   var update = usePersistFn(function (getStatus) {
     var status = getStatus(context.id, props.dataItem);
     if (isChecked !== status.isChecked) {
@@ -65,8 +67,11 @@ var useMenuItem = function useMenuItem(props) {
         props.onClick(dataItem);
       }
     }
-    var isLeaf = ((dataItem || {}).children || []).length === 0;
-    if (!isLeaf) e.nativeEvent.stopImmediatePropagation();
+    // 阻止冒泡
+    if (!isLeaf) {
+      e.stopPropagation();
+      e.nativeEvent.stopImmediatePropagation();
+    }
   });
   var handleExpandClick = usePersistFn(function (e) {
     e.stopPropagation();
@@ -83,29 +88,29 @@ var useMenuItem = function useMenuItem(props) {
     }
   });
   var handleMouseLeave = usePersistFn(function () {
-    if (expandAble && props.mode !== 'inline') {
-      if (context.timer) {
-        clearTimeout(context.timer);
-        context.timer = null;
-      }
-      context.timer = setTimeout(function () {
-        props.onOpenChange(function (before) {
-          var openKeySet = new Set(before);
-          openKeySet.delete(props.keyResult);
-          return Array.from(openKeySet);
-        });
-      }, toggleDuration);
-      document.removeEventListener('click', handleMouseLeave);
-    }
+    // if (expandAble && props.mode !== 'inline') {
+    // if (context.timer) {
+    //   clearTimeout(context.timer);
+    //   context.timer = null;
+    // }
+    // context.timer = setTimeout(() => {
+    //   props.onOpenChange((before) => {
+    //     const openKeySet = new Set(before);
+    //     openKeySet.delete(props.keyResult);
+    //     return Array.from(openKeySet);
+    //   });
+    // }, toggleDuration);
+    // document.removeEventListener('click', handleMouseLeave);
+    // }
   });
   var handleMouseEnter = usePersistFn(function (e) {
     if (expandAble && props.mode !== 'inline') {
       var _props$scrollRef;
-      if (context.timer) {
-        clearTimeout(context.timer);
-        context.timer = null;
-      }
-      var isUp = false;
+      // if (context.timer) {
+      //   clearTimeout(context.timer);
+      //   context.timer = null;
+      // }
+      var up = false;
       if (props.mode === 'vertical-auto' && (_props$scrollRef = props.scrollRef) !== null && _props$scrollRef !== void 0 && _props$scrollRef.current) {
         var _props$scrollRef$curr;
         var target = e.currentTarget;
@@ -113,15 +118,17 @@ var useMenuItem = function useMenuItem(props) {
         var scrollRect = (_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.getBoundingClientRect();
         var topLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.top;
         var bottomLine = scrollRect === null || scrollRect === void 0 ? void 0 : scrollRect.bottom;
-        isUp = rect.bottom - topLine > (bottomLine - topLine) / 2;
+        up = rect.bottom - topLine > (bottomLine - topLine) / 2;
       }
-      context.isUp = isUp;
-      props.onOpenChange(function (before) {
-        var openKeySet = new Set(before);
-        openKeySet.add(props.keyResult);
-        return Array.from(openKeySet);
-      });
-      document.addEventListener('click', handleMouseLeave);
+      if (isUp !== up) {
+        setIsUp(up);
+      }
+      // props.onOpenChange((before) => {
+      //   const openKeySet = new Set(before);
+      //   openKeySet.add(props.keyResult);
+      //   return Array.from(openKeySet);
+      // });
+      // document.addEventListener('click', handleMouseLeave);
     }
   });
   useEffect(function () {
@@ -137,11 +144,12 @@ var useMenuItem = function useMenuItem(props) {
     isOpen: gopenKeySet.has(props.keyResult),
     isDisabled: isDisabled,
     expandAble: expandAble,
-    isUp: context.isUp,
+    isUp: isUp,
     handleItemClick: handleItemClick,
     handleMouseEnter: handleMouseEnter,
     handleMouseLeave: handleMouseLeave,
-    handleExpandClick: handleExpandClick
+    handleExpandClick: handleExpandClick,
+    isLeaf: isLeaf
   };
 };
 export default useMenuItem;

package/esm/components/use-menu/use-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["use-menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,OAAO,UAAW,YAAY;;gCAwBgB,YAAY,EAAE,KAAK,YAAY,EAAE;qBAyC3D,MAAM,cAAc,UAAU;uBAI5B,MAAM;yBA5DS,MAAM;CA0EhD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["use-menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,QAAA,MAAM,OAAO,UAAW,YAAY;;gCAyBgB,YAAY,EAAE,KAAK,YAAY,EAAE;qBAkD3D,MAAM,cAAc,UAAU;uBAK5B,MAAM;yBAtES,MAAM;CAqFhD,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -6,7 +6,8 @@ var useMenu = function useMenu(props) {
   var _useRef = useRef({
       updateMap: new Map(),
       activeId: '',
-      cachedOpenKeys: props.openKeys || []
+      cachedOpenKeys: props.openKeys || [],
+      updateTimer: 0
     }),
     context = _useRef.current;
   var render = useRender();
@@ -61,14 +62,23 @@ var useMenu = function useMenu(props) {
       updateItem(getStatus);
     });
   });
+  var updateWithThreshold = usePersistFn(function () {
+    if (context.updateTimer) clearTimeout(context.updateTimer);
+    context.updateTimer = window.setTimeout(function () {
+      update();
+      // 需要更新两次 否则 inPath 状态错误
+      update();
+    }, 50);
+  });
   var bindUpdate = function bindUpdate(id, updateItem) {
     context.updateMap.set(id, updateItem);
+    updateWithThreshold();
   };
   var unbindUpdate = function unbindUpdate(id) {
     context.updateMap.delete(id);
   };
   useEffect(function () {
-    update();
+    updateWithThreshold();
   });
   return {
     openKeys: value,

package/package.json

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