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/workflow/nodes/_base/components/field.tsx | 25 +++++++++++--------------
1 files changed, 11 insertions(+), 14 deletions(-)
diff --git a/app/components/workflow/nodes/_base/components/field.tsx b/app/components/workflow/nodes/_base/components/field.tsx
index aadcea1..e284e91 100644
--- a/app/components/workflow/nodes/_base/components/field.tsx
+++ b/app/components/workflow/nodes/_base/components/field.tsx
@@ -1,23 +1,23 @@
'use client'
-import type { FC, ReactNode } from 'react'
+import type { FC } from 'react'
import React from 'react'
import {
RiArrowDownSLine,
} from '@remixicon/react'
import { useBoolean } from 'ahooks'
+import type { DefaultTFuncReturn } from 'i18next'
import cn from '@/utils/classnames'
import Tooltip from '@/app/components/base/tooltip'
type Props = {
className?: string
- title: ReactNode
- tooltip?: ReactNode
+ title: JSX.Element | string | DefaultTFuncReturn
+ tooltip?: React.ReactNode
isSubTitle?: boolean
supportFold?: boolean
- children?: React.JSX.Element | string | null
- operations?: React.JSX.Element
+ children?: JSX.Element | string | null
+ operations?: JSX.Element
inline?: boolean
- required?: boolean
}
const Field: FC<Props> = ({
@@ -29,20 +29,17 @@
operations,
inline,
supportFold,
- required,
}) => {
const [fold, {
toggle: toggleFold,
}] = useBoolean(true)
return (
- <div className={cn(className, inline && 'flex w-full items-center justify-between')}>
+ <div className={cn(className, inline && 'flex justify-between items-center w-full')}>
<div
onClick={() => supportFold && toggleFold()}
- className={cn('flex items-center justify-between', supportFold && 'cursor-pointer')}>
- <div className='flex h-6 items-center'>
- <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}>
- {title} {required && <span className='text-text-destructive'>*</span>}
- </div>
+ className={cn('flex justify-between items-center', supportFold && 'cursor-pointer')}>
+ <div className='flex items-center h-6'>
+ <div className={cn(isSubTitle ? 'system-xs-medium-uppercase text-text-tertiary' : 'system-sm-semibold-uppercase text-text-secondary')}>{title}</div>
{tooltip && (
<Tooltip
popupContent={tooltip}
@@ -54,7 +51,7 @@
<div className='flex'>
{operations && <div>{operations}</div>}
{supportFold && (
- <RiArrowDownSLine className='h-4 w-4 cursor-pointer text-text-tertiary transition-transform' style={{ transform: fold ? 'rotate(-90deg)' : 'rotate(0deg)' }} />
+ <RiArrowDownSLine className='w-4 h-4 text-text-tertiary cursor-pointer transform transition-transform' style={{ transform: fold ? 'rotate(-90deg)' : 'rotate(0deg)' }} />
)}
</div>
</div>
--
Gitblit v1.8.0