lwx-test-ui/dist/lib/components/table-pro/src/table-pro.vue2.js

lwx-test-ui

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@element-plus/icons-vue"),ce=require("../../../hooks/use-global-properties/index.js"),de=require("../../../hooks/use-ref/index.js"),s=require("element-plus"),se=require("../../big-dialog/index.js"),ue=require("./components/ElTableRenderJsx.vue.js"),pe=require("./components/SearchForm.vue.js"),I=require("./table-pro.js"),fe={class:"table-pro-box"},he={class:"table-pro-search"},ge={class:"table-pro-main"},me={class:"table-pro-header table-pro-operate"},ve={class:"table-pro-table"},Ce={key:0,class:"table-pro-footer"},ke={class:"dialog-footer"},_e={class:"dialog-footer"},V="add",T="edit",g="info",we=e.defineComponent({name:"LwxTablePro",__name:"table-pro",props:I.tableProProps,emits:I.tableProEmits,setup($,{expose:A,emit:M}){const o=$,i=M,u=ce.useGlobalProperties(),k=e.ref();e.onMounted(()=>{o.isDefaultQuery&&c()});const _=e.ref([]);function z(){c()}const B=e.computed(()=>o.operateType===V?o.dialogTitle.addTitle:o.operateType===T?o.dialogTitle.editTitle:o.operateType===g?o.dialogTitle.infoTitle:"Tips"),w=e.ref(!1),H=e.ref("加载中..."),r=e.reactive({total:0,currentPage:1,pageSize:10});function c(){w.value=!0;const t={...o.formInline,page:r.currentPage,count:r.pageSize};u.$request.get(o.queryInterface,t).then(l=>{var n;_.value=l.data.records?l.data.records:l.data,l.data.total?r.total=Number(l.data.total):r.total=(n=l.data)==null?void 0:n.length}).finally(()=>{w.value=!1})}const N=de.useRef();function L(){var t;(t=N.value)==null||t.resetFields(),c()}const p=e.ref(!1),d=e.ref({}),m=e.ref(),f=e.ref(!1),y=e.ref([]);function E(){v()}function F(){i("update:operateType",V),d.value=JSON.parse(JSON.stringify(o.addForm)),P()}function O(){var t;if(!((t=y.value)!=null&&t.length))return s.ElMessage.warning("请选择要删除的数据");s.ElMessageBox.confirm("确定要删除选中的数据吗？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{const l=y.value.map(n=>n[o.rowKey]);K(l)}).catch(()=>{})}const h=e.ref(!1);function R(t){t.forEach(l=>{var n;(n=k.value)==null||n.toggleRowExpansion(l,h.value),l.children&&R(l.children)})}function U(){_.value.forEach(t=>{var l;(l=k.value)==null||l.toggleRowExpansion(t,h.value),t.children&&t.children.length>0&&R(t.children)}),h.value=!h.value}function S(){var t;(t=m.value)==null||t.validate().then(l=>{o.operateType===V?W():o.operateType===T&&J(),v()}).catch(l=>{console.warn(l)})}function W(){f.value=!0,u.$request.post(o.saveInterface,d.value).then(t=>{s.ElMessage.success("请求成功"),c(),v()}).finally(()=>{f.value=!1})}function J(){f.value=!0,u.$request.put(o.updateInterface,d.value).then(t=>{s.ElMessage.success("请求成功"),c(),v()}).finally(()=>{f.value=!1})}function D(t){u.$request.get(`${o.queryInfoInterface}/${t}`,{}).then(l=>{d.value=l.data,P()})}function j(t){u.$request.delete(`${o.deleteInterface}`,[t]).then(l=>{s.ElMessage.success("请求成功"),c()})}function K(t){u.$request.delete(`${o.deleteInterface}`,t).then(l=>{s.ElMessage.success("请求成功"),c()})}function q(){v()}function P(){p.value=!0,i("update:dialogVisible",!0)}function v(){var t;(t=m.value)==null||t.resetFields(),p.value=!1,i("update:dialogVisible",!1)}const b={handleSelectionChange(t){y.value=t,i("selectionChange",t)},handleRowDblclick(t,l,n){i("rowDblclick",t,l,n)},handleCurrentChange(t,l){i("currentChange",t,l)}};function G(t){c()}function Q(t){i("update:operateType",T),D(t)}function X(t){i("update:operateType",g),D(t)}function Y(t){s.ElMessageBox.confirm("是否确实删除该数据?","系统提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{j(t)}).catch(()=>{})}return A({addFormRef:m,add:()=>{F()},editRow:Q,infoRow:X,deleteRow:Y}),(t,l)=>{const n=e.resolveComponent("el-button"),x=e.resolveComponent("el-table-column"),Z=e.resolveComponent("el-empty"),ee=e.resolveComponent("ElTable"),te=e.resolveComponent("el-pagination"),oe=e.resolveComponent("ElForm"),le=e.resolveComponent("el-dialog"),ae=e.resolveComponent("el-form"),ne=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[e.createVNode(pe.default,{ref_key:"searchFormRef",ref:N,"form-inline":t.formInline},{search:e.withCtx(a=>[e.renderSlot(t.$slots,"search",{formInline:a.formInline},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(n,{type:"primary",icon:e.unref(C.Search),onClick:z},{default:e.withCtx(()=>[e.createTextVNode(" 查询 ")]),_:1},8,["icon"]),e.createVNode(n,{icon:e.unref(C.Delete),onClick:L},{default:e.withCtx(()=>[e.createTextVNode(" 清空 ")]),_:1},8,["icon"])]),_:3},8,["form-inline"])]),e.createElementVNode("div",ge,[e.createElementVNode("div",me,[o.showAddBtn?(e.openBlock(),e.createBlock(n,{key:0,icon:e.unref(C.CirclePlus),type:"primary",onClick:F},{default:e.withCtx(()=>[e.createTextVNode(" 新增 ")]),_:1},8,["icon"])):e.createCommentVNode("",!0),o.showBatchDelBtn?(e.openBlock(),e.createBlock(n,{key:1,icon:e.unref(C.Delete),type:"danger",onClick:O},{default:e.withCtx(()=>[e.createTextVNode(" 删除 ")]),_:1},8,["icon"])):e.createCommentVNode("",!0),o.showFoldBtn?(e.openBlock(),e.createBlock(n,{key:2,icon:e.unref(C.DArrowRight),style:{transition:"all 0.3s ease"},class:e.normalizeClass({"table-pro-operate-fold":h.value,"table-pro-operate-expend":!h.value}),onClick:U},{default:e.withCtx(()=>[e.createTextVNode(" 折叠 ")]),_:1},8,["icon","class"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ve,[e.withDirectives((e.openBlock(),e.createBlock(ee,{ref_key:"tableRef",ref:k,"row-key":o.rowKey,style:{height:"100%"},"element-loading-text":H.value,"tree-props":o.treeProps,"default-expand-all":o.defaultExpandAll,data:_.value,border:"",onSelectionChange:b.handleSelectionChange,onRowDblclick:b.handleRowDblclick,onCurrentChange:b.handleCurrentChange},{empty:e.withCtx(()=>[e.createVNode(Z,{description:"暂无数据"})]),default:e.withCtx(()=>[o.showSelection?(e.openBlock(),e.createBlock(x,{key:0,type:"selection",width:"55",align:"center"})):e.createCommentVNode("",!0),o.showIndex?(e.openBlock(),e.createBlock(x,{key:1,type:"index",label:"序号",width:"55",align:"center"})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(a,re)=>(e.openBlock(),e.createBlock(x,{key:re,prop:a.prop,label:a.label,align:a.align||"center","show-overflow-tooltip":(a==null?void 0:a.overflowShow)||!0,"min-width":a.minWidth,fixed:a.fixed,width:a.width},e.createSlots({_:2},[a!=null&&a.render?{name:"default",fn:e.withCtx(ie=>[e.createVNode(ue.default,{row:a,scope:ie},null,8,["row","scope"])]),key:"0"}:void 0]),1032,["prop","label","align","show-overflow-tooltip","min-width","fixed","width"]))),128))]),_:1},8,["row-key","element-loading-text","tree-props","default-expand-all","data","onSelectionChange","onRowDblclick","onCurrentChange"])),[[ne,w.value]])]),o.showPagination?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(te,{"page-size":r.pageSize,"onUpdate:pageSize":l[0]||(l[0]=a=>r.pageSize=a),"current-page":r.currentPage,"onUpdate:currentPage":l[1]||(l[1]=a=>r.currentPage=a),background:"",layout:"total, sizes, prev, pager, next, jumper","pager-count":5,"page-sizes":[10,20,30,40,50,100,200],total:r.total,onChange:G},null,8,["page-size","current-page","total"])])):e.createCommentVNode("",!0)]),o.dialogType==="dialog"?(e.openBlock(),e.createBlock(le,{key:0,modelValue:p.value,"onUpdate:modelValue":l[2]||(l[2]=a=>p.value=a),title:B.value,width:o.dialogWidth,top:o.dialogTop,draggable:"",onClose:E},{footer:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createVNode(n,{onClick:q},{default:e.withCtx(()=>[e.createTextVNode(" 取消 ")]),_:1}),o.operateType!==g?(e.openBlock(),e.createBlock(n,{key:0,type:"primary",loading:f.value,onClick:S},{default:e.withCtx(()=>[e.createTextVNode(" 确定 ")]),_:1},8,["loading"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(oe,{ref_key:"addFormRef",ref:m,"status-icon":"","label-width":o.labelWidth,disabled:o.operateType===g,model:d.value,rules:o.rules},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"add",{addForm:d.value},void 0,!0)]),_:3},8,["label-width","disabled","model","rules"])]),_:3},8,["modelValue","title","width","top"])):e.createCommentVNode("",!0),o.dialogType==="big-dialog"?(e.openBlock(),e.createBlock(e.unref(se.LwxBigDialog),{key:1,modelValue:p.value,"onUpdate:modelValue":l[3]||(l[3]=a=>p.value=a),title:B.value,onClose:E},{footer:e.withCtx(()=>[e.createElementVNode("div",_e,[e.createVNode(n,{onClick:q},{default:e.withCtx(()=>[e.createTextVNode(" 取消 ")]),_:1}),o.operateType!==g?(e.openBlock(),e.createBlock(n,{key:0,type:"primary",loading:f.value,onClick:S},{default:e.withCtx(()=>[e.createTextVNode(" 确定 ")]),_:1},8,["loading"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(ae,{ref_key:"addFormRef",ref:m,"status-icon":"","label-width":o.labelWidth,disabled:o.operateType===g,model:d.value,rules:o.rules},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"add",{addForm:d.value},void 0,!0)]),_:3},8,["label-width","disabled","model","rules"])]),_:3},8,["modelValue","title"])):e.createCommentVNode("",!0)])}}});exports.default=we;