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;
buttonGroup?: buttonProps[];
extraContent?: React.ReactNode;
reload: () => void;
reload?: () => void;
};
declare function ToolBar(props: ToolBarProps): React.JSX.Element;
export default ToolBar;

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

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

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

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

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

@ -1,7 +1,7 @@
import React from 'react';
import { Space, Tooltip, ButtonProps } from 'antd';
import {
ReloadOutlined
ReloadOutlined
} from '@ant-design/icons';
import ButtonGroup from '../buttonGroup';
import ColumnSetting from '../columnSetting';
@ -13,13 +13,13 @@ type buttonProps = {
label: string;
type?: ButtonProps['type'];
onClick: () => void;
}
}
type ToolBarProps = {
title?: React.ReactNode;
buttonGroup?: buttonProps[];
extraContent?: React.ReactNode;
reload: () => void;
reload?: () => void;
}
function ToolBar(props: ToolBarProps) {
@ -35,16 +35,17 @@ function ToolBar(props: ToolBarProps) {
{buttonGroup && buttonGroup.length > 0 && (
<ButtonGroup items={buttonGroup} />
)}
<Tooltip title={features.locales.t('reload')}>
<div
className={Style.reloadIconBox}
onClick={() => {
reload();
}}
>
<ReloadOutlined />
</div>
</Tooltip>
{reload &&
<Tooltip title={features.locales.t('reload')}>
<div
className={Style.reloadIconBox}
onClick={() => {
reload!();
}}
>
<ReloadOutlined />
</div>
</Tooltip>}
<ColumnSetting />
</Space>
</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}
extraContent={extraContent}
buttonGroup={buttonGroup}
reload={() => {
onReload && onReload();
}}
reload={onReload}
/>
)}
{isMobile && <ButtonGroup items={buttonGroup} />}