1 line
5.3 KiB
JavaScript
1 line
5.3 KiB
JavaScript
import{$ as e,$t as t,Et as n,Ft as r,Gt as i,K as a,Nt as o,Q as s,St as c,Z as l,at as u,et as d,hn as f,it as p,rt as m,wt as h,yt as g}from"./editor-DJ72UhpY.js";import{Cr as ee,Mr as te,Yr as ne,a as _,i as v}from"./vendor-BqxQPPIo.js";import{t as y}from"./index-BsmF42t4.js";import{t as b}from"./post-C2MqO86O.js";import{t as x}from"./category-BqOiLN1V.js";import{t as S}from"./tag-DZxWPK-P.js";import{n as re}from"./format-D0maeLNC.js";var ie={class:`min-h-screen bg-gray-50`},C={class:`bg-white shadow-sm sticky top-0 z-10`},w={class:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`},ae={class:`flex justify-between items-center h-16`},oe={class:`flex items-center gap-4`},se={class:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8`},ce={class:`grid grid-cols-1 lg:grid-cols-4 gap-8`},T={class:`lg:col-span-3`},E={key:0,class:`mb-6`},D={key:1,class:`flex justify-center py-12`},O={key:2,class:`text-center py-12`},k={key:3,class:`space-y-6`},A={class:`flex flex-col gap-3`},j={class:`text-xl font-semibold text-gray-900 hover:text-blue-600`},M={key:0,class:`text-gray-600 line-clamp-2`},N={class:`flex flex-wrap items-center gap-4 text-sm text-gray-500`},P={key:0,class:`flex items-center gap-1`},F={class:`flex items-center gap-1`},I={class:`flex items-center gap-1`},L={key:1,class:`flex flex-wrap gap-2`},R={key:4,class:`mt-8 flex justify-center`},z={class:`space-y-6`},B={key:0,class:`flex justify-center`},V={key:1,class:`space-y-2`},H=[`onClick`],U={key:0,class:`flex justify-center`},W={key:1,class:`flex flex-wrap gap-2`},G=u({__name:`Home`,setup(u){let G=v(),K=_(),q=y(),J=b(),Y=x(),X=S(),Z=i(1),Q=i(10);async function $(){let e={page:Z.value,size:Q.value,status:`published`};G.name===`CategoryPosts`&&G.params.slug&&(e.category=G.params.slug),G.name===`TagPosts`&&G.params.slug&&(e.tag=G.params.slug),await J.fetchPosts(e)}function le(e){Z.value=e,$()}function ue(e){Q.value=e,Z.value=1,$()}return o(()=>G.params,()=>{Z.value=1,$()},{immediate:!0}),g(()=>{Y.fetchCategories(),X.fetchTags()}),(i,o)=>{let u=n(`router-link`),g=n(`el-button`),_=n(`el-alert`),v=n(`el-loading-spinner`),y=n(`el-empty`),b=n(`el-icon`),x=n(`el-tag`),S=n(`el-card`),$=n(`el-pagination`);return c(),d(`div`,ie,[l(`header`,C,[l(`div`,w,[l(`div`,ae,[p(u,{to:`/`,class:`text-xl font-bold text-gray-900`},{default:r(()=>[...o[3]||=[m(` ijmuv Blog `,-1)]]),_:1}),l(`div`,oe,[t(q).isLoggedIn?(c(),s(u,{key:0,to:`/bookmark`,class:`text-gray-600 hover:text-gray-900`},{default:r(()=>[...o[4]||=[m(` 书签 `,-1)]]),_:1})):e(``,!0),t(q).isLoggedIn?(c(),s(u,{key:1,to:`/admin`,class:`text-gray-600 hover:text-gray-900`},{default:r(()=>[...o[5]||=[m(` 后台管理 `,-1)]]),_:1})):(c(),s(u,{key:2,to:`/login`,class:`text-gray-600 hover:text-gray-900`},{default:r(()=>[...o[6]||=[m(` 登录 `,-1)]]),_:1}))])])])]),l(`main`,se,[l(`div`,ce,[l(`div`,T,[t(G).params.slug?(c(),d(`div`,E,[p(_,{type:`info`,closable:!1},{title:r(()=>[m(f(t(G).name===`CategoryPosts`?`分类`:`标签`)+`: `+f(t(G).params.slug),1)]),default:r(()=>[p(g,{link:``,onClick:o[0]||=e=>t(K).push(`/`)},{default:r(()=>[...o[7]||=[m(` 清除筛选 `,-1)]]),_:1})]),_:1})])):e(``,!0),t(J).loading?(c(),d(`div`,D,[p(v)])):t(J).posts?.length?(c(),d(`div`,k,[(c(!0),d(a,null,h(t(J).posts,n=>(c(),s(S,{key:n.id,shadow:`hover`,onClick:e=>t(K).push(`/post/${n.slug}`),class:`cursor-pointer`},{default:r(()=>[l(`div`,A,[l(`h2`,j,f(n.title),1),n.summary?(c(),d(`p`,M,f(n.summary),1)):e(``,!0),l(`div`,N,[n.category?(c(),d(`span`,P,[p(b,null,{default:r(()=>[p(t(te))]),_:1}),m(` `+f(n.category.name),1)])):e(``,!0),l(`span`,F,[p(b,null,{default:r(()=>[p(t(ne))]),_:1}),m(` `+f(n.views)+` 阅读 `,1)]),l(`span`,I,[p(b,null,{default:r(()=>[p(t(ee))]),_:1}),m(` `+f(t(re)(n.published_at||n.created_at)),1)])]),n.tags?.length?(c(),d(`div`,L,[(c(!0),d(a,null,h(n.tags,e=>(c(),s(x,{key:e.id,size:`small`,round:``},{default:r(()=>[m(f(e.name),1)]),_:2},1024))),128))])):e(``,!0)])]),_:2},1032,[`onClick`]))),128))])):(c(),d(`div`,O,[p(y,{description:`暂无文章`})])),t(J).pagination.total>0?(c(),d(`div`,R,[p($,{"current-page":Z.value,"onUpdate:currentPage":o[1]||=e=>Z.value=e,"page-size":Q.value,"onUpdate:pageSize":o[2]||=e=>Q.value=e,"page-sizes":[10,20,50],total:t(J).pagination.total,layout:`total, sizes, prev, pager, next`,onSizeChange:ue,onCurrentChange:le},null,8,[`current-page`,`page-size`,`total`])])):e(``,!0)]),l(`aside`,z,[p(S,null,{header:r(()=>[...o[8]||=[l(`span`,null,`分类`,-1)]]),default:r(()=>[t(Y).loading?(c(),d(`div`,B,[p(v)])):(c(),d(`div`,V,[(c(!0),d(a,null,h(t(Y).categories,e=>(c(),d(`div`,{key:e.id,class:`flex justify-between items-center py-2 px-3 rounded hover:bg-gray-100 cursor-pointer`,onClick:n=>t(K).push(`/category/${e.slug}`)},[l(`span`,null,f(e.name),1),p(x,{size:`small`,round:``},{default:r(()=>[m(f(e.slug),1)]),_:2},1024)],8,H))),128))]))]),_:1}),p(S,null,{header:r(()=>[...o[9]||=[l(`span`,null,`标签`,-1)]]),default:r(()=>[t(X).loading?(c(),d(`div`,U,[p(v)])):(c(),d(`div`,W,[(c(!0),d(a,null,h(t(X).tags,e=>(c(),s(x,{key:e.id,size:`small`,round:``,class:`cursor-pointer`,onClick:n=>t(K).push(`/tag/${e.slug}`)},{default:r(()=>[m(f(e.name),1)]),_:2},1032,[`onClick`]))),128))]))]),_:1})])])]),o[10]||=l(`footer`,{class:`bg-white border-t mt-12`},[l(`div`,{class:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6`},[l(`p`,{class:`text-center text-gray-500 text-sm`},` © 2024 ijmuv Blog. All rights reserved. `)])],-1)])}}});export{G as default}; |