https://kirigaya.cn/js/4843.4d9b45cc.js

1"use strict";(self.webpackChunknew_dust_fe=self.webpackChunknew_dust_fe||[]).push([[4843],{14843:function(e,l,a){a.r(l),a.d(l,{default:function(){return Y}}),a(27413),a(16274),a(81545),a(19887),a(75447);var n=a(95395),t=a(91091),i=a(59593),u=a(11675),s=a(93694),c=a(31744),o=a(81307),r=a(22093);const v={class:"blog-collection-manage"},d={class:"create-section"},m={class:"create-section-header"},k={class:"create-form"},p=["src"],g={key:1,class:"cover-empty"},f={key:2,class:"cover-change-mask"},y={class:"create-fields"},L={class:"form-item"},b={class:"form-item"},C={class:"create-actions"},h=["disabled"],w={key:0,class:"loading-spinner"},E={key:1},X={key:0,class:"loading-hint"},U={class:"stats-hint"},S={class:"table-wrap"},_=["src"],K={key:1,class:"cover-empty compact"},q=["src"],R={key:2,class:"muted"},x=["onKeydown"],I={key:1},D={key:1,class:"desc-text"},N={key:0,class:"article-list"},V=["onDragstart","onDragover","onDrop"],F={class:"article-order"},J={key:0,class:"order-saving"},Q={key:1,class:"muted"},$={class:"actions"},j=["onClick"],G=["onClick"],A=["onClick"],T={key:0};var W={__name:"index",setup(e){const l=(0,u.KR)([]),a=(0,u.KR)(!0),W=(0,u.KR)(!1),Y=(0,s.lq)(),z=(0,u.KR)(null),B=(0,u.KR)(null),H=(0,u.KR)(null),M=(0,u.KR)({name:"",imgUrl:"",description:""}),O=(0,u.KR)(""),P=(0,u.KR)({name:"",imgUrl:"",description:""}),Z=(0,u.KR)(null),ee=(0,u.KR)("");async function le(){a.value=!0;try{const e=await(0,c.hL)();200===e.code?l.value=e.data||[]:(0,o.Su)("加载失败",e.data||e.message||"未知错误")}catch(e){(0,o.Su)("加载失败",String((null==e?void 0:e.message)||e))}finally{a.value=!1}}async function ae(){if(M.value.name&&M.value.imgUrl&&M.value.description){W.value=!0;try{const e=await(0,c.nE)({name:M.value.name,imgUrl:M.value.imgUrl,description:M.value.description});200===e.code?((0,o.Su)("创建成功"),M.value={name:"",imgUrl:"",description:""},await le()):(0,o.Su)("创建失败",e.data||"未知错误")}catch(e){(0,o.Su)("创建失败",String((null==e?void 0:e.message)||e))}finally{W.value=!1}}else(0,o.Su)("请填写合集名称、封面和简介")}function ne(){O.value="",P.value={name:"",imgUrl:"",description:""}}async function te(e){if(P.value.name&&P.value.imgUrl&&P.value.description)try{const l=await(0,c.D1)({oldName:e.name,newName:P.value.name,imgUrl:P.value.imgUrl,description:P.value.description});200===l.code?((0,o.Su)("修改成功"),ne(),await le()):(0,o.Su)("修改失败",l.data||"未知错误")}catch(e){(0,o.Su)("修改失败",String((null==e?void 0:e.message)||e))}else(0,o.Su)("合集名称、封面和简介不能为空")}function ie(){var e;null===(e=B.value)||void 0===e||e.click()}function ue(){var e;null===(e=H.value)||void 0===e||e.click()}async function se(e,l){var a;const n=null===(a=e.target.files)||void 0===a?void 0:a[0];if(!n)return;const t=new o.Qq({background:"rgba(0, 0, 0, 0.85)"});try{const e=new FormData;e.append("image",n);const a=await(0,r.V6)(e);if(!a.fileId)throw new Error(a.error||a.message||"上传失败");l.imgUrl=(0,r.VG)(a.fileId),(0,o.Su)("图片上传成功")}catch(e){(0,o.Su)("图片上传失败",String((null==e?void 0:e.message)||e))}finally{t.close(),e.target.value=""}}function ce(){Z.value=null}return(0,n.sV)((async()=>{var e,l;await le(),"create"===Y.query.action&&(await(0,n.dY)(),null===(e=z.value)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"}),null===(l=z.value)||void 0===l||l.focus())})),(e,u)=>{const s=(0,n.g2)("router-link");return(0,n.uX)(),(0,n.CE)("div",v,[u[18]||(u[18]=(0,n.Lk)("h2",{class:"page-title"},"博客合集",-1)),(0,n.Lk)("div",d,[(0,n.Lk)("div",m,[u[6]||(u[6]=(0,n.Lk)("h3",null,"创建合集",-1)),(0,n.Lk)("span",null,(0,t.v_)(M.value.imgUrl?"封面已上传":"等待封面"),1)]),(0,n.Lk)("div",k,[(0,n.Lk)("div",{class:"cover-uploader create-cover-uploader",onClick:ie},[M.value.imgUrl?((0,n.uX)(),(0,n.CE)("img",{key:0,src:M.value.imgUrl,class:"cover-preview"},null,8,p)):((0,n.uX)(),(0,n.CE)("div",g,u[7]||(u[7]=[(0,n.Lk)("span",{class:"iconfont icon-image"},null,-1),(0,n.Lk)("span",null,"上传封面",-1)]))),M.value.imgUrl?((0,n.uX)(),(0,n.CE)("div",f,"更换封面")):(0,n.Q3)("",!0),(0,n.Lk)("input",{ref_key:"createImageInputRef",ref:B,type:"file",accept:"image/*",hidden:"",onCh

1ange:u[0]||(u[0]=e=>se(e,M.value))},null,544)]),(0,n.Lk)("div",y,[(0,n.Lk)("div",L,[u[8]||(u[8]=(0,n.Lk)("label",null,"合集名称",-1)),(0,n.bo)((0,n.Lk)("input",{ref_key:"createNameInputRef",ref:z,"onUpdate:modelValue":u[1]||(u[1]=e=>M.value.name=e),type:"text",class:"text-input",placeholder:"输入新合集名称",onKeydown:(0,i.jR)(ae,["enter"])},null,544),[[i.Jo,M.value.name,void 0,{trim:!0}]])]),(0,n.Lk)("div",b,[u[9]||(u[9]=(0,n.Lk)("label",null,"合集简介",-1)),(0,n.bo)((0,n.Lk)("textarea",{"onUpdate:modelValue":u[2]||(u[2]=e=>M.value.description=e),class:"text-input textarea-input",placeholder:"输入合集简介"},null,512),[[i.Jo,M.value.description,void 0,{trim:!0}]])]),(0,n.Lk)("div",C,[(0,n.Lk)("button",{type:"button",class:"create-btn",disabled:W.value,onClick:ae},[W.value?((0,n.uX)(),(0,n.CE)("span",w)):((0,n.uX)(),(0,n.CE)("span",E,"创建合集"))],8,h)])])])]),a.value?((0,n.uX)(),(0,n.CE)("div",X,"加载中...")):((0,n.uX)(),(0,n.CE)(n.FK,{key:1},[(0,n.Lk)("div",U,"共 "+(0,t.v_)(l.value.length)+" 个合集",1),(0,n.Lk)("div",S,[(0,n.Lk)("table",null,[u[17]||(u[17]=(0,n.Lk)("thead",null,[(0,n.Lk)("tr",null,[(0,n.Lk)("th",null,"封面"),(0,n.Lk)("th",null,"合集名称"),(0,n.Lk)("th",null,"简介"),(0,n.Lk)("th",null,"文章数"),(0,n.Lk)("th",null,"创建时间"),(0,n.Lk)("th",null,"文章"),(0,n.Lk)("th",null,"操作")])],-1)),(0,n.Lk)("tbody",null,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(l.value,(e=>((0,n.uX)(),(0,n.CE)("tr",{key:e.name},[(0,n.Lk)("td",null,[O.value===e.name?((0,n.uX)(),(0,n.CE)("div",{key:0,class:"cover-uploader table-cover-uploader",onClick:ue},[P.value.imgUrl?((0,n.uX)(),(0,n.CE)("img",{key:0,src:P.value.imgUrl,class:"cover-preview"},null,8,_)):((0,n.uX)(),(0,n.CE)("div",K,u[10]||(u[10]=[(0,n.Lk)("span",{class:"iconfont icon-image"},null,-1)]))),(0,n.Lk)("input",{ref_for:!0,ref_key:"editImageInputRef",ref:H,type:"file",accept:"image/*",hidden:"",onChange:u[3]||(u[3]=e=>se(e,P.value))},null,544)])):e.imgUrl?((0,n.uX)(),(0,n.CE)("img",{key:1,src:e.imgUrl,class:"cover-thumb"},null,8,q)):((0,n.uX)(),(0,n.CE)("span",R,"暂无"))]),(0,n.Lk)("td",null,[O.value===e.name?(0,n.bo)(((0,n.uX)(),(0,n.CE)("input",{key:0,"onUpdate:modelValue":u[4]||(u[4]=e=>P.value.name=e),type:"text",class:"edit-input",onKeydown:(0,i.jR)((l=>te(e)),["enter"])},null,40,x)),[[i.Jo,P.value.name,void 0,{trim:!0}]]):((0,n.uX)(),(0,n.CE)("span",I,(0,t.v_)(e.name),1))]),(0,n.Lk)("td",null,[O.value===e.name?(0,n.bo)(((0,n.uX)(),(0,n.CE)("textarea",{key:0,"onUpdate:modelValue":u[5]||(u[5]=e=>P.value.description=e),class:"edit-input textarea-input table-textarea"},null,512)),[[i.Jo,P.value.description,void 0,{trim:!0}]]):((0,n.uX)(),(0,n.CE)("span",D,(0,t.v_)(e.description||"-"),1))]),(0,n.Lk)("td",null,(0,t.v_)(e.blogCount||0),1),(0,n.Lk)("td",null,(0,t.v_)(e.createTime||"-"),1),(0,n.Lk)("td",null,[e.blogs&&e.blogs.length?((0,n.uX)(),(0,n.CE)("div",N,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(e.blogs,((l,a)=>{var r,v;return(0,n.uX)(),(0,n.CE)("div",{key:l.seq,class:(0,t.C4)(["article-sort-item",{dragging:(null===(r=Z.value)||void 0===r?void 0:r.collectionName)===e.name&&(null===(v=Z.value)||void 0===v?void 0:v.seq)===l.seq}]),draggable:"true",onDragstart:a=>function(e,l){Z.value={collectionName:e.name,seq:l.seq}}(e,l),onDragover:(0,i.D$)((l=>function(e,l){if(!Z.value||Z.value.collectionName!==e.name)return;const a=e.blogs.findIndex((e=>e.seq===Z.value.seq));if(a<0||a===l)return;const n=[...e.blogs],[t]=n.splice(a,1);n.splice(l,0,t),e.blogs=n}(e,a)),["prevent"]),onDrop:(0,i.D$)((l=>async function(e){if(Z.value&&Z.value.collectionName===e.name){ee.value=e.name;try{const l=await(0,c.GL)({name:e.name,seqs:e.blogs.map((e=>Number(e.seq)))});200===l.code?(0,o.Su)("排序已保存"):((0,o.Su)("保存排序失败",l.data||"未知错误"),await le())}catch(e){(0,o.Su)("保存排序失败",String((null==e?void 0:e.message)||e)),await le()}finally{ee.value="",Z.value=null}}}(e)),["prevent"]),onDragend:ce},[u[11]||(u[11]=(0,n.Lk)("span",{class:"drag-handle iconfont icon-more",title:"拖拽排序"},null,-1)),(0,n.Lk)("span",F,(0,t.v_)(a+1),1),(0,n.bF)(s,{class:"article-link",to:{path:"/blog/article",query:{seq:l.seq}},draggable:"false"},{default:(0,n.k6)((()=>[(0,n.eW)(" #"+(0,t.v_)(l.seq)+" "+(0,t.v_)(l.name),1)])),_:2},1032,["to"])],42,V)})),128)),ee.value===e.name?((0,n.uX)(),(0,n.CE)("span",J,"正在保存排序...")):(0,n.Q3)("",!0)])):((0,n.uX)(),(0,n.CE)("span",Q,"暂无文章"))]),(0,n.Lk)("td",$,[O.value===e.name?((0,n.uX)(),(0,n.CE)(n.FK,{key:0},[(0,n.Lk)("button",{class:"icon-btn icon-btn-save",onClick:l=>te(e),title:"保存"},u[12]||(u[12]=[(0,n.Lk)("span",{class:"iconfont icon-check"},null,-1)]),8,j),(0,n.Lk)("button",{class:"icon-btn icon-btn-cancel",onClick:ne,title:"取消"},u[13]||(u[13]=[(0,n.Lk)("span",{class:"iconfont icon-close"},null,-1)]))],64)):((0,n.uX)(),(0,n.CE)(n.FK,{key:1},[(0,n.Lk)("button",{class:"icon-btn icon-btn-edit",onClick:l=>function(e){O.value=e.name,P.value={name:e.name,imgUrl:e.imgUrl||"",description:e.description||""}}(e),title:"编辑"},u[14]||(u[14]=[(0,n.Lk)("span",{class:"iconfont icon-write"},null,-1)]),8,G),(0,n.Lk)("button",{class:"icon-btn icon-btn-delete",onClick:l=>async function(e){if(confirm(`确定要删除合集「${e.name}」吗？文章不会被删除，但会移出该合集。`))try{const l=await(0,c.s9)({name:e.name});200===l.code?((0,o.Su)("删除成功"),await le()):(0,o.Su)("删除失败",l.data||"未知错误")}catch(e){(0,o.Su)("删除失败",String((null==e?void 0:e.message)||e))}}(e),title:"删除"},u[15]||(u[15]=[(0,n.Lk)("span",{class:"iconfont icon-delete"},null,-1)]),8,A)],64))])])))),128)),0===l.value.length?((0,n.uX)(),(0,n.CE)("tr",T,u[16]||(u[16]=[(0,n.Lk)("td",{colspan:"7",class:"empty-row"},"暂无合集，请上方创建",-1)]))):(0,n.Q3)("",!0)])])])],64))])}}},Y=(0,a(91512).A)(W,[["__scopeId","data-v-1f3a0067"]])}}]);