fix(web): ui

This commit is contained in:
zhaoying
2026-04-08 10:48:53 +08:00
parent f91431a70d
commit c4cf639bbc
2 changed files with 9 additions and 8 deletions

View File

@@ -80,8 +80,8 @@ const AssignmentList: FC<AssignmentListProps> = ({
form.setFieldValue([parentName, name, 'value'], undefined); form.setFieldValue([parentName, name, 'value'], undefined);
}} }}
size={size} size={size}
className="rb:w-39! rb:bg-[#F6F6F6]!" className="rb:flex-1!"
variant="borderless" variant="filled"
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
@@ -121,8 +121,8 @@ const AssignmentList: FC<AssignmentListProps> = ({
placeholder={t('common.pleaseSelect')} placeholder={t('common.pleaseSelect')}
options={dataType ? options.filter(vo => vo.dataType === dataType) : options} options={dataType ? options.filter(vo => vo.dataType === dataType) : options}
size={size} size={size}
variant="borderless" className="rb:flex-1!"
className="select" variant="filled"
/> />
: dataType === 'number' : dataType === 'number'
? <InputNumber ? <InputNumber
@@ -152,8 +152,8 @@ const AssignmentList: FC<AssignmentListProps> = ({
placeholder={t('common.pleaseSelect')} placeholder={t('common.pleaseSelect')}
options={dataType ? options.filter(vo => vo.dataType === dataType) : options} options={dataType ? options.filter(vo => vo.dataType === dataType) : options}
size={size} size={size}
variant="borderless" className="rb:flex-1!"
className="select" variant="filled"
/> />
} }
</Form.Item> </Form.Item>

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing * @Author: ZhaoYing
* @Date: 2026-02-03 15:40:13 * @Date: 2026-02-03 15:40:13
* @Last Modified by: ZhaoYing * @Last Modified by: ZhaoYing
* @Last Modified time: 2026-04-07 19:40:27 * @Last Modified time: 2026-04-08 10:48:21
*/ */
import { useState, useRef, useEffect, useLayoutEffect, type FC } from 'react' import { useState, useRef, useEffect, useLayoutEffect, type FC } from 'react'
import { createPortal } from 'react-dom' import { createPortal } from 'react-dom'
@@ -191,10 +191,11 @@ const VariableSelect: FC<VariableSelectProps> = ({
<div <div
className={clsx( className={clsx(
'rb:w-full rb:flex rb:items-center rb:justify-between rb:cursor-pointer rb:rounded-md rb:px-2 rb:transition-colors', 'rb:w-full rb:flex rb:items-center rb:justify-between rb:cursor-pointer rb:rounded-md rb:px-2 rb:transition-colors',
variant === 'filled' && 'rb:bg-[#F6F6F6] rb:border-none rb:shadow-none',
variant === 'outlined' && 'rb:border rb:border-[#d9d9d9] hover:rb:border-[#4096ff] rb:bg-white', variant === 'outlined' && 'rb:border rb:border-[#d9d9d9] hover:rb:border-[#4096ff] rb:bg-white',
variant === 'outlined' && open && 'rb:border-[#4096ff] rb:shadow-[0_0_0_2px_rgba(5,145,255,0.1)]', variant === 'outlined' && open && 'rb:border-[#4096ff] rb:shadow-[0_0_0_2px_rgba(5,145,255,0.1)]',
variant === 'borderless' && 'rb:border-none rb:shadow-none rb:bg-transparent', variant === 'borderless' && 'rb:border-none rb:shadow-none rb:bg-transparent',
multiple && size === 'small' ? 'rb:min-h-6 rb:py-0.75' : multiple ? 'rb:min-h-8 rb:py-1' : size === 'small' ? 'rb:h-6 rb:text-[10px]' : size === 'large' ? 'rb:h-10' : 'rb:h-8 rb:text-[12px]', multiple && size === 'small' ? 'rb:min-h-7 rb:py-0.75' : multiple ? 'rb:min-h-8 rb:py-1' : size === 'small' ? 'rb:h-7 rb:text-[10px]' : size === 'large' ? 'rb:h-10' : 'rb:h-8 rb:text-[12px]',
!multiple && (size === 'small' ? 'rb:text-[12px]' : 'rb:text-[12px]'), !multiple && (size === 'small' ? 'rb:text-[12px]' : 'rb:text-[12px]'),
className className
)} )}