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

2026-09-25 00:01:09 +08:00
1 parent c0d223f357
commit 8a691f76c9
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, InputNumber, Modal, Select, Spin, Switch } from "antd";
+import { App, Button, Form, Input, InputNumber, Modal, Spin, Switch } from "antd";
 import { ChevronRight, Copy, Pencil, Plus, Power, Search, Trash2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { useSearchParams } from "react-router";
@@ -14,6 +14,7 @@ import { ChannelModelManager } from "../components/channel-model-manager";
 import { ChannelOrderDialog } from "../components/channel-order-dialog";
 import { selectChannelWorkspace } from "./channel-workspace-state";
 import "./channels-page.css";
+import { Select } from "@/components/ui/base/select";

 type ChannelFormValues = {
    name: string;
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Select, Skeleton } from "antd";
+import { App, Button, Form, Input, Skeleton } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { AlertTriangle, BadgeCheck, ChevronDown, FileText, Globe2, KeyRound, LockKeyhole, RefreshCw, RotateCcw, Save, ShieldCheck, Sparkles, UserPlus, UsersRound } from "lucide-react";
 import { useCallback, useEffect, useRef, useState, type ReactNode } from "react";
@@ -8,6 +8,7 @@ import { cn } from "@/lib/utils";
 import { useAppearanceStore } from "@/stores/use-appearance-store";
 import { getAdminLinuxDOSetting, getAdminRegistrationSetting, updateAdminLinuxDOSetting, updateAdminRegistrationSetting, type LinuxDOSetting, type RegistrationSetting } from "@/services/api/wallet";
 import { AdminStatusBadge, configuredSecretText, SettingsSectionCard } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 const DEFAULT_AGREEMENT_TEMPLATE = `一、服务说明与接受
 欢迎使用本平台提供的 AI 影视与内容创作服务。在注册或使用本平台各项功能前，请务必仔细阅读并理解本协议。当您勾选同意或点击注册、登录按钮，即表示您已自愿接受本协议所有条款的约束。
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState, type ChangeEvent } from "react";
-import { App, Button, Form, Input, Modal, Select } from "antd";
+import { App, Button, Form, Input, Modal } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import type { InputRef } from "antd";
 import type { ColumnsType } from "antd/es/table";
@@ -24,6 +24,7 @@ import {
 import { resourceFileUrl } from "@/services/api/resources";
 import { clearAnnouncementPendingReview, readAnnouncementPendingReview, writeAnnouncementPendingReview, type AnnouncementPendingReview } from "./admin-announcement-safety";
 import { AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 type AnnouncementFormValues = {
    title: string;
@@ -1,4 +1,4 @@
-import { App, Button, DatePicker, Form, Input, Modal, Popconfirm, Select, Switch } from "antd";
+import { App, Button, DatePicker, Form, Input, Modal, Popconfirm, Switch } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Trash2, Edit3, Search } from "lucide-react";
 import dayjs, { type Dayjs } from "dayjs";
@@ -23,6 +23,7 @@ import { BANNER_TITLE_MAX_CHARS, bannerTitleCharCount, bannerTitlePlainText, nor
 import { AdminDataTable } from "./admin-ui";
 import { BannerNoticeTypeSelector } from "./banner-notice-type-selector";
 import { BannerNoticePreview, BannerTitleEditor } from "./banner-title-editor";
+import { Select } from "@/components/ui/base/select";

 type FormValues = {
    noticeType: BannerNoticeType;
@@ -1,10 +1,11 @@
-import { App, Button, Dropdown, Select, Table } from "antd";
+import { App, Button, Dropdown, Table } from "antd";
 import type { ButtonProps, MenuProps, TableProps } from "antd";
 import { saveAs } from "file-saver";
 import { CheckSquare2, ChevronDown, ChevronLeft, ChevronRight, Download, ListFilter, RotateCcw, SearchX, X } from "lucide-react";
 import { useEffect, useState, type ReactNode } from "react";

 import { cn } from "@/lib/utils";
+import { Select } from "@/components/ui/base/select";

 export const configuredSecretText = "已配置 · 留空不改";

@@ -1,4 +1,4 @@
-import { App, Button, Input, Select, Space, Tag, Tooltip } from "antd";
+import { App, Button, Input, Space, Tag, Tooltip } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { RefreshCw, Trash2 } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -7,6 +7,7 @@ import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { agentLessonCategoryLabel, deleteAdminAgentLesson, listAdminAgentLessons, type AdminAgentLesson } from "@/services/api/admin-agent-lessons";
 import { listAdminUsers, type AdminUser } from "@/services/api/auth";
 import { AdminDataTable, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 function authorLabel(record: AdminAgentLesson) {
    if (record.authorDisplayName && record.authorUsername) return `${record.authorDisplayName}（${record.authorUsername}）`;
@@ -1,4 +1,4 @@
-import { Alert, App, Button, DatePicker, Select, Tabs, Tag } from "antd";
+import { Alert, App, Button, DatePicker, Tabs, Tag } from "antd";
 import { Tooltip } from "@/pages/admin/ui/controls";
 import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";

@@ -11,6 +11,7 @@ import { useSearchParams } from "react-router";
 import { ListToolbar, PaginationBar, AdminDataTable, AdminExportButton, AdminFilterChip, AdminStatusBadge, AdminTableEmpty, type AdminStatusTone } from "./admin-ui";
 import { exportAdminAnalytics, getAdminAnalytics, listAdminUsers, type AdminReferenceData, type AdminAnalytics, type AnalyticsFilters } from "@/services/api/auth";
 import { analyticsFinanceColumns, formatCredits, formatFinanceCost, formatFinanceMargin } from "./analytics-finance";
+import { Select } from "@/components/ui/base/select";

 type Props = {
    users: AdminReferenceData["users"];
@@ -1,6 +1,6 @@
 import type { Editor } from "@tiptap/core";
 import { EditorContent, useEditor } from "@tiptap/react";
-import { Button, ColorPicker, Select, Tooltip } from "antd";
+import { Button, ColorPicker, Tooltip } from "antd";
 import { Eraser, X } from "lucide-react";
 import { useEffect, useRef, useState } from "react";

@@ -11,6 +11,7 @@ import {
 } from "@/components/layout/banner-announcement-content";
 import { readBannerNoticeSurface, bannerNoticeTypeLabel } from "@/lib/announcements/banner-notice";
 import { BannerNoticeEmojiPopover } from "./banner-notice-emoji-picker";
+import { Select } from "@/components/ui/base/select";
 import {
    BANNER_TITLE_DEFAULT_FONT_SIZE,
    BANNER_TITLE_DEFAULT_FONT_WEIGHT,
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { App, Button, Checkbox, Input, Modal, Popconfirm, Select, Space } from "antd";
+import { App, Button, Checkbox, Input, Modal, Popconfirm, Space } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Pencil, Plus, RefreshCw, Search, Trash2 } from "lucide-react";

@@ -14,6 +14,7 @@ import { AdminBatchBar, AdminDataTable, AdminFilterChip, AdminStatusBadge, Admin
 import { ChannelOrderDialog } from "./channel-order-dialog";
 import { ChannelModelCostSummary } from "./channel-model-cost-summary";
 import { ChannelModelRepriceDialog } from "./channel-model-reprice-dialog";
+import { Select } from "@/components/ui/base/select";

 export function ChannelModelManager({ channel, onChanged }: { channel: ModelChannel; onChanged: () => void | Promise<void> }) {
    const { message, modal } = App.useApp();
@@ -1,4 +1,4 @@
-import { Alert, Button, Form, Input, InputNumber, Segmented, Select, Switch, type FormInstance } from "antd";
+import { Alert, Button, Form, Input, InputNumber, Segmented, Switch, type FormInstance } from "antd";
 import { Trash2 } from "lucide-react";
 import type { ModelCapabilityConfig } from "@/lib/model-capabilities";
 import { modelProtocolSupportsTokenBilling, type ModelProtocol } from "@/lib/model-protocols";
@@ -6,6 +6,7 @@ import type { ModelCapabilityChoice as EditableCapability } from "@/components/m
 import type { ChannelModelFormValues as FormValues } from "./channel-model-editor-form";
 import { normalizeUpstreamModelKey } from "./channel-model-price-tier-form";
 import { CreditCostFields } from "./credit-cost-fields";
+import { Select } from "@/components/ui/base/select";

 export function PriceTierFields({
    index,
@@ -1,9 +1,10 @@
 import { useState } from "react";
-import { Alert, App, Button, InputNumber, Select, Table } from "antd";
+import { Alert, App, Button, InputNumber, Table } from "antd";
 import { AdminModal } from "@/pages/admin/ui/overlays";
 import { repriceAdminChannelModels, type ChannelModel } from "@/services/api/wallet";
 import { specificationLabel } from "./channel-model-cost-summary";
 import { formatModelMargin, formatModelPrice, modelRepricePayload, modelRepriceRows, parseSaleInput, previewModelRepricing, type ModelRepriceRow } from "./channel-model-pricing";
+import { Select } from "@/components/ui/base/select";

 export function ChannelModelRepriceDialog({ channelId, channelName, items, onClose, onSaved }: { channelId: string; channelName: string; items: ChannelModel[]; onClose: () => void; onSaved: () => Promise<void> }) {
    const { message } = App.useApp();
@@ -1,7 +1,8 @@
-import { Button, Form, Input, Select } from "antd";
+import { Button, Form, Input } from "antd";
 import { Plus, Trash2 } from "lucide-react";
 import { ModelTags } from "@/components/model-tags";
 import { modelTagColors, type ModelTag } from "@/lib/model-tags";
+import { Select } from "@/components/ui/base/select";

 export function ChannelModelTagsEditor() {
    const form = Form.useFormInstance();
@@ -1,8 +1,9 @@
-import { App, Button, InputNumber, Modal, Select, Spin } from "antd";
+import { App, Button, InputNumber, Modal, Spin } from "antd";
 import { ArrowDown, ArrowUp, GripVertical, ListOrdered } from "lucide-react";
 import { useRef, useState } from "react";
 import { AdminEmpty } from "@/pages/admin/components/admin-ui";
 import { getChannelOrder, saveChannelOrder, type ChannelOrderItem } from "@/services/api/channel-order";
+import { Select } from "@/components/ui/base/select";

 export function moveOrderItem<T extends { id: string }>(items: T[], id: string, target: number): T[] {
    const from = items.findIndex((item) => item.id === id);
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Drawer, Form, Input, InputNumber, Modal, Select } from "antd";
+import { App, Button, Drawer, Form, Input, InputNumber, Modal } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { BadgeCheck, Coins, Plus, RefreshCw, Search, Trash2, Undo2 } from "lucide-react";

@@ -10,6 +10,7 @@ import { listAdminUsers, type AdminReferenceData, type AdminUser } from "@/servi
 import { adjustAdminUserCredits, getAdminCreditPolicy, listAdminBillingOrders, resolveAdminBillingOrder, resolveAdminBillingOrders, updateAdminCreditPolicy, type BillingOrder } from "@/services/api/wallet";

 import { AdminBatchBar, AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 export type CreditOperation = "policy" | "adjustment" | null;

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Drawer, Form, Input, InputNumber, Modal, Popconfirm, Select, Space } from "antd";
+import { App, Button, Drawer, Form, Input, InputNumber, Modal, Popconfirm, Space } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Ban, Copy, Eye, KeyRound, RefreshCw, Search, TicketCheck } from "lucide-react";

@@ -9,6 +9,7 @@ import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { ApiError } from "@/services/api/request";
 import { createAdminRedeemBatch, disableAdminRedeemBatch, disableAdminRedeemCode, listAdminRedeemBatchCodes, listAdminRedeemBatches, type AdminRedeemCode, type RedeemBatch } from "@/services/api/wallet";
 import { AdminDataTable, AdminExportButton, AdminRowActions, AdminStatusBadge, AdminTableEmpty, type AdminStatusTone } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 type RedeemFormValues = { amount?: number | null; count?: number | null; note?: string; expiresAt?: string };
 type PendingRedeemBatch = {
@@ -1,4 +1,4 @@
-import { App, Button, Input, Modal, Select } from "antd";
+import { App, Button, Input, Modal } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Download, Eye, Search, Trash2 } from "lucide-react";
 import { saveAs } from "file-saver";
@@ -9,6 +9,7 @@ import { PaginationBar } from "@/pages/admin/components/admin-ui";
 import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { adminResourceFileUrl, deleteAdminResources, downloadAdminResource, getAdminStorageStats, listAdminResources, type AdminStorageResource, type AdminStorageStats } from "@/services/api/admin-storage";
 import { AdminBatchBar, AdminDataTable, AdminFilterChip, AdminStatTile, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";

 const pageSizes = [20, 50, 100];

@@ -1,4 +1,4 @@
-import { Alert, App, Button, Form, Input, InputNumber, Modal, Segmented, Select, Switch, Table, Tag } from "antd";
+import { Alert, App, Button, Form, Input, InputNumber, Modal, Segmented, Switch, Table, Tag } from "antd";
 import type { FormInstance } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Archive, FlaskConical, GitBranch, Layers3, Pencil, Plus, Search } from "lucide-react";
@@ -12,6 +12,7 @@ import { AdminPageFrame } from "@/pages/admin/components/admin-shell";
 import { AdminDataTable, AdminFilterChip, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "@/pages/admin/components/admin-ui";
 import { listAdminChannels } from "@/services/api/auth";
 import { listAdminChannelModels, type ChannelModel } from "@/services/api/wallet";
+import { Select } from "@/components/ui/base/select";
 import {
    createAdminLogicalModel,
    deleteAdminLogicalModel,
@@ -1,4 +1,4 @@
-import { Button, InputNumber, Select, Tag } from "antd";
+import { Button, InputNumber, Tag } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { Callout } from "@/pages/admin/ui/controls";
 import { RotateCcw } from "lucide-react";
@@ -7,6 +7,7 @@ import type { ReactNode } from "react";
 import type { CapabilityImageSize, CapabilitySpec, OptionConstraint } from "@/services/api/logical-models";
 import type { ChannelModel } from "@/services/api/wallet";
 import { STANDARD_IMAGE_SIZE_VALUES } from "@/lib/model-capabilities";
+import { Select } from "@/components/ui/base/select";

 export type CapabilityKind = CapabilitySpec["capability"];
 export type Scalar = string | number | boolean;
@@ -1,4 +1,4 @@
-import { Alert, App, Button, Input, Modal, Segmented, Select } from "antd";
+import { Alert, App, Button, Input, Modal, Segmented } from "antd";
 import { IconButton } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
 import { Download, Eye, Play, Search } from "lucide-react";
@@ -17,6 +17,7 @@ import { AdminPageFrame } from "../components/admin-shell";
 import { AdminBatchBar, AdminDataTable, AdminExportButton, AdminFilterChip, AdminStatusBadge, AdminTableEmpty } from "../components/admin-ui";
 import { logBillingLabel, logStatus, normalizeLogView } from "./log-view";
 import "./logs-page.css";
+import { Select } from "@/components/ui/base/select";

 export default function LogsPage() {
    const { message } = App.useApp();
@@ -1,6 +1,6 @@
 import { PaymentBrandIcon } from "@/components/payment-brand-icons";
 import { Callout } from "@/pages/admin/ui/controls";
-import { App, Button, DatePicker, Descriptions, Drawer, Form, Input, InputNumber, Select, Tabs, Typography } from "antd";
+import { App, Button, DatePicker, Descriptions, Drawer, Form, Input, InputNumber, Tabs, Typography } from "antd";
 import { AdminDrawer } from "@/pages/admin/ui/overlays";
 import { Switch } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
@@ -39,6 +39,7 @@ import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminExportButton, AdminRowActions, AdminStatusBadge, AdminTableEmpty, configuredSecretText } from "../components/admin-ui";
 import { AdminUserDetailDrawer } from "../components/admin-user-detail-drawer";
 import "./payments-page.css";
+import { Select } from "@/components/ui/base/select";

 type ProviderFormValues = {
    enabled: boolean;
@@ -1,4 +1,4 @@
-import { App, Button, Input, Select } from "antd";
+import { App, Button, Input } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { AlipayCircleFilled, WechatFilled } from "@ant-design/icons";
 import { ZHIFUFM_LOGO_SRC } from "@/components/payment-brand-icons";
@@ -18,6 +18,7 @@ import { UploadPluginModal } from "@/pages/plugins/plugin-documentation-modals";

 import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminStatusBadge, AdminTableEmpty } from "../components/admin-ui";
+import { Select } from "@/components/ui/base/select";

 type AdminPluginItem = {
    manifest: PluginManifest | PluginManifestV2;
@@ -127,7 +127,7 @@ export function CanvasAppearanceEditor({ value, onChange, disabled, onUploading
                            width={Math.round(value.avatarHeight * 0.75)}
                            height={value.avatarHeight}
                            reducedMotion={reducedMotion}
-                            fallback={<FluidOrb size={62} color="#7164f6" />}
+                            fallback={<FluidOrb size={60} color="#7164f6" />}
                            onReady={() => {
                                setReadyURL(url);
                                setError("");
@@ -138,7 +138,7 @@ export function CanvasAppearanceEditor({ value, onChange, disabled, onUploading
                            }}
                        />
                    ) : (
-                        <FluidOrb size={62} color="#7164f6" />
+                        <FluidOrb size={60} color="#7164f6" />
                    )}
                    <strong>{agentCopy(value.welcomeTitle, value.agentName)}</strong>
                    <p className="text-sm text-foreground/60">{agentCopy(value.welcomeDescription, value.agentName)}</p>
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Popconfirm, Select, Tabs } from "antd";
+import { App, Button, Form, Input, Popconfirm, Tabs } from "antd";
 import { Callout } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
 import { Braces, Copy, FileJson, FileText, Plus, Power, Search, ShieldCheck, Trash2 } from "lucide-react";
@@ -17,6 +17,7 @@ import {
 } from "@/services/api/auth";
 import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty, PaginationBar } from "../components/admin-ui";
+import { Select } from "@/components/ui/base/select";

 type PromptFormValues = { name: string; enabled?: boolean };
 type DraftBaseline = { operation: string; name: string; enabled: boolean; content: string };
@@ -1,9 +1,11 @@
-import { Button, Checkbox as AntCheckbox, Segmented, Select as AntSelect, Switch as AntSwitch, Tooltip as AntTooltip } from "antd";
+import { Button, Checkbox as AntCheckbox, Segmented, Switch as AntSwitch, Tooltip as AntTooltip } from "antd";
 import type { CheckboxChangeEvent } from "antd/es/checkbox";
 import type { ButtonProps } from "antd";
 import type { LucideIcon } from "lucide-react";
 import type { CSSProperties, InputHTMLAttributes, ReactNode } from "react";

+import { Select as UnifiedSelect } from "@/components/ui/base/select";
+
 import { cn } from "@/lib/utils";

 export function AdminSwitch({
@@ -46,7 +48,7 @@ export function AdminSelect<V extends string = string>({
    ariaLabel?: string;
    className?: string;
 }) {
-    return <AntSelect {...props} size={size === "sm" ? "small" : "middle"} className={cn("admin-select", className)} aria-label={ariaLabel} onChange={(value) => onChange?.(value as V)} />;
+    return <UnifiedSelect {...props} size={size === "sm" ? "small" : "middle"} className={cn("admin-select", className)} aria-label={ariaLabel} onChange={(value) => onChange?.(value as V)} />;
 }

 export function Select<V extends string = string>(props: Parameters<typeof AdminSelect<V>>[0]) {
@@ -1,4 +1,4 @@
-import { App, Button, Dropdown, Input, Select } from "antd";
+import { App, Button, Dropdown, Input } from "antd";
 import { Checkbox } from "@/pages/admin/ui/controls";
 import { Ban, Search, Settings2, UserPlus } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -12,6 +12,7 @@ import { useTableUrlState } from "../lib/use-table-url-state";
 import { AdminUserDetailDrawer } from "../components/admin-user-detail-drawer";
 import { createUserColumns, userColumnOptions, type UserColumnKey } from "./users-columns";
 import { AdminUserCreateDrawer, AdminUserEditDrawer } from "./users-drawer";
+import { Select } from "@/components/ui/base/select";

 const columnStorageKey = "admin-users-visible-columns";
 const allColumnKeys = userColumnOptions.map((item) => item.key);
@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from "react";
-import { App, Button, Modal, Progress, Select } from "antd";
+import { App, Button, Modal, Progress } from "antd";
 import { StatusBadge } from "@/components/ui/base/badges";
 import { FileImage, UploadCloud, X } from "lucide-react";

@@ -9,6 +9,7 @@ import { uploadImage } from "@/services/image-storage";
 import { localSavedRemotePendingMessage, saveRemoteUserDataNow } from "@/services/user-data-sync";
 import { flushAssetStorePersistence, useAssetStore } from "@/stores/use-asset-store";
 import type { AssetFolder } from "@/services/api/user-data";
+import { Select } from "@/components/ui/base/select";

 type BatchItem = { id: string; file: File; status: "queued" | "uploading" | "done" | "error"; error?: string; percent?: number };

@@ -1,5 +1,5 @@
 import { CollectionToolbar } from "@/components/layout/collection-toolbar";
-import { App, Button, Input, Modal, Select, Typography } from "antd";
+import { App, Button, Input, Modal, Typography } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { AudioLines, CalendarDays, CheckCircle2, Clock3, CreditCard, ExternalLink, Film, FolderOpen, Image as ImageIcon, MessageSquareText, PlugZap, RefreshCw, Search, Settings2, ShieldCheck, SlidersHorizontal } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -22,6 +22,7 @@ import { useUserStore } from "@/stores/use-user-store";

 import { PluginDetailsModal } from "./plugin-documentation-modals";
 import "./plugins.css";
+import { Select } from "@/components/ui/base/select";

 const categoryLabels: Record<string, string> = {
    provider: "模型渠道",
@@ -1,4 +1,4 @@
-import { App, Button, Popconfirm, Select } from "antd";
+import { App, Button, Popconfirm } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { useEffect, useMemo, useState } from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
@@ -12,6 +12,7 @@ import { linkCanvasUnit, listProjectCanvases, unlinkCanvasProject, unlinkCanvasU
 import { useCanvasStore, type CanvasProject } from "@/stores/canvas/use-canvas-store";

 import { type ProjectDetailViewProps } from "./shared";
+import { Select } from "@/components/ui/base/select";

 export default function ProjectCanvasesView({ detail, refreshProject }: ProjectDetailViewProps) {
    const { message } = App.useApp();
@@ -2,7 +2,7 @@ import { ImageSizePicker } from "@/components/image-size-picker";
 import { imageResolutionUsesQuality } from "@/lib/image-size-presets";
 import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { App, Button, Form, Image, Input, InputNumber, Select } from "antd";
+import { App, Button, Form, Image, Input, InputNumber } from "antd";
 import { SegmentedControl } from "@/components/ui/base/segmented-control";
 import { EmptyState } from "@/components/ui/product/empty-state";
 import { StatusBadge } from "@/components/ui/base/badges";
@@ -54,6 +54,7 @@ import {
    type ShortDramaWorkflowStage,
 } from "./workflow-shared";
 import { buildShotAssetReferenceContext, ensureShotAssetMentionPrompt, resolveShotAssetMentionPrompt } from "./workflow-shot-references";
+import { Select } from "@/components/ui/base/select";

 type ShotEditorValues = Omit<ShotRevisionInput, "durationMs"> & {
    title: string;
@@ -4,7 +4,7 @@ import { CachedResourceImage } from "@/components/cached-resource-image";
 import { MediaPlaceholder } from "@/components/ui/product/media-placeholder";
 import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { useInfiniteQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { App, Button, Form, Input, Modal, Select } from "antd";
+import { App, Button, Form, Input, Modal } from "antd";
 import { ArrowRight, BookOpenText, FileText, FolderKanban, Images, LayoutGrid, Palette, Plus, Search, Sparkles } from "lucide-react";
 import { Link, useNavigate, useSearchParams } from "react-router";

@@ -22,6 +22,7 @@ import { createProject, deleteProject, importProjectUnits, listProjects, type Pr
 import { modelDisplayName, useEffectiveConfig } from "@/stores/use-config-store";

 import { sourceTypeLabel } from "./detail/shared";
+import { Select } from "@/components/ui/base/select";

 type ProjectForm = { name: string; aspectRatio: string; sourceType: string };

@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Select, Space } from "antd";
+import { App, Button, Form, Input, Space } from "antd";
 import { Check, Download, Pencil, Plus, Sparkles, Trash2, Upload, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";

@@ -30,6 +30,7 @@ import {
    type AgentMemoryStep,
 } from "@/services/api/agent-memories";
 import { encodeChannelModel, logicalModelIDForConfig, modelOptionName, resolveModelRequestConfig, useEffectiveConfig, type AiConfig } from "@/stores/use-config-store";
+import { Select } from "@/components/ui/base/select";

 const COMPACT_INTERVALS: Array<{ value: AgentMemoryCompactInterval; label: string }> = [
    { value: "off", label: "手动" },
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Popconfirm, Segmented, Select, Tooltip } from "antd";
+import { App, Button, Form, Input, Popconfirm, Segmented, Tooltip } from "antd";
 import { Pencil, Plus, RefreshCw, Trash2, Workflow } from "lucide-react";
 import { useState, type ReactNode } from "react";

@@ -17,6 +17,7 @@ import {
    type ModelChannel,
 } from "@/stores/use-config-store";
 import { ChannelModelSettings } from "./channel-video-pricing";
+import { Select } from "@/components/ui/base/select";

 type UserChannelConnection = "openai" | "gemini";
 type ChannelSettingsPaneProps = {
@@ -1,5 +1,5 @@
 import { CollectionToolbar } from "@/components/layout/collection-toolbar";
-import { App, Button, Drawer, Form, Input, Modal, Select, Typography } from "antd";
+import { App, Button, Drawer, Form, Input, Modal, Typography } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { SegmentedControl } from "@/components/ui/base/segmented-control";
 import { Bug, LayoutGrid, List, Plus, RefreshCw, Search, Trash2 } from "lucide-react";
@@ -25,6 +25,7 @@ import { TaskGroupHeader, type TaskGroup } from "./task-group-header";
 import { TaskListRow } from "./task-list-row";
 import { formatModelName, getTaskCanvasContext, isTaskFailed, providerCancelStatusLabel, taskMediaKind } from "./task-shared";
 import { TaskStatusFilterBar, type TaskStatusFilter } from "./task-status-filter";
+import { Select } from "@/components/ui/base/select";

 type TaskKindFilter = "all" | "text" | "image" | "video";
 type TaskViewMode = "list" | "grid";
@@ -1,5 +1,5 @@
 import { Component, lazy, Suspense, useEffect, useRef, useState, type ReactNode } from "react";
-import { Button, ConfigProvider, Select, Tabs } from "antd";
+import { Button, ConfigProvider, Tabs } from "antd";
 import { ArrowDown, ArrowRight, ArrowUpRight, Code2, Menu, Pause, Play, X } from "lucide-react";

 import { BrandLogo } from "@/components/brand/brand-logo";
@@ -10,6 +10,7 @@ import { useAppearanceStore } from "@/stores/use-appearance-store";
 import { WelcomeContributorsCard } from "./contributors-card";
 import { chapters, getWelcomeLook, showcases, welcomeLooks, type WelcomeLook } from "./story";
 import "./welcome.css";
+import { Select } from "@/components/ui/base/select";

 const StoryReel = lazy(() => import("./story-reel"));
 const github = "https://github.com/ddcat-ai/open-ai-canvas";