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/settings/permission-selector/index.tsx | 111 +++++++++++++++++++++++++------------------------------
1 files changed, 51 insertions(+), 60 deletions(-)
diff --git a/app/components/datasets/settings/permission-selector/index.tsx b/app/components/datasets/settings/permission-selector/index.tsx
index 9bb6f81..62ec947 100644
--- a/app/components/datasets/settings/permission-selector/index.tsx
+++ b/app/components/datasets/settings/permission-selector/index.tsx
@@ -76,82 +76,73 @@
onClick={() => !disabled && setOpen(v => !v)}
className='block'
>
- <div className={cn('flex cursor-pointer items-center rounded-lg bg-components-input-bg-normal px-3 py-[6px] hover:bg-state-base-hover-alt',
- open && 'bg-state-base-hover-alt',
- disabled && '!cursor-not-allowed !bg-components-input-bg-disabled hover:!bg-components-input-bg-disabled',
- )}>
- {
- isOnlyMe && (
- <>
- <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='mr-2 shrink-0' size={24} />
- <div className='mr-2 grow text-sm leading-5 text-components-input-text-filled'>{t('datasetSettings.form.permissionsOnlyMe')}</div>
- </>
- )
- }
- {
- isAllTeamMembers && (
- <>
- <div className='mr-2 flex h-6 w-6 items-center justify-center rounded-lg bg-[#EEF4FF]'>
- <Users01 className='h-3.5 w-3.5 text-[#444CE7]' />
- </div>
- <div className='mr-2 grow text-sm leading-5 text-components-input-text-filled'>{t('datasetSettings.form.permissionsAllMember')}</div>
- </>
- )
- }
- {
- isPartialMembers && (
- <>
- <div className='mr-2 flex h-6 w-6 items-center justify-center rounded-lg bg-[#EEF4FF]'>
- <Users01 className='h-3.5 w-3.5 text-[#444CE7]' />
- </div>
- <div title={selectedMembers} className='mr-2 grow truncate text-sm leading-5 text-components-input-text-filled'>{selectedMembers}</div>
- </>
- )
- }
- <RiArrowDownSLine className={cn('h-4 w-4 shrink-0 text-text-secondary', disabled && '!text-components-input-text-placeholder')} />
- </div>
+ {isOnlyMe && (
+ <div className={cn('flex items-center px-3 py-[6px] rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200', open && 'bg-gray-200', disabled && 'hover:!bg-gray-100 !cursor-default')}>
+ <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='shrink-0 mr-2' size={24} />
+ <div className='grow mr-2 text-gray-900 text-sm leading-5'>{t('datasetSettings.form.permissionsOnlyMe')}</div>
+ {!disabled && <RiArrowDownSLine className='shrink-0 w-4 h-4 text-gray-700' />}
+ </div>
+ )}
+ {isAllTeamMembers && (
+ <div className={cn('flex items-center px-3 py-[6px] rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200', open && 'bg-gray-200')}>
+ <div className='mr-2 flex items-center justify-center w-6 h-6 rounded-lg bg-[#EEF4FF]'>
+ <Users01 className='w-3.5 h-3.5 text-[#444CE7]' />
+ </div>
+ <div className='grow mr-2 text-gray-900 text-sm leading-5'>{t('datasetSettings.form.permissionsAllMember')}</div>
+ {!disabled && <RiArrowDownSLine className='shrink-0 w-4 h-4 text-gray-700' />}
+ </div>
+ )}
+ {isPartialMembers && (
+ <div className={cn('flex items-center px-3 py-[6px] rounded-lg bg-gray-100 cursor-pointer hover:bg-gray-200', open && 'bg-gray-200')}>
+ <div className='mr-2 flex items-center justify-center w-6 h-6 rounded-lg bg-[#EEF4FF]'>
+ <Users01 className='w-3.5 h-3.5 text-[#444CE7]' />
+ </div>
+ <div title={selectedMembers} className='grow mr-2 text-gray-900 text-sm leading-5 truncate'>{selectedMembers}</div>
+ {!disabled && <RiArrowDownSLine className='shrink-0 w-4 h-4 text-gray-700' />}
+ </div>
+ )}
</PortalToFollowElemTrigger>
<PortalToFollowElemContent className='z-[1002]'>
- <div className='relative w-[480px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg backdrop-blur-sm'>
+ <div className='relative w-[480px] rounded-lg border-[0.5px] bg-white shadow-lg'>
<div className='p-1'>
- <div className='cursor-pointer rounded-lg py-1 pl-3 pr-2 hover:bg-state-base-hover' onClick={() => {
+ <div className='pl-3 pr-2 py-1 rounded-lg hover:bg-gray-50 cursor-pointer' onClick={() => {
onChange(DatasetPermission.onlyMe)
setOpen(false)
}}>
<div className='flex items-center gap-2'>
- <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='mr-2 shrink-0' size={24} />
- <div className='mr-2 grow text-sm leading-5 text-text-primary'>{t('datasetSettings.form.permissionsOnlyMe')}</div>
- {isOnlyMe && <Check className='h-4 w-4 text-primary-600' />}
+ <Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='shrink-0 mr-2' size={24} />
+ <div className='grow mr-2 text-gray-900 text-sm leading-5'>{t('datasetSettings.form.permissionsOnlyMe')}</div>
+ {isOnlyMe && <Check className='w-4 h-4 text-primary-600' />}
</div>
</div>
- <div className='cursor-pointer rounded-lg py-1 pl-3 pr-2 hover:bg-state-base-hover' onClick={() => {
+ <div className='pl-3 pr-2 py-1 rounded-lg hover:bg-gray-50 cursor-pointer' onClick={() => {
onChange(DatasetPermission.allTeamMembers)
setOpen(false)
}}>
<div className='flex items-center gap-2'>
- <div className='mr-2 flex h-6 w-6 items-center justify-center rounded-lg bg-[#EEF4FF]'>
- <Users01 className='h-3.5 w-3.5 text-[#444CE7]' />
+ <div className='mr-2 flex items-center justify-center w-6 h-6 rounded-lg bg-[#EEF4FF]'>
+ <Users01 className='w-3.5 h-3.5 text-[#444CE7]' />
</div>
- <div className='mr-2 grow text-sm leading-5 text-text-primary'>{t('datasetSettings.form.permissionsAllMember')}</div>
- {isAllTeamMembers && <Check className='h-4 w-4 text-primary-600' />}
+ <div className='grow mr-2 text-gray-900 text-sm leading-5'>{t('datasetSettings.form.permissionsAllMember')}</div>
+ {isAllTeamMembers && <Check className='w-4 h-4 text-primary-600' />}
</div>
</div>
- <div className='cursor-pointer rounded-lg py-1 pl-3 pr-2 hover:bg-state-base-hover' onClick={() => {
+ <div className='pl-3 pr-2 py-1 rounded-lg hover:bg-gray-50 cursor-pointer' onClick={() => {
onChange(DatasetPermission.partialMembers)
onMemberSelect([userProfile.id])
}}>
<div className='flex items-center gap-2'>
- <div className={cn('mr-2 flex h-6 w-6 items-center justify-center rounded-lg bg-[#FFF6ED]', isPartialMembers && '!bg-[#EEF4FF]')}>
- <UsersPlus className={cn('h-3.5 w-3.5 text-[#FB6514]', isPartialMembers && '!text-[#444CE7]')} />
+ <div className={cn('mr-2 flex items-center justify-center w-6 h-6 rounded-lg bg-[#FFF6ED]', isPartialMembers && '!bg-[#EEF4FF]')}>
+ <UsersPlus className={cn('w-3.5 h-3.5 text-[#FB6514]', isPartialMembers && '!text-[#444CE7]')} />
</div>
- <div className='mr-2 grow text-sm leading-5 text-text-primary'>{t('datasetSettings.form.permissionsInvitedMembers')}</div>
- {isPartialMembers && <Check className='h-4 w-4 text-primary-600' />}
+ <div className='grow mr-2 text-gray-900 text-sm leading-5'>{t('datasetSettings.form.permissionsInvitedMembers')}</div>
+ {isPartialMembers && <Check className='w-4 h-4 text-primary-600' />}
</div>
</div>
</div>
{isPartialMembers && (
- <div className='max-h-[360px] overflow-y-auto border-t-[1px] border-divider-regular pb-1 pl-1 pr-1'>
- <div className='sticky left-0 top-0 z-10 bg-white p-2 pb-1'>
+ <div className='max-h-[360px] border-t-[1px] border-gray-100 p-1 overflow-y-auto'>
+ <div className='sticky left-0 top-0 p-2 pb-1 bg-white'>
<Input
showLeftIcon
showClearIcon
@@ -161,26 +152,26 @@
/>
</div>
{showMe && (
- <div className='flex items-center gap-2 rounded-lg py-1 pl-3 pr-[10px]'>
+ <div className='pl-3 pr-[10px] py-1 flex gap-2 items-center rounded-lg'>
<Avatar avatar={userProfile.avatar_url} name={userProfile.name} className='shrink-0' size={24} />
<div className='grow'>
- <div className='truncate text-[13px] font-medium leading-[18px] text-text-secondary'>
+ <div className='text-[13px] text-gray-700 font-medium leading-[18px] truncate'>
{userProfile.name}
- <span className='text-xs font-normal text-text-tertiary'>{t('datasetSettings.form.me')}</span>
+ <span className='text-xs text-gray-500 font-normal'>{t('datasetSettings.form.me')}</span>
</div>
- <div className='truncate text-xs leading-[18px] text-text-tertiary'>{userProfile.email}</div>
+ <div className='text-xs text-gray-500 leading-[18px] truncate'>{userProfile.email}</div>
</div>
- <Check className='h-4 w-4 shrink-0 text-text-accent opacity-30' />
+ <Check className='shrink-0 w-4 h-4 text-primary-600 opacity-30' />
</div>
)}
{filteredMemberList.map(member => (
- <div key={member.id} className='flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-3 pr-[10px] hover:bg-state-base-hover' onClick={() => selectMember(member)}>
+ <div key={member.id} className='pl-3 pr-[10px] py-1 flex gap-2 items-center rounded-lg hover:bg-gray-100 cursor-pointer' onClick={() => selectMember(member)}>
<Avatar avatar={userProfile.avatar_url} name={member.name} className='shrink-0' size={24} />
<div className='grow'>
- <div className='truncate text-[13px] font-medium leading-[18px] text-text-secondary'>{member.name}</div>
- <div className='truncate text-xs leading-[18px] text-text-tertiary'>{member.email}</div>
+ <div className='text-[13px] text-gray-700 font-medium leading-[18px] truncate'>{member.name}</div>
+ <div className='text-xs text-gray-500 leading-[18px] truncate'>{member.email}</div>
</div>
- {value.includes(member.id) && <Check className='h-4 w-4 shrink-0 text-text-accent' />}
+ {value.includes(member.id) && <Check className='shrink-0 w-4 h-4 text-primary-600' />}
</div>
))}
</div>
--
Gitblit v1.8.0