From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/components/datasets/documents/detail/segment-add/index.tsx | 47 +++++++++++++++++++++++------------------------ 1 files changed, 23 insertions(+), 24 deletions(-) diff --git a/app/components/datasets/documents/detail/segment-add/index.tsx b/app/components/datasets/documents/detail/segment-add/index.tsx index d41118e..7123c99 100644 --- a/app/components/datasets/documents/detail/segment-add/index.tsx +++ b/app/components/datasets/documents/detail/segment-add/index.tsx @@ -45,36 +45,36 @@ return ( <> {(importStatus === ProcessStatus.WAITING || importStatus === ProcessStatus.PROCESSING) && ( - <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-progress-bar-border - bg-components-progress-bar-border px-2.5 py-2 text-components-button-secondary-accent-text + <div className='relative overflow-hidden inline-flex items-center mr-2 px-2.5 py-2 text-components-button-secondary-accent-text + bg-components-progress-bar-border rounded-lg border-[0.5px] border-components-progress-bar-border shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'> - <div className={cn('absolute left-0 top-0 z-0 h-full border-r-[1.5px] border-r-components-progress-bar-progress-highlight bg-components-progress-bar-progress', importStatus === ProcessStatus.WAITING ? 'w-3/12' : 'w-2/3')} /> - <RiLoader2Line className='mr-1 h-4 w-4 animate-spin' /> + <div className={cn('absolute left-0 top-0 h-full bg-components-progress-bar-progress border-r-[1.5px] border-r-components-progress-bar-progress-highlight z-0', importStatus === ProcessStatus.WAITING ? 'w-3/12' : 'w-2/3')} /> + <RiLoader2Line className='animate-spin mr-1 w-4 h-4' /> <span className='system-sm-medium z-10 pr-0.5'>{t('datasetDocuments.list.batchModal.processing')}</span> </div> )} {importStatus === ProcessStatus.COMPLETED && ( - <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'> - <div className='inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-success'> - <CheckCircle className='mr-1 h-4 w-4' /> + <div className='relative inline-flex items-center mr-2 bg-components-panel-bg rounded-lg border-[0.5px] border-components-panel-border shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px] overflow-hidden'> + <div className='inline-flex items-center px-2.5 py-2 text-text-success border-r border-r-divider-subtle'> + <CheckCircle className='mr-1 w-4 h-4' /> <span className='system-sm-medium pr-0.5'>{t('datasetDocuments.list.batchModal.completed')}</span> </div> <div className='m-1 inline-flex items-center'> - <span className='system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span> + <span className='system-xs-medium text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover px-1.5 py-1 rounded-md cursor-pointer' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span> </div> - <div className='absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-success-bg opacity-40' /> + <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-process-success-bg opacity-40 -z-10' /> </div> )} {importStatus === ProcessStatus.ERROR && ( - <div className='relative mr-2 inline-flex items-center overflow-hidden rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'> - <div className='inline-flex items-center border-r border-r-divider-subtle px-2.5 py-2 text-text-destructive'> - <RiErrorWarningFill className='mr-1 h-4 w-4' /> + <div className='relative inline-flex items-center mr-2 bg-components-panel-bg rounded-lg border-[0.5px] border-components-panel-border shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px] overflow-hidden'> + <div className='inline-flex items-center px-2.5 py-2 text-text-destructive border-r border-r-divider-subtle'> + <RiErrorWarningFill className='mr-1 w-4 h-4' /> <span className='system-sm-medium pr-0.5'>{t('datasetDocuments.list.batchModal.error')}</span> </div> <div className='m-1 inline-flex items-center'> - <span className='system-xs-medium cursor-pointer rounded-md px-1.5 py-1 text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span> + <span className='system-xs-medium text-components-button-ghost-text hover:bg-components-button-ghost-bg-hover px-1.5 py-1 rounded-md cursor-pointer' onClick={clearProcessStatus}>{t('datasetDocuments.list.batchModal.ok')}</span> </div> - <div className='absolute left-0 top-0 -z-10 h-full w-full bg-dataset-chunk-process-error-bg opacity-40' /> + <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-process-error-bg opacity-40 -z-10' /> </div> )} </> @@ -83,18 +83,18 @@ return ( <div className={cn( - 'relative z-20 flex items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]', + 'flex items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px] relative z-20', embedding && 'border-components-button-secondary-border-disabled bg-components-button-secondary-bg-disabled', )}> <button type='button' - className={`inline-flex items-center rounded-l-lg border-r-[1px] border-r-divider-subtle px-2.5 py-2 + className={`inline-flex items-center px-2.5 py-2 rounded-l-lg border-r-[1px] border-r-divider-subtle hover:bg-state-base-hover disabled:cursor-not-allowed disabled:hover:bg-transparent`} onClick={showNewSegmentModal} disabled={embedding} > - <RiAddLine className={cn('h-4 w-4', textColor)} /> - <span className={cn('ml-0.5 px-0.5 text-[13px] font-medium capitalize leading-[16px]', textColor)}> + <RiAddLine className={cn('w-4 h-4', textColor)} /> + <span className={cn('text-[13px] leading-[16px] font-medium capitalize px-0.5 ml-0.5', textColor)}> {t('datasetDocuments.list.action.addButton')} </span> </button> @@ -103,11 +103,10 @@ manualClose trigger='click' htmlContent={ - // need to wrapper the button with div when manualClose is true <div className='w-full p-1'> <button type='button' - className='system-md-regular flex w-full items-center rounded-lg px-2 py-1.5 text-text-secondary' + className='w-full py-1.5 px-2 flex items-center hover:bg-state-base-hover rounded-lg text-text-secondary system-md-regular' onClick={showBatchModal} > {t('datasetDocuments.list.action.batchAdd')} @@ -115,18 +114,18 @@ </div> } btnElement={ - <div className='flex items-center justify-center' > - <RiArrowDownSLine className={cn('h-4 w-4', textColor)}/> + <div className='flex justify-center items-center' > + <RiArrowDownSLine className={cn('w-4 h-4', textColor)}/> </div> } btnClassName={open => cn( - `!hover:bg-state-base-hover !rounded-l-none !rounded-r-lg !border-0 !p-2 backdrop-blur-[5px] + `!p-2 !border-0 !rounded-l-none !rounded-r-lg !hover:bg-state-base-hover backdrop-blur-[5px] disabled:cursor-not-allowed disabled:bg-transparent disabled:hover:bg-transparent`, open ? '!bg-state-base-hover' : '', )} popupClassName='!min-w-[128px] !bg-components-panel-bg-blur !rounded-xl border-[0.5px] !ring-0 border-components-panel-border !shadow-xl !shadow-shadow-shadow-5 backdrop-blur-[5px]' - className='h-fit min-w-[128px]' + className='min-w-[128px] h-fit' disabled={embedding} /> </div> -- Gitblit v1.8.0