templates/toco-react-template
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 类型修正

Browse Source
This commit is contained in:
jackycheng
2024-12-27 15:15:06 +08:00
parent aa8707cf6f
commit 03a6d711c3
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layout/layouts/HeaderOnly.tsx
View File

@@ -1,7 +1,6 @@
import { Theme } from '@/app/enum'; import { Theme } from '@/app/enum';
import { routerConfig } from '@/router'; import { routerConfig } from '@/router';
import { Layout, Menu, MenuProps } from '@df/toco-ui'; import { Layout, Menu, MenuProps } from '@df/toco-ui';
import { SelectInfo } from 'rc-menu/lib/interface';
import React, { useCallback, useEffect, useMemo, useState } from 'react'; import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Outlet, useMatches, useNavigate } from 'react-router-dom'; import { Outlet, useMatches, useNavigate } from 'react-router-dom';
import { LayoutProps } from '.'; import { LayoutProps } from '.';
@@ -26,7 +25,8 @@ const HeaderOnly: React.FC<LayoutProps> = (props) => {
}, []); }, []);
const onKeyChange = useCallback( const onKeyChange = useCallback(
(info: SelectInfo) => { (...args: Parameters<Required<MenuProps>['onSelect']>) => {
const info = args[0];
const keys = info.keyPath; const keys = info.keyPath;
setSelectedKeys(info.keyPath); setSelectedKeys(info.keyPath);
navigate(keys.reverse().join('/')); navigate(keys.reverse().join('/'));

7
src/layout/layouts/HeaderSider.tsx
View File

@@ -1,7 +1,6 @@
import { Theme } from '@/app/enum'; import { Theme } from '@/app/enum';
import { routerConfig } from '@/router'; import { routerConfig } from '@/router';
import { Layout, Menu, MenuProps } from '@df/toco-ui'; import { Layout, Menu, MenuProps } from '@df/toco-ui';
import { SelectInfo } from 'rc-menu/lib/interface';
import React, { useCallback, useEffect, useMemo, useState } from 'react'; import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Outlet, useMatches, useNavigate } from 'react-router-dom'; import { Outlet, useMatches, useNavigate } from 'react-router-dom';
import { LayoutProps } from '.'; import { LayoutProps } from '.';
@@ -37,7 +36,8 @@ const HeaderSider: React.FC<LayoutProps> = (props) => {
}, []); }, []);
const onHeaderKeyChange = useCallback( const onHeaderKeyChange = useCallback(
(info: SelectInfo) => { (...args: Parameters<Required<MenuProps>['onSelect']>) => {
const info = args[0];
setHeaderKey(info.key); setHeaderKey(info.key);
navigate(info.key); navigate(info.key);
}, },
@@ -50,7 +50,8 @@ const HeaderSider: React.FC<LayoutProps> = (props) => {
}, [headerKey]); }, [headerKey]);
const onSiderKeyChange = useCallback( const onSiderKeyChange = useCallback(
(info: SelectInfo) => { (...args: Parameters<Required<MenuProps>['onSelect']>) => {
const info = args[0];
const keys = info.keyPath; const keys = info.keyPath;
setSiderSelectedKeys(info.keyPath); setSiderSelectedKeys(info.keyPath);
const parts = [headerKey, ...keys]; const parts = [headerKey, ...keys];

4
src/layout/layouts/SiderOnly.tsx
View File

@@ -1,7 +1,6 @@
import { Theme } from '@/app/enum'; import { Theme } from '@/app/enum';
import { routerConfig } from '@/router'; import { routerConfig } from '@/router';
import { Layout, Menu, MenuProps } from '@df/toco-ui'; import { Layout, Menu, MenuProps } from '@df/toco-ui';
import { SelectInfo } from 'rc-menu/lib/interface';
import React, { useCallback, useEffect, useMemo, useState } from 'react'; import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Outlet, useMatches, useNavigate } from 'react-router-dom'; import { Outlet, useMatches, useNavigate } from 'react-router-dom';
import { LayoutProps } from '.'; import { LayoutProps } from '.';
@@ -34,7 +33,8 @@ const SiderOnly: React.FC<LayoutProps> = (props) => {
}, []); }, []);
const onKeyChange = useCallback( const onKeyChange = useCallback(
(info: SelectInfo) => { (...args: Parameters<Required<MenuProps>['onSelect']>) => {
const info = args[0];
const keys = info.keyPath; const keys = info.keyPath;
setSelectedKeys(info.keyPath); setSelectedKeys(info.keyPath);
navigate(keys.reverse().join('/')); navigate(keys.reverse().join('/'));