@wetspace/pro-components/dist/pro-list/src/index.vue.js

::: tip 基本介绍

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("element-plus"),w=require("./types.js"),x=require("../../pro-form/index.js"),z=require("../../ellipsis/index.js"),S=e.defineComponent({__name:"index",props:w.wetProListProps,emits:["update:selection"],setup(y,{emit:E}){const n=r.useNamespace("pro-list"),i=e.useSlots(),t=y,d=e.ref([]),B=r.ElLoading.directive,f=E,m=e.computed(()=>t.request?d.value:t.dataSource),N=l=>{const a=i.default&&i.default({});return()=>a==null?void 0:a.map(o=>e.cloneVNode(o,{info:l}))},V=(l,a)=>{let o=[...t.selection];l?o.push(a):o=o.filter(p=>p[t.rowKey]!==a[t.rowKey]),f("update:selection",o)},h=()=>{f("update:selection",[])},c=e.ref(!1),g=e.ref({}),k=async()=>{c.value=!0;try{const l=await t.request(g.value,s.value);l.success&&(d.value=l.data,s.value.total=l.total)}catch(l){console.error(l)}c.value=!1},s=e.ref({pageSize:10,currentPage:1,total:0}),C=async l=>{if(s.value.currentPage=1,c.value=!0,t.request){g.value=l;try{const a=await t.request(l,s.value);a.success&&(d.value=a.data,s.value.total=a.total)}catch(a){console.error(a)}}c.value=!1},v=e.computed(()=>{const l={pageSizes:[10,20,50],layout:"total,sizes,prev,pager,next,jumper",background:!0,position:"center"};return typeof t.pagination=="boolean"?l:{...l,...t.pagination}});return e.onMounted(()=>{t.request&&C({})}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b()]),style:e.normalizeStyle(`--wet-prolist-gutter:${t.grid.gutter/2||0}px`)},[t.search?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n).e("form"),e.unref(n).is("ghost",t.ghost)])},[e.createVNode(e.unref(x.WetQeuryForm),e.mergeProps(t.search,{onQuery:C}),null,16)],2)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createBlock(e.unref(r.ElRow),{class:e.normalizeClass([e.unref(n).e("panel"),e.unref(n).is("card",t.type==="card"),e.unref(n).is("ghost",t.ghost)]),gutter:t.grid.gutter,tag:"ul"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElCol),{span:24},{default:e.withCtx(()=>[t.title||e.unref(i)["tools-bar"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n).e("tool-bar"),e.unref(n).is("card",t.type==="card")])},[e.createVNode(e.unref(r.ElRow),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElCol),{span:8},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElText),null,{default:e.withCtx(()=>[e.createVNode(e.unref(z.TextEllipsis),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})]),_:1})]),_:1}),e.createVNode(e.unref(r.ElCol),{span:16},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"tools-bar")]),_:3})]),_:3})],2)):e.createCommentVNode("",!0)]),_:3}),t.selection&&t.selection.length!==0?(e.openBlock(),e.createBlock(e.unref(r.ElCol),{key:0,span:24},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("selection-tip"))},[e.createVNode(e.unref(r.ElAlert),{closable:!1},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).em("selection-tip","content"))},[e.createVNode(e.unref(r.ElText),null,{default:e.withCtx(()=>[e.createTextVNode("已选择"+e.toDisplayString(t.selection.length)+"项",1)]),_:1}),e.createVNode(e.unref(r.ElButton),{link:"",type:"primary",onClick:h},{default:e.withCtx(()=>a[2]||(a[2]=[e.createTextVNode(" 取消选择 ")])),_:1})],2)]),_:1})],2)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(o,p)=>(e.openBlock(),e.createBlock(e.unref(r.ElCol),e.mergeProps({key:o[t.rowKey]||p,tag:"li",ref_for:!0},{...t.grid}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).is("card",t.type==="card"),e.unref(n).is("selected",l.selection&&l.selection.map(u=>u[t.rowKey]).includes(o[t.rowKey]))])},[e.unref(i).default?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N(o)),{key:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.selection?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("selection"))},[e.createVNode(e.unref(r.ElCheckbox),{"model-value":l.selection.map(u=>u[t.rowKey]).includes(o[t.rowKey]),onChange:u=>V(u,o)},null,8,["model-value","onChange"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("hd"))},[t.headElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.headElement(o)),{key:0})):e.createCommentVNode("",!0),!t.headElement&&o.image?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("image"))},[e.createVNode(e.unref(r.ElImage),{class:e.normalizeClass(e.unref(n).m("content-image")),fit:"cover",src:o.image},null,8,["class","src"])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).em("item","title"))},[t.nameElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.nameElement(o)),{key:0})):(e.openBlock(),e.createBlock(e.unref(r.ElText),{key:1,tag:"b"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.name),1)]),_:2},1024))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).em("item","description"))},[t.contentElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.contentElement),{key:0})):(e.openBlock(),e.createBlock(e.unref(r.ElText),{key:1,type:"info"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.desc),1)]),_:2},1024))],2)],2),t.actionsElement?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("ft"))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.actionsElement(o))))],2)):e.createCommentVNode("",!0)],64))],2)]),_:2},1040))),128)),!m.value||m.value.length===0?(e.openBlock(),e.createBlock(e.unref(r.ElCol),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ElEmpty))]),_:1})):e.createCommentVNode("",!0)]),_:3},8,["class","gutter"])),[[e.unref(B),c.value]]),t.request&&t.pagination?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n).e("pagination"),e.unref(n).is("ghost",t.ghost),v.value.position])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("pagination-inner"))},[e.createVNode(e.unref(r.ElPagination),e.mergeProps(v.value,{"current-page":s.value.currentPage,"onUpdate:currentPage":a[0]||(a[0]=o=>s.value.currentPage=o),"page-size":s.value.pageSize,"onUpdate:pageSize":a[1]||(a[1]=o=>s.value.pageSize=o),total:s.value.total,onCurrentChange:k,onSizeChange:k}),null,16,["current-page","page-size","total"])],2)],2)):e.createCommentVNode("",!0)],6))}});exports.default=S;