el-plus-powerful-table
Version:
## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-table-doc.html)
2 lines (1 loc) • 12.3 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/loading/style/css");require("element-plus/es/components/pagination/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");const e=require("vue"),m=require("../../index.js"),K=require("../../keys.js"),me=require("../../filter/useFilters.js"),l=require("./powerful-table-data.js"),H=require("../../locale/lang.js"),$=require("../../locale/packages.js"),ce={class:"pt"},ge={class:"pt-table-container"},ke={key:1},Ce={style:{display:"inline-block"}},ye={key:0},Ee=["innerHTML"],be={key:1},he={key:1,class:"bottom-operate pt-bottom-operate"},Be={key:0,class:"pt-bottom-operate-left bottom-operate-left"},ve={key:1,class:"pt-bottom-operate-right bottom-operate-right"},Se={name:"PowerfulTable"},Pe=e.defineComponent({...Se,props:l.powerfulTableProps,setup(W,{expose:G,emit:Q}){const a=Q,s=W,M=r=>["center","left","right"].includes(r)?{center:"center",left:"flex-start",right:"flex-end"}[r]:"center",{powerfulTableData:u,multipleTable:E,filterComponents:k,stateData:C,Size:B,injectProps:v}=l.usePowerfulTableStates(s),{handleHeaderFilterChange:F,getPropObj:b}=me.useFilters(C,s,k),{resetList:X,getListData:S}=l.useInitiateListRequest(u,s,v,C),{handleSelectionChange:O,returnEmit:Y,componentEmit:D,sortChange:Z,batchOperate:_,get:ee,matchComponents:te,bindAttr:L}=l.useFunction(a,u),{tableLists:j,isTable:R}=e.toRefs(C),{listLoading:ne,currentPage:N,pageSize:A,currentSelect:re,operate:f,total:q}=e.toRefs(u);e.provide(K.SizeSymbol,B),e.provide(K.JustifyFunSymbol,M),u.watchCache.push(e.watchEffect(()=>{Object.assign(u.operate,s.operateData),u.develop=Array.from({length:C.tableLists.length}).fill(!1),u.listLoading=!1}),e.watch(()=>C.tableLists,r=>{r.length&&e.nextTick(()=>le())},{immediate:!0,deep:!0}),e.watch(()=>[u.currentPage,u.pageSize],()=>{var r;Array.isArray(k.value)&&k.value.forEach(n=>{n.state.value=""}),(r=s.listRequest)!=null&&r.listApi&&(S==null||S()),ee()}));const x=e.computed(()=>s.header.filter(r=>typeof r.defaultShow=="boolean"?r.defaultShow:!0)),oe=()=>{e.nextTick(()=>{var r;(r=E.value)==null||r.doLayout()})},le=(r=s.selectData,n=C.tableLists)=>{var P,w;if(!s.isSelect)return;const c=[];let p=[];const h=[s.selectCompare?s.selectCompare[0]:"id",s.selectCompare?s.selectCompare[1]:"id"];if(r.length!=0){if(r.forEach(g=>{const d=n.filter(z=>g[h[0]]==z[h[1]]);d.length>0&&c.push(d[0])}),c.length>0){p=m.deepClone(r);for(const g in p)c.forEach(d=>{d[h[1]]==p[g][h[0]]&&p.splice(Number(g),1)})}else p=m.deepClone(r);u.otherSelect=p,u.currentSelect=c,c.length!=0?c.forEach(g=>{var d;(d=E.value)==null||d.toggleRowSelection(g,!0)}):(P=E.value)==null||P.clearSelection()}else(w=E.value)==null||w.clearSelection()};return G({$slots:e.useSlots(),$attrs:e.useAttrs(),$refs:{multipleTable:E,filterComponents:k},props:s,injectProps:v,headerLists:x.value,headerListsRef:x,powerfulTableData:u,stateData:C,resetList:X,getListData:S,handleSelectionChange:O,anewRender:oe}),(r,n)=>{var I;const c=e.resolveComponent("PTBtnPlus"),p=y.ElTableColumn,h=e.resolveComponent("PTFSelect"),P=e.resolveComponent("PTFDatePicker"),w=e.resolveComponent("PTFInput"),g=e.resolveComponent("PTRenderJsx"),d=e.resolveComponent("PTFilter"),z=e.resolveComponent("PTText"),ae=y.ElTable,ie=y.ElOption,se=y.ElSelect,ue=y.ElButton,fe=y.ElPagination,pe=y.ElLoadingDirective;return e.openBlock(),e.createElementBlock("div",ce,[r.btnConfig!==void 0||r.$slots["btn-left"]||r.$slots["btn-right"]?(e.openBlock(),e.createBlock(c,{key:0,ref:"btnPlusRef","is-table":e.unref(R),"onUpdate:isTable":n[0]||(n[0]=t=>e.isRef(R)?R.value=t:null),"btn-config":r.btnConfig,"header-list":r.header,"multiple-selection":e.unref(re),onChange:n[1]||(n[1]=(...t)=>a(e.unref(l.EmitEnum).BtnPlusChange,...t)),onRefresh:n[2]||(n[2]=t=>a(e.unref(l.EmitEnum).BtnPlusRefresh))},e.createSlots({_:2},[r.$slots["btn-left"]?{name:"btn-left",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"btn-left")]),key:"0"}:void 0,r.$slots["btn-right"]?{name:"btn-right",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"btn-right")]),key:"1"}:void 0]),1032,["is-table","btn-config","header-list","multiple-selection"])):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[e.withDirectives((e.openBlock(),e.createBlock(ae,e.mergeProps({ref_key:"multipleTable",ref:E,class:"powerful-table",data:e.unref(j)},{"element-loading-text":"Loading",border:!0,fit:!0,"row-key":"id","highlight-current-row":!0,lazy:r.tree&&r.tree.lazy||!1,load:r.tree&&r.tree.load,"tree-props":r.tree&&r.tree.props,size:e.unref(B),...r.property},{onSelectionChange:e.unref(O),onSortChange:e.unref(Z),onSelect:n[5]||(n[5]=(...t)=>a(e.unref(l.EmitEnum).Select,...t)),onSelectAll:n[6]||(n[6]=(...t)=>a(e.unref(l.EmitEnum).SelectAll,...t)),onCellMouseEnter:n[7]||(n[7]=(...t)=>a(e.unref(l.EmitEnum).CellMouseEnter,...t)),onCellMouseLeave:n[8]||(n[8]=(...t)=>a(e.unref(l.EmitEnum).CellMouseLeave,...t)),onCellClick:n[9]||(n[9]=(...t)=>a(e.unref(l.EmitEnum).CellClick,...t)),onCellDblclick:n[10]||(n[10]=(...t)=>a(e.unref(l.EmitEnum).CellDblclick,...t)),onCellContextmenu:n[11]||(n[11]=(...t)=>a(e.unref(l.EmitEnum).CellContextmenu,...t)),onRowClick:n[12]||(n[12]=(...t)=>a(e.unref(l.EmitEnum).RowClick,...t)),onRowContextmenu:n[13]||(n[13]=(...t)=>a(e.unref(l.EmitEnum).RowContextmenu,...t)),onRowDblclick:n[14]||(n[14]=(...t)=>a(e.unref(l.EmitEnum).RowDblclick,...t)),onHeaderClick:n[15]||(n[15]=(...t)=>a(e.unref(l.EmitEnum).HeaderClick,...t)),onHeaderContextmenu:n[16]||(n[16]=(...t)=>a(e.unref(l.EmitEnum).HeaderContextmenu,...t)),onFilterChange:n[17]||(n[17]=(...t)=>a(e.unref(l.EmitEnum).FilterChange,...t)),onCurrentChange:n[18]||(n[18]=(...t)=>a(e.unref(l.EmitEnum).CurrentChange,...t)),onHeaderDragend:n[19]||(n[19]=(...t)=>a(e.unref(l.EmitEnum).HeaderDragend,...t)),onExpandChange:n[20]||(n[20]=(...t)=>a(e.unref(l.EmitEnum).ExpandChange,...t))}),{empty:e.withCtx(()=>[e.renderSlot(r.$slots,"empty",{},()=>[e.unref(v).emptyElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v).emptyElement),{key:0})):(e.openBlock(),e.createElementBlock("span",ke,e.toDisplayString(e.unref(H.t)(e.unref($.LangKey).NoData)),1))])]),default:e.withCtx(()=>[r.isSelect?(e.openBlock(),e.createBlock(p,{key:0,align:"center",type:"selection",width:"45",selectable:r.selectable?r.selectable:()=>!0},null,8,["selectable"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),(t,T)=>(e.openBlock(),e.createBlock(p,e.mergeProps({key:t.label+T},{ref_for:!0},{fixed:t.fixed||!1,sortable:t.sortable||!1,"header-align":t.headerAlign||"center","show-overflow-tooltip":t.overflowTooltip||!1,prop:Array.isArray(t.props)?t.props[0].prop:t.props.prop,label:t.label,"min-width":t.minWidth||140,width:t.width||"",align:t.headerAlign||"center","class-name":t.headerAlign||"center",...t.property}),e.createSlots({default:e.withCtx(i=>[e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Array.isArray(t.props)?t.props:[t.props],(o,de)=>{var U,J;return e.openBlock(),e.createElementBlock(e.Fragment,{key:"props"+de},[e.unref(m.getPropType)(o,i)=="slot"?e.renderSlot(r.$slots,o.slotName||"default",{key:0,row:i.row,index:i.$index,onClick:n[3]||(n[3]=V=>V.stopPropagation())}):(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle({display:"flex",alignItems:"center",width:"100%",justifyContent:M(((U=t.property)==null?void 0:U.align)||t.headerAlign),...o.style||{}}),onClick:n[4]||(n[4]=V=>V.stopPropagation())},[o.text?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({marginRight:o.text?"10px":"0px"})},e.toDisplayString(o.text),5)):e.createCommentVNode("",!0),typeof o.render=="function"?(e.openBlock(),e.createBlock(g,{key:1,row:i.row,index:i.$index,prop:o,aligning:((J=t.property)==null?void 0:J.align)||t.headerAlign},null,8,["row","index","prop","aligning"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(i.row[o.prop]==null||i.row[o.prop]==null)&&e.unref(m.getPropType)(o,i)!="btn"?(e.openBlock(),e.createElementBlock("div",ye,[o.reserve?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:o.reserve},null,8,Ee)):(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("span",null,e.toDisplayString(e.unref(H.t)(e.unref($.LangKey).NoData)),1)]))])):e.unref(m.getPropType)(o,i)&&["image","btn","switch","input","textarea","iconfont","tag","rate","href","video"].includes(e.unref(m.getPropType)(o,i))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(te)(e.unref(m.getPropType)(o,i))),e.mergeProps({key:1,ref_for:!0},e.unref(L)(o,i,t),{onReturnEmit:e.unref(Y),onComponentEmit:e.unref(D)}),null,16,["onReturnEmit","onComponentEmit"])):o.filters&&(e.unref(m.getPropType)(o,i)=="text"||e.unref(m.getPropType)(o,i)==null)?(e.openBlock(),e.createBlock(d,e.mergeProps({key:2,ref_for:!0},e.unref(L)(o,i,t),{onComponentEmit:e.unref(D)}),null,16,["onComponentEmit"])):(e.openBlock(),e.createBlock(z,e.mergeProps({key:3,ref_for:!0},e.unref(L)(o,i,t),{"list-length":e.unref(j).length,onComponentEmit:e.unref(D)}),null,16,["list-length","onComponentEmit"]))],64))],4))],64)}),128))])]),_:2},[(t.isShowOrFilterColumn==null||t.isShowOrFilterColumn==="filter")&&!t.headerSlotName||t.headerSlotName?{name:"header",fn:e.withCtx(()=>[t.headerSlotName?e.renderSlot(r.$slots,t.headerSlotName,{key:0,item:t,index:T}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(b)(t).filters&&Array.isArray(e.unref(b)(t).filters)&&e.unref(b)(t).filtersType==="select"||e.unref(b)(t).type==="switch"?(e.openBlock(),e.createBlock(h,{key:0,ref_for:!0,ref_key:"filterComponents",ref:k,"header-data":t,list:r.list,"prop-data":e.unref(b)(t),onHeaderFilterChange:e.unref(F)},null,8,["header-data","list","prop-data","onHeaderFilterChange"])):e.unref(b)(t).filtersType==="date"?(e.openBlock(),e.createBlock(P,{key:1,ref_for:!0,ref_key:"filterComponents",ref:k,"header-data":t,list:r.list,onHeaderFilterChange:e.unref(F)},null,8,["header-data","list","onHeaderFilterChange"])):(e.openBlock(),e.createBlock(w,{key:2,ref_for:!0,ref_key:"filterComponents",ref:k,"header-data":t,list:r.list,onHeaderFilterChange:e.unref(F)},null,8,["header-data","list","onHeaderFilterChange"]))],64))]),key:"0"}:void 0]),1040))),128))]),_:3},16,["data","onSelectionChange","onSortChange"])),[[pe,e.unref(ne)]])]),e.unref(f)&&r.isSelect&&e.unref(f).operates||r.isPagination&&e.unref(q)?(e.openBlock(),e.createElementBlock("div",he,[e.unref(f)&&r.isSelect&&e.unref(f).operates?(e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(se,e.mergeProps({modelValue:e.unref(f).value,"onUpdate:modelValue":n[21]||(n[21]=t=>e.unref(f).value=t)},{clearable:!0,size:e.unref(B),...e.unref(f).selectProperty||{style:"200px"}}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f).operates,(t,T)=>(e.openBlock(),e.createBlock(ie,{key:"operate"+T,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},16,["modelValue"]),e.createVNode(ue,e.mergeProps({class:"search-button"},{style:{marginLeft:"20px"},type:"primary",size:e.unref(B),...e.unref(f).btnProperty||{}},{onClick:e.unref(_)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(H.t)(e.unref($.LangKey).Confirm)),1)]),_:1},16,["onClick"])])):e.createCommentVNode("",!0),r.isPagination&&e.unref(q)?(e.openBlock(),e.createElementBlock("div",ve,[e.createVNode(fe,e.mergeProps({"current-page":e.unref(N),"onUpdate:currentPage":n[22]||(n[22]=t=>e.isRef(N)?N.value=t:null),"page-size":e.unref(A),"onUpdate:pageSize":n[23]||(n[23]=t=>e.isRef(A)?A.value=t:null),small:e.unref(B)==="small"},{pageSizes:[10,20,30],layout:"total, sizes, prev, pager, next",...r.paginationProperty||{},total:(I=r.paginationProperty)!=null&&I.pageCount?void 0:e.unref(q)}),null,16,["current-page","page-size","small"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])}}});exports.default=Pe;