初始化

wwf

3 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2

 app/components/base/radio-card/index.tsx

@@ -2,7 +2,6 @@
import type { FC } from 'react'
import React from 'react'
import cn from '@/utils/classnames'
import { noop } from 'lodash-es'

type Props = {
  className?: string
@@ -24,7 +23,7 @@
  description,
  noRadio,
  isChosen,
  onChosen = noop,
  onChosen = () => { },
  chosenConfig,
  chosenConfigWrapClassName,
  className,
@@ -32,30 +31,30 @@
  return (
    <div
      className={cn(
        'relative cursor-pointer rounded-xl border-[0.5px] border-components-option-card-option-border bg-components-option-card-option-bg p-3',
        'relative p-3 border-[0.5px] border-components-option-card-option-border bg-components-option-card-option-bg rounded-xl cursor-pointer',
        isChosen && 'border-[1.5px] bg-components-option-card-option-selected-bg',
        className,
      )}
    >
      <div className='flex gap-x-2' onClick={onChosen}>
        <div className={cn(iconBgClassName, 'flex size-8 shrink-0 items-center justify-center rounded-lg shadow-md')}>
        <div className={cn(iconBgClassName, 'shrink-0 flex size-8 justify-center items-center rounded-lg shadow-md')}>
          {icon}
        </div>
        <div className='grow'>
          <div className='system-sm-semibold mb-1 text-text-secondary'>{title}</div>
          <div className='system-sm-semibold text-text-secondary mb-1'>{title}</div>
          <div className='system-xs-regular text-text-tertiary'>{description}</div>
        </div>
        {!noRadio && (
          <div className='absolute right-3 top-3'>
          <div className='absolute top-3 right-3'>
            <div className={cn(
              'h-4 w-4 rounded-full border border-components-radio-border bg-components-radio-bg shadow-xs',
              'w-4 h-4 border border-components-radio-border bg-components-radio-bg shadow-xs rounded-full',
              isChosen && 'border-[5px] border-components-radio-border-checked',
            )}></div>
          </div>
        )}
      </div>
      {((isChosen && chosenConfig) || noRadio) && (
        <div className='mt-2 flex gap-x-2'>
        <div className='flex gap-x-2 mt-2'>
          <div className='size-8 shrink-0'></div>
          <div className={cn(chosenConfigWrapClassName, 'grow')}>
            {chosenConfig}