2 lines
7.4 KiB
JavaScript
2 lines
7.4 KiB
JavaScript
import{_ as re}from"./index-1DQ9lz7_.js";import{f as _,c as g,o as N,u as r,a2 as m,a3 as M,a4 as s,ag as q,F as j,aj as L,S as ue,ae as R,r as ie,a9 as z,aa as n,k as a,ad as C,H as B,G as S,B as ce}from"./vue-Dl1fzmsf.js";import{bb as T,bc as _e,d as de,a9 as pe,aa as me,ab as fe,az as ve,aA as ge,bd as xe,c as we,ag as ye,be as ke,e as he,M as be,D as Se,x as $e,H as Ce,a0 as Me,a1 as He,bf as De,u as Ye,v as Ve,aq as Ie,V as Oe}from"./antd-vtmm7CAy.js";import{j as qe,_ as ze}from"./index-C-JhWVfG.js";import"./context-Dawj80bg.js";async function Be(x){return qe("/list/basic-list",x,{customDev:!0})}const Te={key:0,class:"list-container"},Ue={__name:"index",props:{dataSource:{type:Array,required:!0},itemHeight:{type:Number,required:!1,default:80}},setup(x){const d=x,f=_(),w=g(()=>`transform: translateY(${f.value}px)`),y=_(),i=g(()=>y.value?y.value.offsetHeight:0),H=g(()=>Math.ceil(i.value/d.itemHeight)+1),v=_(0),D=g(()=>v.value+H.value),t=_(),p=g(()=>{var u,c;if((u=t.value)!=null&&u.length)return d.itemHeight*((c=t.value)==null?void 0:c.length)}),k=g(()=>{var o;const u=Math.max(0,v.value),c=Math.min(D.value,t.value.length);return(o=t.value)==null?void 0:o.slice(u,c)});function h(){if(d.dataSource)t.value=d.dataSource;else{const u=Array.from({length:1e4});u.forEach((c,o)=>{u[o]=o}),t.value=u}}function Y(u){const c=u.target.scrollTop;v.value=Math.floor(c/d.itemHeight),f.value=v.value*d.itemHeight}return N(()=>{h()}),(u,c)=>r(t)?(m(),M("div",Te,[s("div",{ref_key:"scrollerContainerRef",ref:y,class:"scroller-container scrollbar",onScroll:Y},[s("div",{class:"pillar",style:q({height:`${r(p)}px`})},null,4),s("div",{class:"list",style:q(r(w))},[(m(!0),M(j,null,L(r(k),(o,e)=>(m(),M("div",{key:e,class:"item",style:q({height:`${x.itemHeight}px`})},[ue(u.$slots,"renderItem",{item:o},void 0,!0)],4))),128))],4)],544)])):R("",!0)}},Ae=ze(Ue,[["__scopeId","data-v-24f2c992"]]),Ne={class:"flex flex-col items-center justify-center"},je={class:"text-zinc-400"},Le={style:{"font-size":"24px"}},Re={class:"ml-5"},Ee={href:"https://www.antdv.com/"},Fe={class:"flex text-gray-400"},Ge={class:"px-10"},Pe={class:"w-45 flex items-center"},Je={class:"a-extra"},Qe=["onClick"],Ke=["onClick"],nt={__name:"basic-list",setup(x){const d=_([{title:"我的待办",content:"8个任务"},{title:"本周任务平均处理时间",content:"32分钟"},{title:"本周完成任务数",content:"24个任务"}]),f=_("a"),w=_();function y(o){console.log("use value",o)}const i=_([]),H=_({pageSize:5,pageSizeOptions:["10","20","30","40","50"],showQuickJumper:!0,total:0});async function v(){var e;const o=await Be();i.value=o.data??[],H.value.total=((e=o.data)==null?void 0:e.length)??0,console.log(i.value)}function D(o){T.confirm({title:"删除任务",icon:a(_e),content:a("div",{},"确定要删除该任务吗?"),cancelText:"取消",okText:"确认",onOk(){i.value.splice(o,1)},class:"test"})}const t=ie({title:"",start:"",owner:"清风不问烟雨",description:"",index:0}),p=_(!1),k=_(!1);function h(o,e){e?(k.value=!0,p.value=!0):(k.value=!1,p.value=!0,t.title=o.title,t.description=o.content,t.start=de(o.start),t.index=i.value.indexOf(o))}function Y(){let o=2;const e=T.success({title:"操作成功",content:`本窗口将在${o}后自动关闭`}),b=setInterval(()=>{o-=1,e.update({content:`本窗口将在${o}后自动关闭`})},1e3);setTimeout(()=>{clearInterval(b),e.destroy()},o*1e3)}function u(){for(const e in t)if(e!=="index"&&!t[e])return;const o=t.index;if(k.value){const e={title:t.title,content:t.description,start:t.start.format("YYYY-MM-DD HH:mm")};i.value.splice(0,0,e)}else for(const e in t)e==="start"?i.value[o][e]=t.start.format("YYYY-MM-DD HH:mm"):i.value[o][e]=t[e];p.value=!1,c(),Y()}function c(){console.log("cancel"),t.description="",t.owner="清风不问烟雨",t.start="",t.title=""}return N(()=>{v()}),(o,e)=>{const b=pe,U=me,V=fe,I=ve,E=ge,F=xe,G=we,P=ye,J=ke,A=he,Q=be,K=Se,W=$e,X=Ce,Z=Me,$=He,ee=De,te=Ye,ne=Ve,ae=Ie,oe=Oe,le=T,se=re;return m(),z(se,null,{default:n(()=>[a(V,null,{default:n(()=>[a(U,{gutter:16},{default:n(()=>[(m(!0),M(j,null,L(r(d),(l,O)=>(m(),z(b,{key:O,xs:24,sm:8},{default:n(()=>[s("div",Ne,[s("div",je,C(l.title),1),s("div",Le,C(l.content),1)])]),_:2},1024))),128))]),_:1})]),_:1}),a(V,{class:"mt-5"},{title:n(()=>[a(V,{bordered:!1},{default:n(()=>[a(U,{style:{"font-weight":"normal"}},{default:n(()=>[a(b,{span:14},{default:n(()=>e[9]||(e[9]=[s("span",null,"基本列表",-1)])),_:1}),a(b,{span:10,class:"flex"},{default:n(()=>[s("div",null,[a(E,{value:r(f),"onUpdate:value":e[0]||(e[0]=l=>B(f)?f.value=l:null)},{default:n(()=>[a(I,{value:"a"},{default:n(()=>e[10]||(e[10]=[S(" 全部 ")])),_:1}),a(I,{value:"b"},{default:n(()=>e[11]||(e[11]=[S(" 进行中 ")])),_:1}),a(I,{value:"c"},{default:n(()=>e[12]||(e[12]=[S(" 等待中 ")])),_:1})]),_:1},8,["value"])]),s("div",Re,[a(F,{value:r(w),"onUpdate:value":e[1]||(e[1]=l=>B(w)?w.value=l:null),placeholder:"请输入",style:{width:"270px"},onSearch:y},null,8,["value"])])]),_:1})]),_:1})]),_:1})]),default:n(()=>[r(i).length!==0?(m(),z(Ae,{key:0,"data-source":r(i)},{renderItem:n(({item:l})=>[a(W,null,{actions:n(()=>[s("div",Fe,[e[14]||(e[14]=s("div",{class:"flex flex-col items-center"},[s("div",null,"Owner"),s("div",null,"清风不问烟雨")],-1)),s("div",Ge,[e[13]||(e[13]=s("div",null,"开始时间",-1)),s("div",null,C(l.start),1)]),s("div",Pe,[a(J,{percent:l.percent,status:l.status},null,8,["percent","status"])])])]),extra:n(()=>[s("div",Je,[s("a",{key:"list-loadmore-edit",class:"m-4",onClick:O=>h(l)}," 编辑 ",8,Qe),a(K,null,{overlay:n(()=>[a(Q,null,{default:n(()=>[a(A,null,{default:n(()=>[s("a",{onClick:h},"编辑")]),_:1}),a(A,null,{default:n(()=>[s("a",{onClick:O=>D(l.index)},"删除",8,Ke)]),_:2},1024)]),_:2},1024)]),default:n(()=>[s("a",{class:"ant-dropdown-link",onClick:e[2]||(e[2]=ce(()=>{},["prevent"]))}," 更多 ")]),_:2},1024)])]),default:n(()=>[a(P,{description:l.content},{title:n(()=>[s("a",Ee,C(l.title),1)]),avatar:n(()=>[a(G,{src:l.link},null,8,["src"])]),_:2},1032,["description"])]),_:2},1024)]),_:1},8,["data-source"])):R("",!0)]),_:1}),a(X,{type:"dashed",onClick:e[3]||(e[3]=l=>h(null,!0))},{default:n(()=>e[15]||(e[15]=[S(" + 添加 ")])),_:1}),a(le,{open:r(p),"onUpdate:open":e[8]||(e[8]=l=>B(p)?p.value=l:null),title:"任务编辑",onOk:u,onCancel:c},{default:n(()=>[a(oe,{model:r(t),name:"basic","label-col":{span:24},"wrapper-col":{span:24},autocomplete:"off"},{default:n(()=>[a($,{label:"任务名称",name:"title",rules:[{required:!0,message:"请输入任务名称"}]},{default:n(()=>[a(Z,{value:r(t).title,"onUpdate:value":e[4]||(e[4]=l=>r(t).title=l)},null,8,["value"])]),_:1}),a($,{label:"开始时间",name:"start",rules:[{required:!0,message:"请选择开始时间"}]},{default:n(()=>[a(ee,{value:r(t).start,"onUpdate:value":e[5]||(e[5]=l=>r(t).start=l),class:"w-1/1","show-time":""},null,8,["value"])]),_:1}),a($,{label:"任务负责人",name:"owner",rules:[{required:!0,message:"请输入任务负责人"}]},{default:n(()=>[a(ne,{value:r(t).owner,"onUpdate:value":e[6]||(e[6]=l=>r(t).owner=l),placeholder:"please select your zone"},{default:n(()=>[a(te,{value:"owner"},{default:n(()=>e[16]||(e[16]=[S(" 清风不问烟雨 ")])),_:1})]),_:1},8,["value"])]),_:1}),a($,{label:"产品描述",name:"description",rules:[{required:!0,message:"请输入产品描述"}]},{default:n(()=>[a(ae,{value:r(t).description,"onUpdate:value":e[7]||(e[7]=l=>r(t).description=l),placeholder:"Basic usage",rows:3},null,8,["value"])]),_:1})]),_:1},8,["model"])]),_:1},8,["open"])]),_:1})}}};export{nt as default};
|