feat: 本次提交更新内容如下

好友选择样式完成

nkebao/src/components/LayoutWrapper.tsx

@@ -2,25 +2,12 @@ import React from 'react';
 import { useLocation } from 'react-router-dom';
 import BottomNav from './BottomNav';
 
-// 不需要底部导航的页面路径
+// 配置需要底部导航的页面路径（白名单）
-const NO_BOTTOM_NAV_PATHS = [
+const BOTTOM_NAV_CONFIG = [
-  '/login',
+  '/',                    // 首页
-  '/register',
+  '/scenarios',           // 场景获客
-  '/forgot-password',
+  '/workspace',           // 工作台
-  '/reset-password',
+  '/profile',             // 我的
-  '/devices',
-  '/devices/',
-  '/wechat-accounts',
-  '/wechat-accounts/',
-  '/scenarios/new',
-  '/scenarios/',
-  '/plans/',
-  '/workspace/auto-group/',
-  '/workspace/moments-sync/',
-  '/workspace/traffic-distribution/',
-  '/workspace/auto-like', 
-  '/404',
-  '/500'
 ];
 
 interface LayoutWrapperProps {
@@ -31,16 +18,20 @@ export default function LayoutWrapper({ children }: LayoutWrapperProps) {
   const location = useLocation();
 
   // 检查当前路径是否需要底部导航
-  const shouldShowBottomNav = !NO_BOTTOM_NAV_PATHS.some(path => 
+  const shouldShowBottomNav = BOTTOM_NAV_CONFIG.some(path => {
-    location.pathname.startsWith(path)
+    // 特殊处理首页路由 '/'
-  );
+    if (path === '/') {
+      return location.pathname === '/';
+    }
+    return location.pathname === path;
+  });
 
   // 如果是登录页面，直接渲染内容（不显示底部导航）
   if (location.pathname === '/login') {
     return <>{children}</>;
   }
 
-  // 其他页面显示底部导航
+  // 只有在配置列表中的页面才显示底部导航
   return (
     <div className="flex flex-col h-screen">
       <div className="flex-1 overflow-y-auto">

nkebao/src/components/ui/checkbox.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 interface CheckboxProps {
   checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
   onChange?: (checked: boolean) => void;
   disabled?: boolean;
   className?: string;
@@ -10,17 +11,24 @@ interface CheckboxProps {
 
 export function Checkbox({ 
   checked = false, 
+  onCheckedChange,
   onChange, 
   disabled = false, 
   className = '',
   id 
 }: CheckboxProps) {
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newChecked = e.target.checked;
+    onCheckedChange?.(newChecked);
+    onChange?.(newChecked);
+  };
+
   return (
     <input
       type="checkbox"
       id={id}
       checked={checked}
-      onChange={(e) => onChange?.(e.target.checked)}
+      onChange={handleChange}
       disabled={disabled}
       className={`w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2 ${className}`}
     />

nkebao/src/components/ui/input.tsx

@@ -4,30 +4,45 @@ interface InputProps {
   value?: string;
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
   onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+  onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
   placeholder?: string;
   className?: string;
   readOnly?: boolean;
+  readonly?: boolean;
   id?: string;
+  type?: string;
+  min?: number;
+  max?: number;
 }
 
 export function Input({ 
   value, 
   onChange, 
   onKeyDown,
+  onClick,
   placeholder, 
   className = '',
   readOnly = false,
-  id
+  readonly = false,
+  id,
+  type = 'text',
+  min,
+  max
 }: InputProps) {
+  const isReadOnly = readOnly || readonly;
+  
   return (
     <input
       id={id}
-      type="text"
+      type={type}
       value={value}
       onChange={onChange}
       onKeyDown={onKeyDown}
+      onClick={onClick}
       placeholder={placeholder}
-      readOnly={readOnly}
+      readOnly={isReadOnly}
+      min={min}
+      max={max}
       className={`flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${className}`}
     />
   );

nkebao/src/components/ui/radio-group.tsx

@@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/utils"
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <Circle className="h-2.5 w-2.5 fill-current text-current" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem } 

nkebao/src/components/ui/scroll-area.tsx

@@ -0,0 +1,48 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar } 

nkebao/src/components/ui/switch.tsx

@@ -5,15 +5,17 @@ interface SwitchProps {
   onCheckedChange: (checked: boolean) => void;
   disabled?: boolean;
   className?: string;
+  id?: string;
 }
 
-export function Switch({ checked, onCheckedChange, disabled = false, className = '' }: SwitchProps) {
+export function Switch({ checked, onCheckedChange, disabled = false, className = '', id }: SwitchProps) {
   return (
     <button
       type="button"
       role="switch"
       aria-checked={checked}
       disabled={disabled}
+      id={id}
       onClick={() => !disabled && onCheckedChange(!checked)}
       className={`
         relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50

nkebao/src/components/ui/toast.tsx

@@ -86,3 +86,47 @@ export function ToastProvider({ children }: ToastProviderProps) {
     </ToastContext.Provider>
   );
 }
+
+// 直接导出toast函数，用于在组件中直接使用
+export const toast = (toastData: Omit<Toast, 'id'>) => {
+  // 这里需要确保ToastProvider已经包装了应用
+  // 在实际使用中，应该通过useToast hook来调用
+  console.warn('toast function called without context. Please use useToast hook instead.');
+  
+  // 创建一个简单的DOM toast作为fallback
+  const toastElement = document.createElement('div');
+  toastElement.className = `fixed top-4 right-4 z-50 max-w-sm w-full bg-white rounded-lg shadow-lg border p-4 transform transition-all duration-300 ${
+    toastData.variant === 'destructive' 
+      ? 'border-red-200 bg-red-50' 
+      : 'border-gray-200'
+  }`;
+  
+  toastElement.innerHTML = `
+    <div class="flex items-start justify-between">
+      <div class="flex-1">
+        <h4 class="font-medium ${toastData.variant === 'destructive' ? 'text-red-800' : 'text-gray-900'}">
+          ${toastData.title}
+        </h4>
+        ${toastData.description ? `
+          <p class="text-sm mt-1 ${toastData.variant === 'destructive' ? 'text-red-600' : 'text-gray-600'}">
+            ${toastData.description}
+          </p>
+        ` : ''}
+      </div>
+      <button class="ml-4 text-gray-400 hover:text-gray-600" onclick="this.parentElement.parentElement.remove()">
+        <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+        </svg>
+      </button>
+    </div>
+  `;
+  
+  document.body.appendChild(toastElement);
+  
+  // 自动移除
+  setTimeout(() => {
+    if (toastElement.parentElement) {
+      toastElement.remove();
+    }
+  }, 5000);
+};