feat: tailwind related improvement (#6085)

web/app/components/header/account-setting/model-provider-page/model-badge/index.tsx

@@ -1,5 +1,5 @@
-import classNames from 'classnames'
 import type { FC, ReactNode } from 'react'
+import classNames from '@/utils/classnames'
 
 type ModelBadgeProps = {
   className?: string

web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx

@@ -1,6 +1,5 @@
 import { useState } from 'react'
 import type { FC } from 'react'
-import cn from 'classnames'
 import {
   RiQuestionLine,
 } from '@remixicon/react'
@@ -17,6 +16,7 @@ import type {
 import { FormTypeEnum } from '../declarations'
 import { useLanguage } from '../hooks'
 import Input from './Input'
+import cn from '@/utils/classnames'
 import { SimpleSelect } from '@/app/components/base/select'
 import Tooltip from '@/app/components/base/tooltip-plus'
 import Radio from '@/app/components/base/radio'

web/app/components/header/account-setting/model-provider-page/model-name/index.tsx

@@ -1,5 +1,4 @@
 import type { FC, PropsWithChildren } from 'react'
-import classNames from 'classnames'
 import {
   modelTypeFormat,
   sizeFormat,
@@ -8,6 +7,7 @@ import { useLanguage } from '../hooks'
 import type { ModelItem } from '../declarations'
 import ModelBadge from '../model-badge'
 import FeatureIcon from '../model-selector/feature-icon'
+import classNames from '@/utils/classnames'
 
 type ModelNameProps = PropsWithChildren<{
   modelItem: ModelItem

web/app/components/header/account-setting/model-provider-page/model-parameter-modal/index.tsx

@@ -5,7 +5,6 @@ import type {
 import { useMemo, useState } from 'react'
 import useSWR from 'swr'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import type {
   DefaultModel,
   FormValue,
@@ -21,6 +20,7 @@ import type { ParameterValue } from './parameter-item'
 import Trigger from './trigger'
 import type { TriggerProps } from './trigger'
 import PresetsParameter from './presets-parameter'
+import cn from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,

web/app/components/header/account-setting/model-provider-page/model-parameter-modal/parameter-item.tsx

@@ -1,12 +1,12 @@
 import type { FC } from 'react'
 import { useEffect, useRef, useState } from 'react'
-import cn from 'classnames'
 import {
   RiQuestionLine,
 } from '@remixicon/react'
 import type { ModelParameterRule } from '../declarations'
 import { useLanguage } from '../hooks'
 import { isNullOrUndefined } from '../utils'
+import cn from '@/utils/classnames'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
 import Slider from '@/app/components/base/slider'

web/app/components/header/account-setting/model-provider-page/model-parameter-modal/trigger.tsx

@@ -1,6 +1,5 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import { RiArrowDownSLine } from '@remixicon/react'
 import type {
   Model,
@@ -11,6 +10,7 @@ import { MODEL_STATUS_TEXT } from '../declarations'
 import { useLanguage } from '../hooks'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
+import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 import { SlidersH } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx

@@ -1,12 +1,12 @@
 import { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import classNames from 'classnames'
 import { useDebounceFn } from 'ahooks'
 import type { CustomConfigurationModelFixedFields, ModelItem, ModelProvider } from '../declarations'
 import { ConfigurationMethodEnum, ModelStatusEnum } from '../declarations'
 import ModelBadge from '../model-badge'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
+import classNames from '@/utils/classnames'
 import Button from '@/app/components/base/button'
 import { Balance } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'
 import { Settings01 } from '@/app/components/base/icons/src/vender/line/general'

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx

@@ -1,4 +1,3 @@
-import classNames from 'classnames'
 import type { Dispatch, SetStateAction } from 'react'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -9,6 +8,7 @@ import {
 import type { ConfigurationMethodEnum, CustomConfigurationModelFixedFields, ModelLoadBalancingConfig, ModelLoadBalancingConfigEntry, ModelProvider } from '../declarations'
 import Indicator from '../../../indicator'
 import CooldownTimer from './cooldown-timer'
+import classNames from '@/utils/classnames'
 import TooltipPlus from '@/app/components/base/tooltip-plus'
 import Switch from '@/app/components/base/switch'
 import { Balance } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-modal.tsx

@@ -1,6 +1,5 @@
 import { memo, useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import classNames from 'classnames'
 import useSWR from 'swr'
 import type { ModelItem, ModelLoadBalancingConfig, ModelLoadBalancingConfigEntry, ModelProvider } from '../declarations'
 import { FormTypeEnum } from '../declarations'
@@ -8,6 +7,7 @@ import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
 import { savePredefinedLoadBalancingConfig } from '../utils'
 import ModelLoadBalancingConfigs from './model-load-balancing-configs'
+import classNames from '@/utils/classnames'
 import Modal from '@/app/components/base/modal'
 import Button from '@/app/components/base/button'
 import { fetchModelLoadBalancingConfig } from '@/service/common'