@blocklet/ui-react 2.9.42 → 2.9.43

package/es/Header/index.d.ts

@@ -5,5 +5,6 @@ declare const _default: import("react").ComponentType<{
     sessionManagerProps: any;
     homeLink: any;
     theme: any;
+    hideNavMenu: any;
 }>;
 export default _default;

package/es/Header/index.js

@@ -50,7 +50,7 @@ const parseNavigation = (navigation) => {
   const matchedIndex = matchPaths(flattened.map((item) => item.link));
   return { navItems, activeId: matchedIndex >= 0 ? flattened[matchedIndex].id : null };
 };
-function Header({ meta, addons, sessionManagerProps: sessionManagerProps2, homeLink, theme: themeOverrides, ...rest }) {
+function Header({ meta, addons, sessionManagerProps: sessionManagerProps2, homeLink, theme: themeOverrides, hideNavMenu, ...rest }) {
   useWalletHiddenTopbar();
   const { locale } = useLocaleContext() || {};
   const formattedBlocklet = useMemo(() => {
@@ -80,7 +80,7 @@ function Header({ meta, addons, sessionManagerProps: sessionManagerProps2, homeL
       ...omit(rest, ["bordered"]),
       $bordered: rest?.bordered,
       $bgcolor: theme?.background?.header,
-      children: !navItems?.length ? null : ({ isMobile }) => /* @__PURE__ */ jsx(
+      children: hideNavMenu || !navItems?.length ? null : ({ isMobile }) => /* @__PURE__ */ jsx(
         NavMenu,
         {
           mode: isMobile ? "inline" : "horizontal",
@@ -103,7 +103,8 @@ Header.propTypes = {
   sessionManagerProps,
   homeLink: PropTypes.string,
   // 允许覆盖 header 内置的 theme
-  theme: PropTypes.object
+  theme: PropTypes.object,
+  hideNavMenu: PropTypes.bool
 };
 Header.defaultProps = {
   meta: {},
@@ -112,7 +113,8 @@ Header.defaultProps = {
     showRole: true
   },
   homeLink: publicPath,
-  theme: null
+  theme: null,
+  hideNavMenu: false
 };
 const StyledUxHeader = styled(ResponsiveHeader)`
   ${({ $bgcolor }) => `background-color: ${$bgcolor || "#fff"};`}

package/lib/Header/index.d.ts

@@ -5,5 +5,6 @@ declare const _default: import("react").ComponentType<{
     sessionManagerProps: any;
     homeLink: any;
     theme: any;
+    hideNavMenu: any;
 }>;
 export default _default;

package/lib/Header/index.js

@@ -75,6 +75,7 @@ function Header({
   sessionManagerProps: sessionManagerProps2,
   homeLink,
   theme: themeOverrides,
+  hideNavMenu,
   ...rest
 }) {
   (0, _walletHiddenTopbar.useWalletHiddenTopbar)();
@@ -124,7 +125,7 @@ function Header({
       ...(0, _omit.default)(rest, ["bordered"]),
       $bordered: rest?.bordered,
       $bgcolor: theme?.background?.header,
-      children: !navItems?.length ? null : ({
+      children: hideNavMenu || !navItems?.length ? null : ({
         isMobile
       }) => /* @__PURE__ */(0, _jsxRuntime.jsx)(_NavMenu.default, {
         mode: isMobile ? "inline" : "horizontal",
@@ -146,7 +147,8 @@ Header.propTypes = {
   sessionManagerProps: _types.sessionManagerProps,
   homeLink: _propTypes.default.string,
   // 允许覆盖 header 内置的 theme
-  theme: _propTypes.default.object
+  theme: _propTypes.default.object,
+  hideNavMenu: _propTypes.default.bool
 };
 Header.defaultProps = {
   meta: {},
@@ -155,7 +157,8 @@ Header.defaultProps = {
     showRole: true
   },
   homeLink: _blocklets.publicPath,
-  theme: null
+  theme: null,
+  hideNavMenu: false
 };
 const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)`
   ${({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.9.42",
+  "version": "2.9.43",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -63,8 +63,8 @@
   },
   "dependencies": {
     "@abtnode/constant": "^1.16.24",
-    "@arcblock/did-connect": "^2.9.42",
-    "@arcblock/ux": "^2.9.42",
+    "@arcblock/did-connect": "^2.9.43",
+    "@arcblock/ux": "^2.9.43",
     "@blocklet/js-sdk": "^1.16.24",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -101,5 +101,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "bd025306aba57f60f5b019ea863698e7ad07d472"
+  "gitHead": "2299d749c24452b4cebe4c094d682f9af1f3d9bf"
 }

package/src/Header/index.jsx

@@ -61,7 +61,7 @@ const parseNavigation = (navigation) => {
  * 专门用于 (composable) blocklet 的 Header 组件, 解析 blocklet meta 中的数据, 通过组合 UX 中的 Header & NavMenu 组件来渲染
  */
 // eslint-disable-next-line no-shadow
-function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverrides, ...rest }) {
+function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverrides, hideNavMenu, ...rest }) {
   useWalletHiddenTopbar();
   const { locale } = useLocaleContext() || {};
   const formattedBlocklet = useMemo(() => {
@@ -98,7 +98,7 @@ function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverr
         $bordered={rest?.bordered}
         $bgcolor={theme?.background?.header}>
         {/* blocklet.yml 没有配置 navigation 时, 则为 children 传入 null, 此时 ResponsiveHeader 会渲染普通的不带 menu 的 Header */}
-        {!navItems?.length
+        {hideNavMenu || !navItems?.length
           ? null
           : ({ isMobile }) => (
               <NavMenu
@@ -127,6 +127,7 @@ Header.propTypes = {
   homeLink: PropTypes.string,
   // 允许覆盖 header 内置的 theme
   theme: PropTypes.object,
+  hideNavMenu: PropTypes.bool,
 };
 
 Header.defaultProps = {
@@ -137,6 +138,7 @@ Header.defaultProps = {
   },
   homeLink: publicPath,
   theme: null,
+  hideNavMenu: false,
 };
 
 const StyledUxHeader = styled(ResponsiveHeader)`