
/**
 * 由 Fantastic-admin 提供技术支持
 * Powered by Fantastic-admin
 * https://fantastic-admin.hurui.me
 */
  
import{Bt as e,C as t,M as n}from"./src-CLMBPGj1.js";import{Ct as r,Tt as i}from"./reactivity.esm-bundler-D9OPVc9J.js";import{D as a,E as o,_ as s,b as c,bt as l,g as u,k as d,mt as f,o as p,qt as m}from"./runtime-core.esm-bundler-D-xeQwTN.js";import{t as h}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as g}from"./page-header-CflkT4MF.js";var _={class:`ui-showcase text-foreground flex flex-col h-full min-h-full overflow-hidden`},v={class:`p-4 flex-1 min-h-0 overflow-auto`,"aria-label":`UI library previews`},y={class:`gap-4 grid grid-cols-[repeat(auto-fit,minmax(min(100%,320px),1fr))]`},b=[`aria-label`,`onClick`],x={class:`rounded-[6px] bg-muted aspect-[2504/1346] block overflow-hidden`},S=[`src`,`alt`],C={class:`mt-3 flex gap-3 min-w-0 items-center justify-between`},w={class:`text-[0.92rem] font-[620] min-w-0 whitespace-nowrap text-ellipsis overflow-hidden`},T=`https://fantastic-admin.hurui.me/guide/with-ui-libraries.html`,E=h(d({__name:`index`,setup(d){let h=[{id:`ant-design-vue`,name:`Ant Design Vue`,accent:`oklch(0.55 0.19 253)`,src:new URL(``+new URL(`ant-design-vue-y3lELn7f.png`,import.meta.url).href,``+import.meta.url).href},{id:`antdv-next`,name:`Antdv Next`,accent:`oklch(0.61 0.17 302)`,src:new URL(``+new URL(`antdv-next-CBGIJh5O.png`,import.meta.url).href,``+import.meta.url).href},{id:`arco-design-vue`,name:`Arco Design Vue`,accent:`oklch(0.59 0.2 221)`,src:new URL(``+new URL(`arco-design-vue-BUuIdk0a.png`,import.meta.url).href,``+import.meta.url).href},{id:`element-plus`,name:`Element Plus`,accent:`oklch(0.62 0.18 258)`,src:new URL(``+new URL(`element-plus-DQsmXB0a.png`,import.meta.url).href,``+import.meta.url).href},{id:`naive-ui`,name:`Naive UI`,accent:`oklch(0.63 0.17 143)`,src:new URL(``+new URL(`naive-ui-C6Tmj51D.png`,import.meta.url).href,``+import.meta.url).href},{id:`tdesign`,name:`TDesign`,accent:`oklch(0.64 0.18 24)`,src:new URL(``+new URL(`tdesign-BntVIiCV.png`,import.meta.url).href,``+import.meta.url).href},{id:`vexip-ui`,name:`Vexip UI`,accent:`oklch(0.65 0.16 83)`,src:new URL(``+new URL(`vexip-ui-B-aDzKFj.png`,import.meta.url).href,``+import.meta.url).href}],E=u(()=>h.map(e=>e.src)),{open:D}=t();function O(e){D(E.value,e)}function k(){window.open(T,`_blank`,`noopener,noreferrer`)}return(t,u)=>{let d=e,T=n,E=g;return f(),c(`main`,_,[a(E,{title:`三方 UI 组件库`,description:`Fantastic-admin 提供了多套内置三方 UI 组件库的预设模版，开箱即用。`,class:`mb-0 shrink-0`},{default:m(()=>[a(T,{variant:`outline`,onClick:k},{default:m(()=>[a(d,{name:`i-lucide:book-open`}),u[0]||(u[0]=o(` 了解更多 `,-1))]),_:1})]),_:1}),s(`section`,v,[s(`div`,y,[(f(),c(p,null,l(h,(e,t)=>s(`button`,{key:e.id,type:`button`,class:`preview-card group text-inherit p-3 text-left border border-[var(--showcase-line)] rounded-[8px] bg-background transition-[border-color,background-color,transform] duration-180 ease-in-out [font:inherit] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,style:r({"--accent-line":e.accent}),"aria-label":`预览 ${e.name}`,onClick:e=>O(t)},[s(`span`,x,[s(`img`,{src:e.src,alt:e.name,class:`size-full block transition-transform duration-260 ease-in-out object-cover group-focus-visible:scale-[1.012] group-hover:scale-[1.012]`},null,8,S)]),s(`span`,C,[s(`span`,w,i(e.name),1),a(d,{name:`i-lucide:maximize-2`,class:`text-muted-foreground shrink-0 size-4`})])],12,b)),64))])])])}}}),[[`__scopeId`,`data-v-06a11400`]]);export{E as default};