https://nickz.ai/assets/js/index-Cuveq0p-.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/js/HomePage-DWXl-8dA.js","assets/js/vendor-react-DejgYtBM.js","assets/js/vendor-semi-D8d7bTtM.js","assets/js/index-BeIIFw6E.js","assets/js/vendor-icons-EJvJ5X-w.js","assets/js/vendor-motion-Chfy_MiU.js","assets/js/index-BXaa1F4t.js","assets/js/transparent-billing-bv1avqqc.js","assets/css/vendor-semi-o4lF_xks.css","assets/css/index-D0vqlaxj.css","assets/css/HomePage-CZHvUUwO.css","assets/js/HomePage-BCElfoFe.js","assets/js/index-DX7HKVjU.js","assets/js/HomePage-BOS24C2y.js","assets/js/index-BlXHwLAN.js","assets/js/HomePage-dv_sJAN5.js","assets/js/HomePage-CDPWuAbV.js","assets/js/HomePage-BKUfGHQg.js","assets/js/HomePage-B8PYgk5N.js","assets/js/HomePage-Bfz0lw2l.js","assets/js/HomePage-CjRkqB7c.js","assets/js/HomePage-BY9_2j-0.js","assets/js/HomePage-l1_KTH5M.js","assets/js/HomePage-0CSTi2zR.js"])))=>i.map(i=>d[i]);
2import{u as e,_ as s}from"./index-BeIIFw6E.js";import{f as a,r as l,j as r}from"./vendor-react-DejgYtBM.js";import{R as t,C as i,f as c,i as n,j as d,k as o,D as m,B as x,l as u,m as j,n as h}from"./vendor-semi-D8d7bTtM.js";import{a as p,b as g,R as _,E as f}from"./vendor-icons-EJvJ5X-w.js";import"./vendor-motion-Chfy_MiU.js";const{Title:v,Text:b}=c,N=()=>{const{t:c}=e(),[N,y]=a(),[E,P]=l.useState(N.get("template")||"1"),[w,D]=l.useState(null),[T,z]=l.useState(!1),H=[{value:"1",label:"模板1 - 现代化风格",description:"清新现代的设计，适合大多数场景"},{value:"2",label:"模板2 - Bento网格风格",description:"现代化网格布局，视觉冲击力强"},{value:"3",label:"模板3 - 科技感风格",description:"未来科技感设计，适合技术公司"},{value:"4",label:"模板4 - 商务精英风格",description:"专业商务设计，适合企业级应用"},{value:"5",label:"模板5 - 创意艺术风格",description:"富有创意的艺术设计，视觉效果突出"},{value:"6",label:"模板6 - 极简黑白风格",description:"简约黑白设计，专注内å

2®¹æœ¬èº«"},{value:"7",label:"模板7 - 现代化卡片式布局",description:"重新设计的现代化卡片风格"},{value:"8",label:"模板8 - 全屏视觉风格",description:"大图背景设计，视觉冲击强烈"},{value:"9",label:"模板9 - 分屏对比风格",description:"左右分屏布局，对比效果明显"},{value:"10",label:"模板10 - 时间轴风格",description:"时间轴式信息展示，逻辑清晰"},{value:"11",label:"模板11 - 瀑布流风格",description:"瀑布流布局，内容丰富多样"},{value:"12",label:"模板12 - 3D立体风格",description:"3D视觉效果，前沿科技感"}],I=async e=>{z(!0),D(null);try{const a=await(e=>{switch(e){case"1":case 1:default:return s(()=>import("./HomePage-DWXl-8dA.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]));case"2":case 2:return s(()=>import("./HomePage-BCElfoFe.js"),__vite__mapDeps([11,1,2,3,4,5,12,8,9]));case"3":case 3:return s(()=>import("./HomePage-BOS24C2y.js"),__vite__mapDeps([13,1,2,3,4,5,12,14,6,8,9]));case"4":case 4:return s(()=>import("./HomePage-dv_sJAN5.js"),__vite__mapDeps([15,1,2,3,4,5,8,9]));case"5":case 5:return s(()=>import("./HomePage-CDPWuAbV.js"),__vite__mapDeps([16,1,2,3,4,5,12,14,6,8,9]));case"6":case 6:return s(()=>import("./HomePage-BKUfGHQg.js"),__vite__mapDeps([17,1,2,3,4,5,8,9]));case"7":case 7:return s(()=>import("./HomePage-B8PYgk5N.js"),__vite__mapDeps([18,1,2,3,4,5,8,9]));case"8":case 8:return s(()=>import("./HomePage-Bfz0lw2l.js"),__vite__mapDeps([19,1,2,3,4,5,12,14,6,8,9]));case"9":case 9:return s(()=>import("./HomePage-CjRkqB7c.js"),__vite__mapDeps([20,1,2,3,4,5,14,6,12,8,9]));case"10":case 10:return s(()=>import("./HomePage-BY9_2j-0.js"),__vite__mapDeps([21,1,2,3,4,5,8,9]));case"11":case 11:return s(()=>import("./HomePage-l1_KTH5M.js"),__vite__mapDeps([22,1,2,3,4,5,8,9]));case"12":case 12:return s(()=>import("./HomePage-0CSTi2zR.js"),__vite__mapDeps([23,1,2,3,4,5,12,14,6,8,9]))}})(e);a&&a.default?D(()=>a.default):(console.error("Template module has no default export:",a),D(null))}catch(a){console.error("Failed to load template:",a),D(null)}finally{z(!1)}},R=e=>{P(e),y({template:e}),I(e)};l.useEffect(()=>{I(E)},[]);const A=H.find(e=>e.value===E);return r.jsxs("div",{className:"min-h-screen bg-background",children:[r.jsx("div",{className:"sticky top-0 z-50 bg-card border-b border-border shadow-sm",children:r.jsx("div",{className:"max-w-7xl mx-auto px-4 py-4",children:r.jsxs(t,{gutter:[16,16],align:"middle",children:[r.jsx(i,{flex:"auto",children:r.jsxs("div",{className:"flex items-center gap-4",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(p,{size:20,className:"text-primary"}),r.jsx(v,{heading:4,className:"!text-lg !font-bold !text-foreground !m-0",children:"模板预览"})]}),r.jsx(n,{color:"blue",size:"small",children:A?.label||"未知模板"})]})}),r.jsx(i,{children:r.jsxs(d,{children:[r.jsx(o,{value:E,onChange:R,style:{width:300,height:56},placeholder:c("选择模板"),prefix:r.jsx(g,{size:16}),dropdownStyle:{maxHeight:400},optionHeight:60,renderSelectedItem:e=>r.jsxs("div",{className:"py-1",children:[r.jsx("div",{className:"font-semibold text-sm",children:e.label}),r.jsx("div",{className:"text-xs text-muted-foreground mt-0.5 leading-tight",children:e.description})]}),children:H.map(e=>r.jsx(o.Option,{value:e.value,label:e.label,description:e.description,children:r.jsxs("div",{className:"py-2",children:[r.jsx("div",{className:"font-semibold text-base",children:e.label}),r.jsx("div",{className:"text-xs text-muted-foreground mt-1 leading-relaxed",children:e.description})]})},e.value))}),r.jsx(m,{layout:"vertical"}),r.jsx(x,{icon:r.jsx(_,{size:16}),onClick:()=>I(E),size:"small",loading:T,children:"刷新"})]})})]})})}),r.jsx("div",{className:"p-4",children:r.jsx("div",{className:"flex justify-center",children:r.jsx("div",{style:{width:"100%",backgroundColor:"hsl(var(--background))"},children:T?r.jsx("div",{className:"flex items-center justify-center py-20",children:r.jsx(u,{size:"large",tip:"加载模板中..."})}):w?r.jsx(l.Suspense,{fallback:r.jsx("div",{className:"flex items-center justify-center py-20",children:r.jsx(u,{size:"large",tip:"渲染模板中..."})}),children:r.jsx(w,{})}):r.jsxs("div",{className:"flex flex-col items-center justify-center py-20",children:[r.jsx("div",{className:"text-6xl mb-4",children:"😞"}),r.jsx(v,{heading:4,className:"!text-foreground !mb-2",children:"模板加载失败"}

2),r.jsxs(b,{className:"!text-foreground/80 !mb-4",children:["无法加载模板 ",E,"，请尝试刷新或选择其他模板"]}),r.jsx(x,{type:"primary",icon:r.jsx(_,{size:16}),onClick:()=>I(E),children:"重新加载"})]})})})}),A&&r.jsx("div",{className:"max-w-7xl mx-auto px-4 pb-8",children:r.jsx(j,{className:"!rounded-xl !shadow-lg !border-none",children:r.jsxs("div",{className:"flex items-start gap-6",children:[r.jsx("div",{className:"w-12 h-12 bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl flex items-center justify-center flex-shrink-0",children:r.jsx(f,{size:24,className:"text-white"})}),r.jsxs("div",{className:"flex-1",children:[r.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[r.jsx(v,{heading:4,className:"!text-xl !font-bold !text-foreground !m-0",children:A.label}),r.jsxs(n,{color:"blue",size:"small",children:["模板 ",E]})]}),r.jsx(b,{className:"!text-foreground/80 !leading-relaxed !mb-4",children:A.description}),r.jsxs("div",{className:"flex flex-wrap gap-2",children:[r.jsx(n,{className:"!bg-success-light-default !text-success",children:"响应式设计"}),r.jsx(n,{className:"!bg-primary/10-light-default !text-primary",children:"明暗模式"}),r.jsx(n,{className:"!bg-warning-light-default !text-warning",children:"现代化UI"}),r.jsx(n,{className:"!bg-primary/10 !text-primary",children:"高性能"})]})]}),r.jsxs("div",{className:"text-right",children:[r.jsx(b,{className:"!text-sm !text-muted-foreground block",children:"预览模式: 桌面端"}),r.jsx(b,{className:"!text-sm !text-muted-foreground",children:"尺寸: 100%"})]})]})})}),r.jsx("div",{className:"fixed bottom-6 right-6",children:r.jsx(j,{className:"!rounded-xl !shadow-lg !border-none !p-3",children:r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsxs(b,{className:"!text-sm !text-foreground/80",children:[c("快速切换"),":"]}),r.jsxs(d,{size:"small",children:[H.slice(0,6).map(e=>r.jsx(x,{size:"small",type:E===e.value?"primary":"tertiary",onClick:()=>R(e.value),className:"!w-8 !h-8 !p-0",children:e.value},e.value)),H.length>6&&r.jsx(b,{className:"!text-xs !text-muted-foreground",children:"..."})]})]})})}),r.jsx(h,{})]})};export{N as default};