admin/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Chore: frontend infrastructure upgrade (#16420)

Browse Source 
Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: jZonG <jzongcode@gmail.com>
This commit is contained in:
Joel
2025-03-21 17:41:03 +08:00
committed by GitHub
parent e61415223b
commit 7709d9df20
1435 changed files with 13372 additions and 11612 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/datasets/metadata/metadata-dataset/create-content.tsx
View File

@@ -49,7 +49,7 @@ const CreateContent: FC<Props> = ({
onConfirm={handleSave}
hideCloseBtn={hasBack}
beforeHeader={hasBack && (
<div className='relative left-[-4px] mb-1 flex items-center py-1 space-x-1 text-text-accent cursor-pointer' onClick={onBack}>
<div className='relative left-[-4px] mb-1 flex cursor-pointer items-center space-x-1 py-1 text-text-accent' onClick={onBack}>
<RiArrowLeftLine className='size-4' />
<div className='system-xs-semibold-uppercase'>{t(`${i18nPrefix}.back`)}</div>
</div>

20
web/app/components/datasets/metadata/metadata-dataset/dataset-metadata-drawer.tsx
View File

@@ -67,28 +67,28 @@ const Item: FC<ItemProps> = ({
<div
key={payload.name}
className={cn(
!readonly && !disabled && 'group/item hover:shadow-xs cursor-pointer',
'border border-components-panel-border-subtle rounded-md bg-components-panel-on-panel-item-bg',
!readonly && !disabled && 'group/item cursor-pointer hover:shadow-xs',
'rounded-md border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg',
isDeleteHovering && 'border border-state-destructive-border bg-state-destructive-hover',
)}
>
<div
className={cn(
'flex items-center h-8 px-2 justify-between',
'flex h-8 items-center justify-between px-2',
disabled && 'opacity-30', // not include border and bg
)}
>
<div className='flex items-center h-full text-text-tertiary space-x-1'>
<Icon className='shrink-0 size-4' />
<div className='max-w-[250px] truncate system-sm-medium text-text-primary'>{payload.name}</div>
<div className='shrink-0 system-xs-regular'>{payload.type}</div>
<div className='flex h-full items-center space-x-1 text-text-tertiary'>
<Icon className='size-4 shrink-0' />
<div className='system-sm-medium max-w-[250px] truncate text-text-primary'>{payload.name}</div>
<div className='system-xs-regular shrink-0'>{payload.type}</div>
</div>
{(!readonly || disabled) && (
<div className='group-hover/item:hidden ml-2 shrink-0 system-xs-regular text-text-tertiary'>
<div className='system-xs-regular ml-2 shrink-0 text-text-tertiary group-hover/item:hidden'>
{disabled ? t(`${i18nPrefix}.disabled`) : t(`${i18nPrefix}.values`, { num: payload.count || 0 })}
</div>
)}
<div className='group-hover/item:flex hidden ml-2 items-center text-text-tertiary space-x-1'>
<div className='ml-2 hidden items-center space-x-1 text-text-tertiary group-hover/item:flex'>
<RiEditLine className='size-4 cursor-pointer' onClick={handleRename} />
<div ref={deleteBtnRef} className='hover:text-text-destructive'>
<RiDeleteBinLine className='size-4 cursor-pointer' onClick={showDeleteConfirm} />
@@ -202,7 +202,7 @@ const DatasetMetadataDrawer: FC<Props> = ({
defaultValue={isBuiltInEnabled}
onChange={onIsBuiltInEnabledChange}
/>
<div className='ml-2 mr-0.5 system-sm-semibold text-text-secondary'>{t(`${i18nPrefix}.builtIn`)}</div>
<div className='system-sm-semibold ml-2 mr-0.5 text-text-secondary'>{t(`${i18nPrefix}.builtIn`)}</div>
<Tooltip popupContent={<div className='max-w-[100px]'>{t(`${i18nPrefix}.builtInDescription`)}</div>} />
</div>

2
web/app/components/datasets/metadata/metadata-dataset/field.tsx
View File

@@ -15,7 +15,7 @@ const Field: FC<Props> = ({
}) => {
return (
<div className={className}>
<div className='py-1 system-sm-semibold text-text-secondary'>{label}</div>
<div className='system-sm-semibold py-1 text-text-secondary'>{label}</div>
<div className='mt-1'>{children}</div>
</div>
)

24
web/app/components/datasets/metadata/metadata-dataset/select-metadata.tsx
View File

@@ -32,7 +32,7 @@ const SelectMetadata: FC<Props> = ({
})
}, [query, notFilteredList])
return (
<div className='w-[320px] pt-2 pb-0 rounded-xl bg-components-panel-bg-blur border-[0.5px] border-components-panel-border shadow-lg backdrop-blur-[5px]'>
<div className='w-[320px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-0 pt-2 shadow-lg backdrop-blur-[5px]'>
<SearchInput
className='mx-2'
value={query}
@@ -45,33 +45,33 @@ const SelectMetadata: FC<Props> = ({
return (
<div
key={item.id}
className='mx-1 flex items-center h-6 px-3 justify-between rounded-md hover:bg-state-base-hover cursor-pointer'
className='mx-1 flex h-6 cursor-pointer items-center justify-between rounded-md px-3 hover:bg-state-base-hover'
onClick={() => onSelect({
id: item.id,
name: item.name,
type: item.type,
})}
>
<div className='w-0 grow flex items-center h-full text-text-secondary'>
<Icon className='shrink-0 mr-[5px] size-3.5' />
<div className='w-0 grow truncate system-sm-medium'>{item.name}</div>
<div className='flex h-full w-0 grow items-center text-text-secondary'>
<Icon className='mr-[5px] size-3.5 shrink-0' />
<div className='system-sm-medium w-0 grow truncate'>{item.name}</div>
</div>
<div className='ml-1 shrink-0 system-xs-regular text-text-tertiary'>
<div className='system-xs-regular ml-1 shrink-0 text-text-tertiary'>
{item.type}
</div>
</div>
)
})}
</div>
<div className='mt-1 flex justify-between p-1 border-t border-divider-subtle'>
<div className='flex items-center h-6 px-3 text-text-secondary rounded-md hover:bg-state-base-hover cursor-pointer space-x-1' onClick={onNew}>
<div className='mt-1 flex justify-between border-t border-divider-subtle p-1'>
<div className='flex h-6 cursor-pointer items-center space-x-1 rounded-md px-3 text-text-secondary hover:bg-state-base-hover' onClick={onNew}>
<RiAddLine className='size-3.5' />
<div className='system-sm-medium'>{t(`${i18nPrefix}.newAction`)}</div>
</div>
<div className='flex items-center h-6 text-text-secondary '>
<div className='mr-[3px] w-px h-3 bg-divider-regular'></div>
<div className='flex h-full items-center px-1.5 hover:bg-state-base-hover rounded-md cursor-pointer' onClick={onManage}>
<div className='mr-1 system-sm-medium'>{t(`${i18nPrefix}.manageAction`)}</div>
<div className='flex h-6 items-center text-text-secondary '>
<div className='mr-[3px] h-3 w-px bg-divider-regular'></div>
<div className='flex h-full cursor-pointer items-center rounded-md px-1.5 hover:bg-state-base-hover' onClick={onManage}>
<div className='system-sm-medium mr-1'>{t(`${i18nPrefix}.manageAction`)}</div>
<RiArrowRightUpLine className='size-3.5' />
</div>
</div>