ideaz-element
Version:
<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>
3 lines (2 loc) • 6.27 kB
JavaScript
"use strict";const e=require("vue");require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.cjs");const ae=require("@element-plus/icons-vue");require("../../../utils/index.cjs");const s=require("element-plus");require("../../../directives/index.cjs");require("./hooks/index.cjs");const C=require("./TableColumn.cjs"),q=require("./ToolBar.cjs"),F=require("./props.cjs"),ne=require("../../../hooks/useNamespace.cjs"),oe=require("../../../hooks/useLocale.cjs"),le=require("../../../directives/tableDraggable.cjs"),re=require("../../../directives/sticky.cjs"),ie=require("./hooks/useTableMethods.cjs"),ce=require("./hooks/usePagination.cjs"),ue=require("./hooks/useTableColumns.cjs"),se=require("./hooks/useTableSlots.cjs"),de=require("./hooks/useDraggable.cjs"),ge=require("./hooks/useMergeCells.cjs"),l=require("../../../utils/is.cjs"),S=require("../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.cjs");function f(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const be=e.defineComponent({name:"ZTable",components:{TableColumn:C,ToolBar:q},directives:{draggable:le.draggable,sticky:re.sticky},inheritAttrs:!1,props:F.tableProps,emits:["refresh","radio-change","update:data","update:pagination","drag-sort-end","drag-column-end"],setup(n,{emit:d,slots:t,expose:k}){const{proxy:z}=e.getCurrentInstance(),{setCurrentRow:D,toggleRowSelection:R,clearSelection:y,clearFilter:P,toggleAllSelection:w,toggleRowExpansion:O,clearSort:x,toggleRadioSelection:E,sort:L}=ie.useTableMethods();k({setCurrentRow:D,toggleRowSelection:R,clearSelection:y,clearFilter:P,toggleAllSelection:w,toggleRowExpansion:O,clearSort:x,toggleRadioSelection:E,sort:L});const{pagination:g,paginationAttrs:j,tableAttributes:p,tableData:b,addTableData:M,handleCurrentChange:_,handleSizeChange:A,handleRefresh:I}=ce.usePagination(n,d),{formatTableCols:v,middleTableCols:T,sortTableCols:V,originFormatTableCols:U,tableKey:h,zTableFormRef:K}=ue.useTableColumns(n,d,b),{scopedSlots:W,tableSlots:Z}=se.useTableSlots(v,t),{draggableOptions:G,dragging:H}=de.useDraggable(d,b,T),{spanMethod:J}=ge.useMergeCells(n),o=ne.useNamespace("table"),{t:Q}=oe.useLocale(),m=e.ref(n.size);e.provide(F.tableProvideKey,e.computed(()=>({...e.toRefs(n),size:m.value})));const X=()=>{const a=l.isObject(g.value)&&g.value.align||"right",i=e.createVNode(s.ElPagination,e.mergeProps({class:o.e("pagination"),background:!0,size:"small"},j.value,{currentPage:g.value.page,total:g.value.total,"onUpdate:current-page":_,"onUpdate:page-size":A}),null);return g.value.pageSize?e.createVNode("div",{class:o.be("pagination","container")},[e.createVNode("div",{class:o.bm("pagination","top")},[l.isFunction(t.paginationTop)?t.paginationTop():null]),e.createVNode("div",{class:[o.bm("pagination","middle")]},[e.createVNode("div",{class:o.bm("pagination","left")},[l.isFunction(t.paginationLeft)?t.paginationLeft():null,a==="left"&&i]),e.createVNode("div",{class:[o.bm("pagination","center")]},[a==="center"&&i]),e.createVNode("div",{class:[o.bm("pagination","right")]},[a==="right"&&i,l.isFunction(t.paginationRight)?t.paginationRight():null])]),e.createVNode("div",{class:o.bm("pagination","bottom")},[l.isFunction(t.paginationBottom)?t.paginationBottom():null])]):null},Y=()=>{var c;const{toolBar:a,title:i}=n,u=((c=t.tableTitle)==null?void 0:c.call(t))||(l.isFunction(i)?i():i)||null;return e.createVNode("div",{class:o.be("tool-bar","container"),style:{marginBottom:a||l.isFunction(t.tableTop)?"16px":0}},[e.createVNode("div",{class:o.bm("tool-bar","center")},[e.createVNode("div",{class:o.bm("tool-bar","center-content")},[e.createVNode("div",{class:o.e("title")},[u]),e.createVNode("div",{class:o.bm("tool-bar","left")},[l.isFunction(t.toolBarLeft)?t.toolBarLeft():null])]),a&&e.createVNode(q,{formatTableCols:v.value,middleTableCols:T.value,originFormatTableCols:U.value,sortTableCols:V.value,size:m.value,toolBar:n.toolBar,tableProps:{...n,fullScreenElement:n.fullScreenElement||(()=>z.$refs.containerRef)},"onColumns-change":r=>{T.value=S(r),h.value=new Date().valueOf()},"onSize-change":r=>{m.value=r},"onTable-cols-change":r=>{V.value=S(r),h.value=new Date().valueOf()},onRefresh:()=>I()},null),e.createVNode("div",{class:o.bm("tool-bar","right")},[l.isFunction(t.toolBarRight)?t.toolBarRight():null])]),e.createVNode("div",{class:o.bm("tool-bar","bottom")},[l.isFunction(t.toolBarBottom)?t.toolBarBottom():null])])},N=()=>{const{loading:a,editable:i}=n;return e.withDirectives(e.createVNode(s.ElTable,e.mergeProps({ref:"zTableRef",class:[i&&o.b("editable"),H.value&&"z-table-dragging"],key:h.value},{...p.value,spanMethod:p.value.spanMethod||J,data:b.value,size:m.value}),{default:()=>[v.value.map((u,c)=>e.createVNode(C,{ref:`zTableColumn${c}`,column:u,size:m.value,key:u.__uid,tableProps:p.value,"onRadio-change":r=>d("radio-change",r),"onUpdate:data":r=>d("update:data",r),columnIndex:c,columnsLength:v.value.length},{...t,...W}))],...Z}),[[e.resolveDirective("loading"),a],[e.resolveDirective("draggable"),G],[e.resolveDirective("sticky"),l.isObject(n.sticky)?{top:"50px",zIndex:100,...n.sticky}:void 0]])},B=()=>{if(l.isString(n.watermark)){let a;return e.createVNode(s.ElWatermark,{content:n.watermark},f(a=N())?a:{default:()=>[a]})}if(l.isObject(n.watermark)){let a;return e.createVNode(s.ElWatermark,{...n.watermark},f(a=N())?a:{default:()=>[a]})}return N()},$=()=>{const{editable:a}=n,i=l.isObject(a)&&a.position||"bottom",u=l.isObject(a)&&a.maxLength||void 0;if(a){let c,r;return e.createVNode(e.Fragment,null,[e.createVNode(s.ElForm,{ref:K,model:{tableData:b.value}},f(c=B())?c:{default:()=>[c]}),i==="bottom"&&u!==b.value.length&&e.createVNode(s.ElButton,{icon:ae.Plus,class:"mt-2 w-full",onClick:()=>M()},f(r=Q("table.addData"))?r:{default:()=>[r]})])}return B()},ee=()=>e.createVNode("div",{class:o.e("bottom")},[l.isFunction(t.tableBottom)?t.tableBottom():null]),te=()=>{const{toolBar:a}=n;return e.createVNode("div",{class:a?o.bm("tool-bar","top"):o.e("top")},[l.isFunction(t.tableTop)?t.tableTop():null,a&&l.isFunction(t.toolBarTop)?t.toolBarTop():null])};return()=>e.createVNode("div",{class:o.b(""),ref:"containerRef"},[te(),Y(),$(),X(),ee()])}});module.exports=be;
//# sourceMappingURL=Table.cjs.map