wwf
2 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2
app/components/workflow/nodes/if-else/components/condition-number-input.tsx
@@ -62,7 +62,7 @@
  }, [onValueChange])
  return (
    <div className='flex cursor-pointer items-center'>
    <div className='flex items-center cursor-pointer'>
      <PortalToFollowElem
        open={numberVarTypeVisible}
        onOpenChange={setNumberVarTypeVisible}
@@ -76,17 +76,17 @@
            size='small'
          >
            {capitalize(numberVarType)}
            <RiArrowDownSLine className='ml-[1px] h-3.5 w-3.5' />
            <RiArrowDownSLine className='ml-[1px] w-3.5 h-3.5' />
          </Button>
        </PortalToFollowElemTrigger>
        <PortalToFollowElemContent className='z-[1000]'>
          <div className='w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'>
          <div className='p-1 w-[112px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg'>
            {
              options.map(option => (
                <div
                  key={option}
                  className={cn(
                    'flex h-7 cursor-pointer items-center rounded-md px-3 hover:bg-state-base-hover',
                    'flex items-center px-3 h-7 rounded-md hover:bg-state-base-hover cursor-pointer',
                    'text-[13px] font-medium text-text-secondary',
                    numberVarType === option && 'bg-state-base-hover',
                  )}
@@ -102,8 +102,8 @@
          </div>
        </PortalToFollowElemContent>
      </PortalToFollowElem>
      <div className='mx-1 h-4 w-[1px] bg-divider-regular'></div>
      <div className='ml-0.5 w-0 grow'>
      <div className='mx-1 w-[1px] h-4 bg-divider-regular'></div>
      <div className='grow w-0 ml-0.5'>
        {
          numberVarType === NumberVarType.variable && (
            <PortalToFollowElem
@@ -126,15 +126,15 @@
                }
                {
                  !value && (
                    <div className='flex h-6 items-center p-1 text-[13px] text-components-input-text-placeholder'>
                      <Variable02 className='mr-1 h-4 w-4 shrink-0' />
                    <div className='flex items-center p-1 h-6 text-components-input-text-placeholder text-[13px]'>
                      <Variable02 className='shrink-0 mr-1 w-4 h-4' />
                      <div className='w-0 grow truncate'>{t('workflow.nodes.ifElse.selectVariable')}</div>
                    </div>
                  )
                }
              </PortalToFollowElemTrigger>
              <PortalToFollowElemContent className='z-[1000]'>
                <div className={cn('w-[296px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pt-1 shadow-lg', isShort && 'w-[200px]')}>
                <div className={cn('w-[296px] pt-1 bg-components-panel-bg-blur rounded-lg border-[0.5px] border-components-panel-border shadow-lg', isShort && 'w-[200px]')}>
                  <VarReferenceVars
                    vars={variables}
                    onChange={handleSelectVariable}
@@ -148,7 +148,7 @@
          numberVarType === NumberVarType.constant && (
            <div className=' relative'>
              <input
                className={cn('block w-full appearance-none bg-transparent px-2 text-[13px] text-components-input-text-filled outline-none placeholder:text-components-input-text-placeholder', unit && 'pr-6')}
                className={cn('block w-full px-2 text-[13px] text-components-input-text-filled placeholder:text-components-input-text-placeholder outline-none appearance-none bg-transparent', unit && 'pr-6')}
                type='number'
                value={value}
                onChange={e => onValueChange(e.target.value)}
@@ -156,7 +156,7 @@
                onFocus={setFocus}
                onBlur={setBlur}
              />
              {!isFocus && unit && <div className='system-sm-regular absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary'>{unit}</div>}
              {!isFocus && unit && <div className='absolute right-2 top-[50%] translate-y-[-50%] text-text-tertiary system-sm-regular'>{unit}</div>}
            </div>
          )
        }