refactor(platform): 统一控件 - 收敛下拉选择与按钮输入交互样式

web/src/components/canvas/canvas-config-node-panel.tsx

@@ -1,4 +1,4 @@
-import { Button, Input, InputNumber, Segmented, Select, Slider } from "antd";
+import { Button, Input, InputNumber, Segmented, Slider } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { useEffect, useState, type CSSProperties, type ReactNode } from "react";
 import { ChevronDown, Dice5, Image as ImageIcon, LoaderCircle, MessageSquare, Music2, Play, Sparkles, Video, Workflow as WorkflowIcon } from "lucide-react";
@@ -17,6 +17,7 @@ import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
 import { workflowProviderPluginEnabled } from "@/lib/plugins/builtin/workflows";
 import { usePluginStore } from "@/stores/use-plugin-store";
 import type { CanvasGenerationMode, CanvasNodeData, CanvasNodeMetadata, CanvasVideoEditOperation, CanvasWorkspaceMode } from "@/types/canvas";
+import { Select } from "@/components/ui/base/select";
 
 type CanvasConfigNodePanelProps = {
     node: CanvasNodeData;

web/src/components/canvas/canvas-script-node.tsx

@@ -1,4 +1,4 @@
-import { Button, Dropdown, Input, InputNumber, Modal, Segmented, Select, Table } from "antd";
+import { Button, Dropdown, Input, InputNumber, Modal, Segmented, Table } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type PointerEvent as ReactPointerEvent, type ReactNode } from "react";
 
@@ -34,6 +34,7 @@ import type {
     StoryboardVideoInputMode,
 } from "@/types/canvas";
 import type { TaskStatus } from "@/services/api/task-center";
+import { Select } from "@/components/ui/base/select";
 
 const STORYBOARD_PROMPT_MIN_HEIGHT = 40;
 const STORYBOARD_PROMPT_MAX_HEIGHT = 116;

web/src/components/canvas/canvas-share-modal.tsx

@@ -1,10 +1,11 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { App, Button, Input, Modal, Select, Spin } from "antd";
+import { App, Button, Input, Modal, Spin } from "antd";
 import { Copy, Link2, RefreshCw, Share2, Unlink } from "lucide-react";
 
 import { canvasThemes } from "@/lib/canvas-theme";
 import { createCanvasShare, deleteCanvasShare, getCanvasShare, type CanvasShareStatus } from "@/services/api/canvas-share";
 import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
+import { Select } from "@/components/ui/base/select";
 
 export function CanvasShareModal({ projectId, open, onClose, beforeCreate }: { projectId: string; open: boolean; onClose: () => void; beforeCreate: () => Promise<boolean | void> }) {
     const { message, modal } = App.useApp();

web/src/components/canvas/canvas-size-picker.tsx

@@ -1,7 +1,8 @@
 import { useEffect, useRef, useState } from "react";
-import { Select } from "antd";
+
 
 import { cn } from "@/lib/utils";
+import { Select } from "@/components/ui/base/select";
 
 const sizeOptions = ["auto", "1:1", "3:2", "2:3", "4:3", "3:4", "16:9", "9:16"];
 

web/src/components/canvas/canvas-video-segment-dialog.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Input, InputNumber, Modal, Segmented, Select } from "antd";
+import { App, Button, Input, InputNumber, Modal, Segmented } from "antd";
 import { AudioLines, Check, ListVideo, Plus, Scissors, SkipBack, SkipForward, Trash2 } from "lucide-react";
 import { nanoid } from "nanoid";
 
@@ -15,6 +15,7 @@ import { resolveMediaUrl } from "@/services/file-storage";
 import { modelDisplayName, type AiConfig } from "@/stores/use-config-store";
 import { type CanvasConnection, type CanvasNodeData, type CanvasVideoEditOperation } from "@/types/canvas";
 import type { TimelineProject } from "@/types/timeline";
+import { Select } from "@/components/ui/base/select";
 
 export type CanvasVideoSegmentItem = CanvasTimelineSegmentItem;
 

web/src/components/canvas/canvas-workspace-asset-panel.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { App, Button, Select } from "antd";
+import { App, Button } from "antd";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { FileText, Images, Plus, RefreshCw } from "lucide-react";
 import { CachedResourceImage } from "@/components/cached-resource-image";
@@ -10,6 +10,7 @@ import { loadAssetLibraryPage } from "@/services/user-data-sync";
 import { useUserStore } from "@/stores/use-user-store";
 import type { Asset } from "@/stores/use-asset-store";
 import { assetPickerItemsToInsertPayloads, type InsertAssetPayload } from "./asset-picker-modal";
