@sheinx/base 3.9.10-beta.3 → 3.9.10-beta.4

package/cjs/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,4CAiSzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,4CA4SzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/menu/item.js

@@ -84,6 +84,12 @@ var MenuItem = function MenuItem(props) {
     handleMouseEnter = _useMenuItem.handleMouseEnter,
     handleMouseLeave = _useMenuItem.handleMouseLeave;
 
+  // inline 模式懒渲染：跟踪子菜单是否曾被展开过
+  var hasBeenOpened = (0, _react.useRef)(isOpen);
+  if (isOpen) {
+    hasBeenOpened.current = true;
+  }
+
   // 为 inline 模式添加折叠动画（仅当 inlineAnimate 为 true 时启用）
   var _useCollapseAnimation = (0, _hooks.useCollapseAnimation)(childrenRef, {
       isOpen: isOpen,
@@ -119,6 +125,11 @@ var MenuItem = function MenuItem(props) {
         return null;
       }
     }
+
+    // inline 模式懒渲染：未曾展开过的子菜单不渲染 DOM
+    if (!shoudPop && !isOpen && !hasBeenOpened.current) {
+      return null;
+    }
     var content = function content(close) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
         ref: childrenRef,

package/cjs/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,kHA4IT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,kHAmKT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/menu/menu.js

@@ -16,6 +16,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -52,10 +56,33 @@ var Menu = function Menu(props) {
     _useState2 = _slicedToArray(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
+
+  // 当使用 active 函数且 openKeys 非受控时，自动展开激活项的父级菜单
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var mergedDefaultOpenKeys = (0, _react.useMemo)(function () {
+    if (props.openKeys !== undefined || !props.active) return props.defaultOpenKeys;
+    var parentKeys = [];
+    var walk = function walk(items, ancestors) {
+      items.forEach(function (item, index) {
+        var _item$children;
+        var key = _hooks.util.getKey(props.keygen, item, index);
+        if (props.active(item)) {
+          parentKeys.push.apply(parentKeys, _toConsumableArray(ancestors));
+        }
+        if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
+          walk(item.children, [].concat(_toConsumableArray(ancestors), [key]));
+        }
+      });
+    };
+    walk(data, []);
+    if (!parentKeys.length) return props.defaultOpenKeys;
+    var merged = new Set([].concat(_toConsumableArray(props.defaultOpenKeys || []), parentKeys));
+    return Array.from(merged);
+  }, []);
   var _useMenu = (0, _hooks.useMenu)({
       data: data,
       active: props.active,
-      defaultOpenKeys: props.defaultOpenKeys,
+      defaultOpenKeys: mergedDefaultOpenKeys,
       openKeys: props.openKeys,
       onOpenChange: props.onOpenChange
     }),

package/esm/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,4CAiSzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,4CA4SzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/menu/item.js

@@ -78,6 +78,12 @@ var MenuItem = function MenuItem(props) {
     handleMouseEnter = _useMenuItem.handleMouseEnter,
     handleMouseLeave = _useMenuItem.handleMouseLeave;
 
+  // inline 模式懒渲染：跟踪子菜单是否曾被展开过
+  var hasBeenOpened = useRef(isOpen);
+  if (isOpen) {
+    hasBeenOpened.current = true;
+  }
+
   // 为 inline 模式添加折叠动画（仅当 inlineAnimate 为 true 时启用）
   var _useCollapseAnimation = useCollapseAnimation(childrenRef, {
       isOpen: isOpen,
@@ -113,6 +119,11 @@ var MenuItem = function MenuItem(props) {
         return null;
       }
     }
+
+    // inline 模式懒渲染：未曾展开过的子菜单不渲染 DOM
+    if (!shoudPop && !isOpen && !hasBeenOpened.current) {
+      return null;
+    }
     var content = function content(close) {
       return /*#__PURE__*/_jsx("ul", {
         ref: childrenRef,

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,kHA4IT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,kHAmKT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/menu/menu.js

@@ -4,13 +4,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useMenu, util, useRender } from '@sheinx/hooks';
 import Item from "./item";
 import classNames from 'classnames';
@@ -47,10 +51,33 @@ var Menu = function Menu(props) {
     _useState2 = _slicedToArray(_useState, 2),
     hasOpen = _useState2[0],
     setHasOpen = _useState2[1];
+
+  // 当使用 active 函数且 openKeys 非受控时，自动展开激活项的父级菜单
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var mergedDefaultOpenKeys = useMemo(function () {
+    if (props.openKeys !== undefined || !props.active) return props.defaultOpenKeys;
+    var parentKeys = [];
+    var walk = function walk(items, ancestors) {
+      items.forEach(function (item, index) {
+        var _item$children;
+        var key = util.getKey(props.keygen, item, index);
+        if (props.active(item)) {
+          parentKeys.push.apply(parentKeys, _toConsumableArray(ancestors));
+        }
+        if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
+          walk(item.children, [].concat(_toConsumableArray(ancestors), [key]));
+        }
+      });
+    };
+    walk(data, []);
+    if (!parentKeys.length) return props.defaultOpenKeys;
+    var merged = new Set([].concat(_toConsumableArray(props.defaultOpenKeys || []), parentKeys));
+    return Array.from(merged);
+  }, []);
   var _useMenu = useMenu({
       data: data,
       active: props.active,
-      defaultOpenKeys: props.defaultOpenKeys,
+      defaultOpenKeys: mergedDefaultOpenKeys,
       openKeys: props.openKeys,
       onOpenChange: props.onOpenChange
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.9.10-beta.3",
+  "version": "3.9.10-beta.4",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.9.10-beta.3",
+    "@sheinx/hooks": "3.9.10-beta.4",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.3.3"