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/develop/secret-key/input-copy.tsx | 29 +++++++++++++++++++++--------
1 files changed, 21 insertions(+), 8 deletions(-)
diff --git a/app/components/develop/secret-key/input-copy.tsx b/app/components/develop/secret-key/input-copy.tsx
index 982c63f..d310779 100644
--- a/app/components/develop/secret-key/input-copy.tsx
+++ b/app/components/develop/secret-key/input-copy.tsx
@@ -2,18 +2,20 @@
import React, { useEffect, useState } from 'react'
import copy from 'copy-to-clipboard'
import { t } from 'i18next'
+import s from './style.module.css'
import Tooltip from '@/app/components/base/tooltip'
-import CopyFeedback from '@/app/components/base/copy-feedback'
type IInputCopyProps = {
value?: string
className?: string
+ readOnly?: boolean
children?: React.ReactNode
}
const InputCopy = ({
value = '',
className,
+ readOnly = true,
children,
}: IInputCopyProps) => {
const [isCopied, setIsCopied] = useState(false)
@@ -31,11 +33,11 @@
}, [isCopied])
return (
- <div className={`flex items-center rounded-lg bg-components-input-bg-normal py-2 hover:bg-state-base-hover ${className}`}>
- <div className="flex h-5 grow items-center">
+ <div className={`flex rounded-lg bg-gray-50 hover:bg-gray-50 py-2 items-center ${className}`}>
+ <div className="flex items-center flex-grow h-5">
{children}
- <div className='relative h-full grow text-[13px]'>
- <div className='r-0 absolute left-0 top-0 w-full cursor-pointer truncate pl-2 pr-2' onClick={() => {
+ <div className='flex-grow bg-gray-50 text-[13px] relative h-full'>
+ <div className='absolute top-0 left-0 w-full pl-2 pr-2 truncate cursor-pointer r-0' onClick={() => {
copy(value)
setIsCopied(true)
}}>
@@ -43,12 +45,23 @@
popupContent={isCopied ? `${t('appApi.copied')}` : `${t('appApi.copy')}`}
position='bottom'
>
- <span className='text-text-secondary'>{value}</span>
+ {value}
</Tooltip>
</div>
</div>
- <div className="h-4 w-px shrink-0 bg-divider-regular" />
- <div className='mx-1'><CopyFeedback content={value} /></div>
+ <div className="flex-shrink-0 h-4 bg-gray-200 border" />
+ <Tooltip
+ popupContent={isCopied ? `${t('appApi.copied')}` : `${t('appApi.copy')}`}
+ position='bottom'
+ >
+ <div className="px-0.5 flex-shrink-0">
+ <div className={`box-border w-[30px] h-[30px] flex items-center justify-center rounded-lg hover:bg-gray-100 cursor-pointer ${s.copyIcon} ${isCopied ? s.copied : ''}`} onClick={() => {
+ copy(value)
+ setIsCopied(true)
+ }}>
+ </div>
+ </div>
+ </Tooltip>
</div>
</div>
)
--
Gitblit v1.8.0