Optimize code

This commit is contained in:
2024-01-08 13:43:47 +08:00
parent d526d913b9
commit 88c66bd7a7
12 changed files with 68 additions and 70 deletions

View File

@@ -529,9 +529,9 @@ const Group: React.FC = () => {
}
suffix={
<>
{!isRegexLegal ? (
{!isRegexLegal && (
<span style={{ color: COLOR_ERROR_SECONDARY }}></span>
) : undefined}
)}
<AntdCheckbox checked={isUseRegex} onChange={handleOnUseRegexChange}>
<AntdTooltip title={'正则表达式'}>.*</AntdTooltip>
</AntdCheckbox>

View File

@@ -538,9 +538,9 @@ const Role: React.FC = () => {
}
suffix={
<>
{!isRegexLegal ? (
{!isRegexLegal && (
<span style={{ color: COLOR_ERROR_SECONDARY }}></span>
) : undefined}
)}
<AntdCheckbox checked={isUseRegex} onChange={handleOnUseRegexChange}>
<AntdTooltip title={'正则表达式'}>.*</AntdTooltip>
</AntdCheckbox>

View File

@@ -123,7 +123,7 @@ const SensitiveWord: React.FC = () => {
justifyContent: 'flex-end'
}}
>
{selectedKeys?.length === 1 ? (
{selectedKeys?.length === 1 && (
<AntdTooltip title={'删除选中项'}>
<Icon
style={{ fontSize: '1.2em' }}
@@ -131,7 +131,7 @@ const SensitiveWord: React.FC = () => {
onClick={handleOnDelete}
/>
</AntdTooltip>
) : undefined}
)}
</span>,
'拦截'

View File

@@ -27,7 +27,7 @@ export const SettingsCard: React.FC<SettingsCardProps> = (props) => {
<FlexBox direction={'horizontal'} className={'head'}>
<Icon component={props.icon} className={'icon'} />
<div className={'title'}>{props.title}</div>
{!props.loading ? (
{!props.loading && (
<Permission operationCode={props.modifyOperationCode}>
{props.expand}
<AntdButton onClick={props.onReset} title={'重置'}>
@@ -37,7 +37,7 @@ export const SettingsCard: React.FC<SettingsCardProps> = (props) => {
<Icon component={IconOxygenSave} />
</AntdButton>
</Permission>
) : undefined}
)}
</FlexBox>
<LoadingMask
maskContent={<AntdSkeleton active paragraph={{ rows: 6 }} />}

View File

@@ -169,22 +169,20 @@ const User: React.FC = () => {
<AntdTag color={'green'}></AntdTag>
) : (
<>
{record.verify ? (
{record.verify && (
<>
<AntdPopover content={record.verify} trigger={'click'}>
<AntdTag style={{ cursor: 'pointer' }}></AntdTag>
</AntdPopover>
</>
) : undefined}
{record.locking ? <AntdTag></AntdTag> : undefined}
{record.expiration && isPastTime(record.expiration) ? (
)}
{record.locking && <AntdTag></AntdTag>}
{record.expiration && isPastTime(record.expiration) && (
<AntdTag></AntdTag>
) : undefined}
)}
{record.credentialsExpiration &&
isPastTime(record.credentialsExpiration) ? (
<AntdTag></AntdTag>
) : undefined}
{!record.enable ? <AntdTag></AntdTag> : undefined}
isPastTime(record.credentialsExpiration) && <AntdTag></AntdTag>}
{!record.enable && <AntdTag></AntdTag>}
</>
)}
</AntdTooltip>
@@ -215,14 +213,14 @@ const User: React.FC = () => {
</a>
</Permission>
<Permission operationCode={'system:user:delete:one'}>
{record.id !== '0' ? (
{record.id !== '0' && (
<a
style={{ color: COLOR_PRODUCTION }}
onClick={handleOnDeleteBtnClick(record)}
>
</a>
) : undefined}
)}
</Permission>
</AntdSpace>
</>
@@ -378,7 +376,7 @@ const User: React.FC = () => {
>
<AntdInput.Password />
</AntdForm.Item>
{value.id !== '0' ? (
{value.id !== '0' && (
<AntdForm.Item
name={'needChangePassword'}
label={'需改密'}
@@ -387,7 +385,7 @@ const User: React.FC = () => {
>
<AntdSwitch />
</AntdForm.Item>
) : undefined}
)}
</AntdForm>
),
onOk: () =>
@@ -803,7 +801,7 @@ const User: React.FC = () => {
>
<AntdInput allowClear />
</AntdForm.Item>
{!isDrawerEdit ? (
{!isDrawerEdit && (
<>
<AntdForm.Item
name={'password'}
@@ -813,7 +811,7 @@ const User: React.FC = () => {
<AntdInput.Password allowClear />
</AntdForm.Item>
</>
) : undefined}
)}
<AntdForm.Item name={'nickname'} label={'昵称'} rules={[{ whitespace: false }]}>
<AntdInput allowClear />
</AntdForm.Item>
@@ -824,7 +822,7 @@ const User: React.FC = () => {
>
<AntdInput type={'email'} allowClear />
</AntdForm.Item>
{formValues?.id !== '0' ? (
{formValues?.id !== '0' && (
<>
<AntdForm.Item name={'roleIds'} label={'角色'}>
<AntdSelect
@@ -900,7 +898,7 @@ const User: React.FC = () => {
<AntdSwitch />
</AntdForm.Item>
</>
) : undefined}
)}
</AntdForm>
)
@@ -943,9 +941,9 @@ const User: React.FC = () => {
}
suffix={
<>
{!isRegexLegal ? (
{!isRegexLegal && (
<span style={{ color: COLOR_ERROR_SECONDARY }}></span>
) : undefined}
)}
<AntdCheckbox checked={isUseRegex} onChange={handleOnUseRegexChange}>
<AntdTooltip title={'正则表达式'}>.*</AntdTooltip>
</AntdCheckbox>