Oak-Team
/
oak-frontend-base
13
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 37 Wiki Activity

ListPro在没有设置onReload的情况下不显示刷新按钮

This commit is contained in:
Xu Chang 2024-03-01 21:24:44 +08:00
parent b2baae45ba
commit f8ae27f11b
5 changed files with 25 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
es/components/list/toolBar/index.d.ts vendored
View File

@ -9,7 +9,7 @@ type ToolBarProps = {
title?: React.ReactNode; title?: React.ReactNode;
buttonGroup?: buttonProps[]; buttonGroup?: buttonProps[];
extraContent?: React.ReactNode; extraContent?: React.ReactNode;
reload: () => void; reload?: () => void;
}; };
declare function ToolBar(props: ToolBarProps): React.JSX.Element; declare function ToolBar(props: ToolBarProps): React.JSX.Element;
export default ToolBar; export default ToolBar;

3
es/components/list/toolBar/index.js
View File

@ -14,13 +14,14 @@ function ToolBar(props) {
<Space align='center'> <Space align='center'>
{extraContent} {extraContent}
{buttonGroup && buttonGroup.length > 0 && (<ButtonGroup items={buttonGroup}/>)} {buttonGroup && buttonGroup.length > 0 && (<ButtonGroup items={buttonGroup}/>)}
{reload &&
<Tooltip title={features.locales.t('reload')}> <Tooltip title={features.locales.t('reload')}>
<div className={Style.reloadIconBox} onClick={() => { <div className={Style.reloadIconBox} onClick={() => {
reload(); reload();
}}> }}>
<ReloadOutlined /> <ReloadOutlined />
</div> </div>
</Tooltip> </Tooltip>}
<ColumnSetting /> <ColumnSetting />
</Space> </Space>
</div> </div>

4
es/components/listPro/index.js
View File

@ -68,9 +68,7 @@ const ProList = (props) => {
}, },
}}> }}>
<div className={Style.container}> <div className={Style.container}>
{!isMobile && !hideDefaultButtons && (<ToolBar title={title} extraContent={extraContent} buttonGroup={buttonGroup} reload={() => { {!isMobile && !hideDefaultButtons && (<ToolBar title={title} extraContent={extraContent} buttonGroup={buttonGroup} reload={onReload}/>)}
onReload && onReload();
}}/>)}
{isMobile && <ButtonGroup items={buttonGroup}/>} {isMobile && <ButtonGroup items={buttonGroup}/>}
<List entity={entity} extraActions={extraActions} onAction={onAction} disabledOp={disabledOp} attributes={attributes} data={!disableSerialNumber <List entity={entity} extraActions={extraActions} onAction={onAction} disabledOp={disabledOp} attributes={attributes} data={!disableSerialNumber
? data?.map((ele, index) => { ? data?.map((ele, index) => {

7
src/components/list/toolBar/index.tsx
View File

@ -19,7 +19,7 @@ type ToolBarProps = {
title?: React.ReactNode; title?: React.ReactNode;
buttonGroup?: buttonProps[]; buttonGroup?: buttonProps[];
extraContent?: React.ReactNode; extraContent?: React.ReactNode;
reload: () => void; reload?: () => void;
} }
function ToolBar(props: ToolBarProps) { function ToolBar(props: ToolBarProps) {
@ -35,16 +35,17 @@ function ToolBar(props: ToolBarProps) {
{buttonGroup && buttonGroup.length > 0 && ( {buttonGroup && buttonGroup.length > 0 && (
<ButtonGroup items={buttonGroup} /> <ButtonGroup items={buttonGroup} />
)} )}
{reload &&
<Tooltip title={features.locales.t('reload')}> <Tooltip title={features.locales.t('reload')}>
<div <div
className={Style.reloadIconBox} className={Style.reloadIconBox}
onClick={() => { onClick={() => {
reload(); reload!();
}} }}
> >
<ReloadOutlined /> <ReloadOutlined />
</div> </div>
</Tooltip> </Tooltip>}
<ColumnSetting /> <ColumnSetting />
</Space> </Space>
</div> </div>

4
src/components/listPro/index.tsx
View File

@ -162,9 +162,7 @@ const ProList = <ED2 extends ED, T extends keyof ED2>(props: Props<ED2, T>) => {
title={title} title={title}
extraContent={extraContent} extraContent={extraContent}
buttonGroup={buttonGroup} buttonGroup={buttonGroup}
reload={() => { reload={onReload}
onReload && onReload();
}}
/> />
)} )}
{isMobile && <ButtonGroup items={buttonGroup} />} {isMobile && <ButtonGroup items={buttonGroup} />}