@arcblock/ux 2.9.53 → 2.9.54

package/es/Layout/dashboard/sidebar.js

@@ -7,7 +7,7 @@ import { styled } from '../../Theme';
 import { NavLink } from './external-link';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-function renderGroup(item) {
+function renderGroup(item, index) {
   return /*#__PURE__*/_jsxs("li", {
     className: "layout-sidebar-group",
     children: [/*#__PURE__*/_jsx("span", {
@@ -16,11 +16,11 @@ function renderGroup(item) {
     }), /*#__PURE__*/_jsx("ul", {
       children: item.children.map(renderItem)
     })]
-  }, `group-${item.title}`);
+  }, `group-${item.title}-${index}`);
 }
-function renderItem(item) {
+function renderItem(item, index) {
   if (item.children?.length) {
-    return renderGroup(item);
+    return renderGroup(item, index);
   }
   const {
     url,
@@ -50,7 +50,7 @@ function renderItem(item) {
         children: title
       })]
     })
-  }, url);
+  }, `${url}-${index}`);
 }
 function Sidebar({
   links,

package/lib/Layout/dashboard/sidebar.js

@@ -23,7 +23,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function renderGroup(item) {
+function renderGroup(item, index) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
     className: "layout-sidebar-group",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -32,12 +32,12 @@ function renderGroup(item) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       children: item.children.map(renderItem)
     })]
-  }, "group-".concat(item.title));
+  }, "group-".concat(item.title, "-").concat(index));
 }
-function renderItem(item) {
+function renderItem(item, index) {
   var _item$children;
   if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
-    return renderGroup(item);
+    return renderGroup(item, index);
   }
   const {
     url,
@@ -70,7 +70,7 @@ function renderItem(item) {
         children: title
       })]
     })
-  }, url);
+  }, "".concat(url, "-").concat(index));
 }
 function Sidebar(_ref2) {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.9.53",
+  "version": "2.9.54",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -358,12 +358,12 @@
     "@mui/material": "^5.15.0",
     "react": ">=18.2.0"
   },
-  "gitHead": "bf54e5b6fe510e2340ae87d1561d38d04dc25363",
+  "gitHead": "497c6bb83ad04937b3ba6a182e79383889a4562e",
   "dependencies": {
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.9.53",
-    "@arcblock/nft-display": "^2.9.53",
-    "@arcblock/react-hooks": "^2.9.53",
+    "@arcblock/icons": "^2.9.54",
+    "@arcblock/nft-display": "^2.9.54",
+    "@arcblock/react-hooks": "^2.9.54",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/Layout/dashboard/sidebar.js

@@ -6,23 +6,23 @@ import clsx from 'clsx';
 import { styled } from '../../Theme';
 import { NavLink } from './external-link';
 
-function renderGroup(item) {
+function renderGroup(item, index) {
   return (
-    <li key={`group-${item.title}`} className="layout-sidebar-group">
+    <li key={`group-${item.title}-${index}`} className="layout-sidebar-group">
       <span className="layout-sidebar-group-title">{item.title}</span>
       <ul>{item.children.map(renderItem)}</ul>
     </li>
   );
 }
 
-function renderItem(item) {
+function renderItem(item, index) {
   if (item.children?.length) {
-    return renderGroup(item);
+    return renderGroup(item, index);
   }
   const { url, icon, title, showBadge, external, active } = item;
   // external = true 时 link active 状态由传入 links 的调用方决定 (适用于 blocklet ui dashboard 的情况)
   return (
-    <li key={url} className="layout-sidebar-item">
+    <li key={`${url}-${index}`} className="layout-sidebar-item">
       <NavLink
         external={external}
         to={url}