xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

更新 tab分类

Browse Source
This commit is contained in:
moux1024 2025-10-23 15:52:53 +08:00
parent 67c83ff793
commit 3b97e4ea19
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/FamousTemplate.tsx
View File

@ -30,7 +30,16 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
const [isItemGenerating, setIsItemGenerating] = useState<{ [key: string]: boolean }>({}) const [isItemGenerating, setIsItemGenerating] = useState<{ [key: string]: boolean }>({})
const [activeTemplateId, setActiveTemplateId] = useState<string | null>(null) const [activeTemplateId, setActiveTemplateId] = useState<string | null>(null)
const [isPreviewReady, setIsPreviewReady] = useState(false) const [isPreviewReady, setIsPreviewReady] = useState(false)
const [activeTab, setActiveTab] = useState<"all" | "music" | "animation" | "fantasy">("all") const [activeTab, setActiveTab] = useState<string>("all")
const tabMap = {
all: "all",
narrative: "narrative",
music_video: "music video",
education: "education",
commercial: "commercial",
"2d_anime": "2d anime",
"3d_anime": "3d anime",
}
useEffect(() => { useEffect(() => {
void getTemplateStoryList() void getTemplateStoryList()
@ -52,7 +61,7 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
</h2> </h2>
{showTabs && ( {showTabs && (
<div data-alt="template-tabs" className={`flex flex-wrap items-center gap-2 ${isDesktop ? 'ml-4' : 'ml-0'}`}> <div data-alt="template-tabs" className={`flex flex-wrap items-center gap-2 ${isDesktop ? 'ml-4' : 'ml-0'}`}>
{(["all", "music", "animation", "fantasy"] as const).map((tab) => ( {(["all", "narrative", "music_video", "education", "commercial", "2d_anime", "3d_anime"] as const).map((tab) => (
<button <button
key={tab} key={tab}
type="button" type="button"
@ -64,7 +73,7 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
: "border-white/20 text-white/80 hover:border-white/40 hover:bg-white/10" : "border-white/20 text-white/80 hover:border-white/40 hover:bg-white/10"
}`} }`}
> >
{tab.toUpperCase()} {tabMap[tab as keyof typeof tabMap].toUpperCase()}
</button> </button>
))} ))}
</div> </div>

7
components/pages/create-video/CreateInput/ConfigPanel.tsx
View File

@ -9,7 +9,6 @@ import { WandSparkles, RectangleHorizontal, RectangleVertical } from 'lucide-rea
import { Dropdown, Tooltip } from 'antd'; import { Dropdown, Tooltip } from 'antd';
import { LanguageOptions, VideoDurationOptions } from './config-options'; import { LanguageOptions, VideoDurationOptions } from './config-options';
import type { ConfigOptions, LanguageValue, VideoDurationValue } from './config-options'; import type { ConfigOptions, LanguageValue, VideoDurationValue } from './config-options';
import { PortraitAnimeSelector } from './PortraitAnimeSelector';
interface ConfigPanelProps { interface ConfigPanelProps {
/** Current configuration options */ /** Current configuration options */
@ -149,12 +148,6 @@ export const ConfigPanel = ({
<RectangleHorizontal className="w-4 h-4" /> <RectangleHorizontal className="w-4 h-4" />
</button> </button>
</div> </div>
{/* Portrait/Anime selector */}
<PortraitAnimeSelector
value={configOptions.pcode}
onChange={(v) => onConfigChange('pcode', v, true)}
/>
</div> </div>
); );
}; };