This repository was archived by the owner on Aug 12, 2025. It is now read-only.

Commit 11be3dc

committed

fix: fix useCollapsed

1 parent e095fee commit 11be3dcCopy full SHA for 11be3dc

File tree

-5

lines changed

packages/ui/xconsole-rc-app-layout
- package.json
- src
  - AppLayoutWithRouter.tsx

-5

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@alicloud/xconsole-rc-app-layout",`
`3`		`- "version": "2.5.3",`
	`3`	`+ "version": "2.5.5",`
`4`	`4`	`"main": "lib/index.js",`
`5`	`5`	`"module": "es/index.js",`
`6`	`6`	`"license": "MIT",`
`@@ -53,7 +53,7 @@`
`53`	`53`	`"styled-components": ">=4.2.1"`
`54`	`54`	`},`
`55`	`55`	`"dependencies": {`
`56`		`- "@alicloud/console-components-app-layout": "^1.1.4",`
	`56`	`+ "@alicloud/console-components-app-layout": "2.0.0-alpha.4",`
`57`	`57`	`"@alicloud/console-components-console-menu": "^1.2.12",`
`58`	`58`	`"lodash-es": "^4.17.21",`
`59`	`59`	`"moment": "^2.24.0",`

Lines changed: 7 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import React, { useCallback, useEffect, useState } from 'react';`
	`1`	`+import React, { useCallback, useEffect, useState,useMemo } from 'react';`
`2`	`2`	`import { isFunction } from 'lodash-es';`
`3`	`3`	`import { withRouter } from 'react-router-dom';`
`4`	`4`
`@@ -10,7 +10,7 @@ import useCollapsed from './hooks/useCollapsed';`
`10`	`10`	`let noticeFlag = false;`
`11`	`11`
`12`	`12`	`const XConsoleAppLayout = (props: IProps) => {`
`13`		`- const { sidebar: rawSidebar, consoleMenu, location, children, menuParams, style } = props;`
	`13`	`+ const { sidebar: rawSidebar, consoleMenu={}, location, children, menuParams, style } = props;`
`14`	`14`	`const { pathname } = location;`
`15`	`15`
`16`	`16`	`let sidebar: ISidebarConfig;`
`@@ -58,9 +58,13 @@ const XConsoleAppLayout = (props: IProps) => {`
`58`	`58`	`return () => window.removeEventListener('message', cb);`
`59`	`59`	`}, []);`
`60`	`60`
	`61`	`+ const collapsedPath = useMemo(() => {`
	`62`	`+ return consoleMenu?.collapsedPath \|\| [];`
	`63`	`+ }, [consoleMenu.collapsedPath]);`
	`64`	`+`
`61`	`65`	`const { collapsed, setCollapsed, onNavCollapseTriggerClick } = useCollapsed(`
`62`	`66`	`pathname,`
`63`		`- consoleMenu?.collapsedPath\|\|[],`
	`67`	`+ collapsedPath,`
`64`	`68`	`);`
`65`	`69`
`66`	`70`	`const hideNav = useCallback(() => {`

Comments

(0)