+import { Select } from "@/components/ui/base/select";
 
 const categories: AssetCategory[] = ["material", "character", "environment", "prop", "other"];
 export function CanvasWorkspaceAssetPanel({ onInsert, onManage, onProjectAssets }: { onInsert: (payloads: InsertAssetPayload[]) => Promise<unknown>; onManage: () => void; onProjectAssets?: () => void }) {

web/src/components/canvas/canvas-workspace-tool-panel.tsx

@@ -4,7 +4,7 @@ type FeedTab = ToolScope;
 import { memo, useEffect, useMemo, useRef, useState, type UIEvent } from "react";
 import { useInfiniteQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Eye, Loader2, MoreHorizontal, Plus, Star, Trash2, Upload, Wrench, X } from "lucide-react";
-import { App, Button, Dropdown, Form, Input, Radio, Select, Space, type MenuProps } from "antd";
+import { App, Button, Dropdown, Form, Input, Radio, Space, type MenuProps } from "antd";
 
 import { CanvasImagePreview } from "@/components/canvas/canvas-image-preview";
 import { AppModal } from "@/components/ui/product/app-modal";
@@ -13,6 +13,7 @@ import { WorkspaceErrorState, WorkspaceState } from "@/components/layout/workspa
 import { uploadMediaFile } from "@/services/file-storage";
 import { uploadImage } from "@/services/image-storage";
 import { createTool, deleteTool, listTools, setToolFavorite, type ToolScope, type ToolSummary, type ToolType, type ToolVisibility } from "@/services/api/tools";
+import { Select } from "@/components/ui/base/select";
 
 type ToolSubTab = "style" | "effect" | "motion" | "nine_grid";
 

web/src/components/canvas/director/canvas-director-workbench.tsx

@@ -1,4 +1,4 @@
-import { App, Button, ColorPicker, Dropdown, Input, InputNumber, Select, Slider } from "antd";
+import { App, Button, ColorPicker, Dropdown, Input, InputNumber, Slider } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import type { MenuProps } from "antd";
 import { Box, BoxSelect, Camera, Circle, Cuboid, FileUp, Focus, Image as ImageIcon, LampDesk, Lightbulb, Plus, Redo2, RotateCcw, Save, Trash2, Undo2, UserRound, Video, X } from "lucide-react";
@@ -30,6 +30,7 @@ import { useDirectorWorkbenchStore } from "@/stores/canvas/use-director-workbenc
 import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
 import type { CanvasNodeData } from "@/types/canvas";
 import type { DirectorCamera, DirectorCameraMove, DirectorHumanoidBone, DirectorKeyframeDeleteTarget, DirectorKeyframeEasing, DirectorLight, DirectorObject, DirectorPose, DirectorQuat, DirectorRenderMode, DirectorRig, DirectorScene, DirectorSceneOutput, DirectorShot, DirectorShotSize, DirectorTransform, DirectorVec3 } from "@/types/director";
+import { Select } from "@/components/ui/base/select";
 
 export function CanvasDirectorWorkbench({ open, scene, imageNodes, onboardingScope, onClose, onChange, onApply, onDeleteImageNode, onFlush }: { open: boolean; scene: DirectorScene | null; imageNodes: CanvasNodeData[]; onboardingScope: string; onClose: () => void; onChange: (scene: DirectorScene) => void; onApply: (output: DirectorSceneOutput) => Promise<void>; onDeleteImageNode: (nodeId: string) => void; onFlush?: () => void | Promise<void> }) {
     const { message, modal } = App.useApp();

web/src/components/canvas/style-asset-binding-modal.tsx

@@ -1,9 +1,10 @@
 import { useEffect, useMemo, useState, type ReactNode } from "react";
-import { Button, Input, InputNumber, Select } from "antd";
+import { Button, Input, InputNumber } from "antd";
 import { AppModal } from "@/components/ui/product/app-modal";
 import { Switch } from "@/components/ui/base/switch";
 import { AlertTriangle, Box, Check, FileImage, Link2, Plus, Save, SlidersHorizontal, Trash2 } from "lucide-react";
 import { nanoid } from "nanoid";
+import { Select } from "@/components/ui/base/select";
 
 import {
     createStyleProfileSnapshot,

web/src/components/canvas/style-profile-editor-modal.tsx

@@ -1,10 +1,11 @@
 import { useEffect, useMemo, useState, type ReactNode } from "react";
-import { App, Button, Input, Segmented, Select } from "antd";
+import { App, Button, Input, Segmented } from "antd";
 import { AppModal } from "@/components/ui/product/app-modal";
 import { Braces, Image, Layers3, Save, Sparkles } from "lucide-react";
 
 import { StyleAssetBindingModal } from "@/components/canvas/style-asset-binding-modal";
 import { createStyleProfileSnapshot, styleProfileValidationMessage, type StyleProfileSnapshot } from "@/lib/canvas/style-profile";
+import { Select } from "@/components/ui/base/select";
 
 type EditorSection = "identity" | "prompt" | "execution";