opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: switch ref change

This commit is contained in:
Joel 2025-02-18 15:57:30 +08:00
parent 4dbc4b66f6
commit 13d3430948
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/base/switch/index.tsx
View File

@ -12,17 +12,9 @@ type SwitchProps = {
}
const Switch = (
{
ref: propRef,
onChange,
size = 'md',
defaultValue = false,
disabled = false,
className,
}: SwitchProps & {
{ ref: propRef, onChange, size = 'md', defaultValue = false, disabled = false, className }: SwitchProps & {
ref?: React.RefObject<HTMLButtonElement>;
},
) => {
}) => {
const [enabled, setEnabled] = useState(defaultValue)
useEffect(() => {
setEnabled(defaultValue)
@ -65,6 +57,7 @@ const Switch = (
enabled ? 'bg-components-toggle-bg' : 'bg-components-toggle-bg-unchecked',
'relative inline-flex flex-shrink-0 cursor-pointer rounded-[5px] border-2 border-transparent transition-colors duration-200 ease-in-out',
disabled ? '!opacity-50 !cursor-not-allowed' : '',
size === 'xs' && 'rounded-sm',
className,
)}
>
@ -73,6 +66,7 @@ const Switch = (
className={classNames(
circleStyle[size],
enabled ? translateLeft[size] : 'translate-x-0',
size === 'xs' && 'rounded-[1px]',
'pointer-events-none inline-block transform rounded-[3px] bg-components-toggle-knob shadow ring-0 transition duration-200 ease-in-out',
)}
/>