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) • 11.9 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=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"),J=require("../../index.js"),K=require("../../keys.js"),ce=require("../../filter/useFilters.js"),l=require("./powerful-table-data.js"),x=require("../../locale/lang.js"),z=require("../../locale/packages.js"),me={class:"pt"},ge={key:1},ke={style:{display:"inline-block"}},Ce={key:0},ye=["innerHTML"],Ee={key:1},be={class:"bottom-operate"},he={key:0,class:"bottom-operate-left"},Be={key:1,class:"bottom-operate-right"},ve={name:"PowerfulTable"},Se=e.defineComponent({...ve,props:l.powerfulTableProps,setup(W,{expose:G,emit:Q}){const a=Q,s=W,$=r=>["center","left","right"].includes(r)?{center:"center",left:"flex-start",right:"flex-end"}[r]:"center",{powerfulTableData:i,multipleTable:y,filterComponents:m,stateData:g,Size:h,injectProps:B}=l.usePowerfulTableStates(s),{handleHeaderFilterChange:T,getPropObj:E}=ce.useFilters(g,s,m),{resetList:X,getListData:v}=l.useInitiateListRequest(i,s,B,g),{handleSelectionChange:H,returnEmit:Y,componentEmit:F,sortChange:Z,batchOperate:_,get:ee,matchComponents:te,bindAttr:D}=l.useFunction(a,i),{tableLists:V,isTable:L}=e.toRefs(g),{listLoading:ne,currentPage:R,pageSize:N,currentSelect:re,operate:k,total:M}=e.toRefs(i);e.provide(K.SizeSymbol,h),e.provide(K.JustifyFunSymbol,$),i.watchCache.push(e.watchEffect(()=>{Object.assign(i.operate,s.operateData),i.develop=Array.from({length:g.tableLists.length}).fill(!1),i.listLoading=!1}),e.watch(()=>g.tableLists,r=>{r.length&&e.nextTick(()=>le())},{immediate:!0,deep:!0}),e.watch(()=>[i.currentPage,i.pageSize],()=>{var r;Array.isArray(m.value)&&m.value.forEach(n=>{n.state.value=""}),(r=s.listRequest)!=null&&r.listApi&&(v==null||v()),ee()}));const O=e.computed(()=>s.header.filter(r=>typeof r.defaultShow=="boolean"?r.defaultShow:!0)),oe=()=>{e.nextTick(()=>{var r;(r=y.value)==null||r.doLayout()})},le=(r=s.selectData,n=g.tableLists)=>{var S,w;if(!s.isSelect)return;const d=[];let u=[];const b=[s.selectCompare?s.selectCompare[0]:"id",s.selectCompare?s.selectCompare[1]:"id"];if(r.length!=0){if(r.forEach(c=>{const f=n.filter(A=>c[b[0]]==A[b[1]]);f.length>0&&d.push(f[0])}),d.length>0){u=J.deepClone(r);for(const c in u)d.forEach(f=>{f[b[1]]==u[c][b[0]]&&u.splice(Number(c),1)})}else u=J.deepClone(r);i.otherSelect=u,i.currentSelect=d,d.length!=0?d.forEach(c=>{var f;(f=y.value)==null||f.toggleRowSelection(c,!0)}):(S=y.value)==null||S.clearSelection()}else(w=y.value)==null||w.clearSelection()};return G({$slots:e.useSlots(),$attrs:e.useAttrs(),$refs:{multipleTable:y,filterComponents:m},props:s,injectProps:B,headerLists:O.value,powerfulTableData:i,stateData:g,resetList:X,getListData:v,handleSelectionChange:H,anewRender:oe}),(r,n)=>{var j;const d=e.resolveComponent("PTBtnPlus"),u=C.ElTableColumn,b=e.resolveComponent("PTFSelect"),S=e.resolveComponent("PTFDatePicker"),w=e.resolveComponent("PTFInput"),c=e.resolveComponent("PTRenderJsx"),f=e.resolveComponent("PTFilter"),A=e.resolveComponent("PTText"),ae=C.ElTable,se=C.ElOption,ie=C.ElSelect,ue=C.ElButton,fe=C.ElPagination,pe=C.ElLoadingDirective;return e.openBlock(),e.createElementBlock("div",me,[r.btnConfig!==void 0||r.$slots["btn-left"]||r.$slots["btn-right"]?(e.openBlock(),e.createBlock(d,{key:0,ref:"btnPlusRef","is-table":e.unref(L),"onUpdate:isTable":n[0]||(n[0]=t=>e.isRef(L)?L.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.withDirectives((e.openBlock(),e.createBlock(ae,e.mergeProps({ref_key:"multipleTable",ref:y,class:"powerful-table",data:e.unref(V)},{"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(h),...r.property},{onSelectionChange:e.unref(H),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(B).emptyElement?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(B).emptyElement),{key:0})):(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(e.unref(x.t)(e.unref(z.LangKey).NoData)),1))])]),default:e.withCtx(()=>[r.isSelect?(e.openBlock(),e.createBlock(u,{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(O),(t,P)=>(e.openBlock(),e.createBlock(u,e.mergeProps({key:t.label+P},{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(p=>[e.createElementVNode("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Array.isArray(t.props)?t.props:[t.props],(o,de)=>{var I,U;return e.openBlock(),e.createElementBlock(e.Fragment,{key:"props"+de},[o.type=="slot"?e.renderSlot(r.$slots,o.slotName||"default",{key:0,row:p.row,index:p.$index,onClick:n[3]||(n[3]=q=>q.stopPropagation())}):(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle({display:"flex",alignItems:"center",width:"100%",justifyContent:$(((I=t.property)==null?void 0:I.align)||t.headerAlign),...o.style||{}}),onClick:n[4]||(n[4]=q=>q.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(c,{key:1,row:p.row,index:p.$index,prop:o,aligning:((U=t.property)==null?void 0:U.align)||t.headerAlign},null,8,["row","index","prop","aligning"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[(p.row[o.prop]==null||p.row[o.prop]==null)&&o.type!="btn"?(e.openBlock(),e.createElementBlock("div",Ce,[o.reserve?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:o.reserve},null,8,ye)):(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("span",null,e.toDisplayString(e.unref(x.t)(e.unref(z.LangKey).NoData)),1)]))])):o.type&&["image","btn","switch","input","textarea","iconfont","tag","rate","href","video"].includes(o.type)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(te)(o.type)),e.mergeProps({key:1,ref_for:!0},e.unref(D)(o,p,t),{onReturnEmit:e.unref(Y),onComponentEmit:e.unref(F)}),null,16,["onReturnEmit","onComponentEmit"])):o.filters&&(o.type=="text"||o.type==null)?(e.openBlock(),e.createBlock(f,e.mergeProps({key:2,ref_for:!0},e.unref(D)(o,p,t),{onComponentEmit:e.unref(F)}),null,16,["onComponentEmit"])):(e.openBlock(),e.createBlock(A,e.mergeProps({key:3,ref_for:!0},e.unref(D)(o,p,t),{"list-length":e.unref(V).length,onComponentEmit:e.unref(F)}),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:P}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(E)(t).filters&&Array.isArray(e.unref(E)(t).filters)&&e.unref(E)(t).filtersType==="select"||e.unref(E)(t).type==="switch"?(e.openBlock(),e.createBlock(b,{key:0,ref_for:!0,ref_key:"filterComponents",ref:m,"header-data":t,list:r.list,"prop-data":e.unref(E)(t),onHeaderFilterChange:e.unref(T)},null,8,["header-data","list","prop-data","onHeaderFilterChange"])):e.unref(E)(t).filtersType==="date"?(e.openBlock(),e.createBlock(S,{key:1,ref_for:!0,ref_key:"filterComponents",ref:m,"header-data":t,list:r.list,onHeaderFilterChange:e.unref(T)},null,8,["header-data","list","onHeaderFilterChange"])):(e.openBlock(),e.createBlock(w,{key:2,ref_for:!0,ref_key:"filterComponents",ref:m,"header-data":t,list:r.list,onHeaderFilterChange:e.unref(T)},null,8,["header-data","list","onHeaderFilterChange"]))],64))]),key:"0"}:void 0]),1040))),128))]),_:3},16,["data","onSelectionChange","onSortChange"])),[[pe,e.unref(ne)]]),e.createElementVNode("div",be,[e.unref(k)&&r.isSelect&&e.unref(k).operates?(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(ie,e.mergeProps({modelValue:e.unref(k).value,"onUpdate:modelValue":n[21]||(n[21]=t=>e.unref(k).value=t)},{clearable:!0,size:e.unref(h),...e.unref(k).selectProperty||{style:"200px"}}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k).operates,(t,P)=>(e.openBlock(),e.createBlock(se,{key:"operate"+P,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(h),...e.unref(k).btnProperty||{}},{onClick:e.unref(_)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(x.t)(e.unref(z.LangKey).Confirm)),1)]),_:1},16,["onClick"])])):e.createCommentVNode("",!0),r.isPagination&&e.unref(M)?(e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(fe,e.mergeProps({"current-page":e.unref(R),"onUpdate:currentPage":n[22]||(n[22]=t=>e.isRef(R)?R.value=t:null),"page-size":e.unref(N),"onUpdate:pageSize":n[23]||(n[23]=t=>e.isRef(N)?N.value=t:null),small:e.unref(h)==="small"},{pageSizes:[10,20,30],layout:"total, sizes, prev, pager, next",...r.paginationProperty||{},total:(j=r.paginationProperty)!=null&&j.pageCount?void 0:e.unref(M)}),null,16,["current-page","page-size","small"])])):e.createCommentVNode("",!0)])])}}});exports.default=Se;