@chewel611/naive-ui-plus 0.0.27 → 0.0.29

package/lib/table/PTable.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("naive-ui"),e=require("vue"),b=require("@vicons/antd"),ne=require("../utils/helper.cjs"),ae=require("lodash"),se={id:"data-content"},ie={key:0,class:"rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-5 mb-5"},re={key:1},de={key:2},ce=e.defineComponent({__name:"PTable",props:{idField:{default:"id"},item:{default:{}},columns:{},modalWidth:{default:800},hiddenAdd:{type:Boolean,default:!1},hiddenEdit:{type:Boolean,default:!1},hiddenDelete:{type:Boolean,default:!1},onLoad:{},onGet:{},onOpenModal:{},onCloseModal:{},onSave:{},onDelete:{}},setup(p,{expose:L}){const E=e.ref(null),_=s.useDialog(),g=s.useMessage(),w=e.ref(!1),y=e.ref([]),k=e.ref([]),c=e.ref(null),h=e.ref(!1),m=e.ref(!1),C=e.ref(!1),M=e.ref({}),u=e.ref({page:1,itemCount:0,pageSize:10,pageSizes:[10,20,30,50],showSizePicker:!0,onChange:async t=>{u.value.page=t,await f()},onUpdatePageSize:async t=>{u.value.pageSize=t,await f()}}),l=p,H=t=>{const o=n=>{const a=[];return t&&t.forEach(i=>{i.key!=="edit"&&i.key!=="delete"&&a.push({label:i.name,key:i.key,props:{onClick:()=>i.action(n)}})}),a};return{title:"操作",key:"actions",width:100,fixed:"right",render:n=>{let a=[];if(l.hiddenEdit||a.push({label:"编辑",key:"edit",props:{onClick:()=>A(n)}}),l.hiddenDelete||a.push({label:"删除",key:"delete",props:{onClick:()=>j(n)}}),a=[...a,...o(n)],!(a.length<=0))return e.h(s.NDropdown,{options:a,placement:"bottom-start"},{default:()=>e.h(s.NButton,{size:"small",type:"primary"},{default:()=>["操作",e.h(s.NIcon,()=>e.h(b.MoreOutlined))]})})}}},I=e.computed(()=>{const t=l.columns.filter(n=>n.key!="action").map(n=>({title:n.title,key:n.key,width:n.width,fixed:n.fixed??!1,render:n.render,ellipsis:n.ellipsis?{tooltip:!0}:!1})),o=l.columns.reduce((n,a)=>a.key==="action"?a:n,void 0)?.action;return o&&o?.length>0||!l.hiddenDelete||!l.hiddenEdit?[{type:"selection",fixed:"left"},...t,H(o)]:[{type:"selection",fixed:"left"},...t]}),q=async()=>{await f()},j=t=>{D([t])},P=()=>{const t=x();D(t)},D=t=>{t&&t.length>0&&_.warning({title:"警告",content:"删除数据不可恢复, 确认删除吗?",positiveText:"确定",negativeText:"取消",onPositiveClick:async()=>{if(l.onDelete)try{await l.onDelete(t)?(f(),g.success("删除成功")):g.error("删除失败")}catch(o){g.error(o.message)}}})},W=()=>{c.value=null,T()},A=async t=>{c.value=ae.cloneDeep(t),T(c.value,async()=>{l.onGet&&(c.value=await l.onGet(t[l.idField])),Object.assign(l.item,c.value)})},R=async()=>{if(l.onSave)try{C.value=!0,(h.value?await l.onSave(void 0,e.toRaw(l.item)):await l.onSave(c.value[l.idField],e.toRaw(l.item)))&&(N(),await f())}catch(t){g.error(t.message)}finally{C.value=!1}},T=async(t,o)=>{l.onOpenModal?.(t),await o?.(),t?(h.value=!1,m.value=!0):(m.value=!1,h.value=!0)},N=()=>{c.value=null,ne.resetObject(l.item),Object.assign(l.item,{...e.toRaw(M.value)}),l.onCloseModal?.(l.item),h.value=!1,m.value=!1},x=()=>y.value?k.value.filter(o=>y.value.includes(o.id)).map(o=>e.toRaw(o)):[],U=()=>x()[0],F=()=>e.toRaw(k.value),f=async()=>{if(!w.value){w.value=!0;try{if(l.onLoad){var{data:t,total:o}=await l.onLoad(u.value.page,u.value.pageSize);k.value=t,u.value.itemCount=o}}catch(n){g.error(n.message)}finally{w.value=!1}}},G=e.computed(()=>{const t=e.unref(E);if(!t)return;const o=t?.$el,n=o.querySelector(".n-data-table-thead "),{bottomIncludeBody:a}=X(n),i=64;let d=2,r=24;const v=o.querySelector(".n-data-table__pagination");if(v){const V=v.offsetHeight;d+=V||0}else d+=28;return a-(i+d+r)}),K=t=>!t||!t.getBoundingClientRect?0:t.getBoundingClientRect(),X=t=>{const o=document.documentElement,n=o.scrollLeft,a=o.scrollTop,i=o.clientLeft,d=o.clientTop,r=window.pageXOffset,v=window.pageYOffset,O=K(t),{left:V,top:J,width:Q,height:Z}=O,ee=(r||n)-(i||0),te=(v||a)-(d||0),oe=V+r,le=J+v,S=oe-ee,B=le-te,$=window.document.documentElement.clientWidth,z=window.document.documentElement.clientHeight;return{left:S,top:B,right:$-Q-S,bottom:z-Z-B,rightIncludeBody:$-S,bottomIncludeBody:z-B}},Y=()=>{M.value={...e.toRaw(l.item)}};return e.onMounted(async()=>{Y(),await f()}),L({getData:F,getSelectedRow:U,getSelectedRows:x,closeModal:N,refreshData:f,resetPage:()=>{u.value.page=1}}),(t,o)=>{const n=s.NTooltip,a=s.NDataTable,i=s.NSpace,d=s.NModal;return e.openBlock(),e.createBlock(e.unref(s.NCard),{title:" ","header-class":"p-4","content-class":"pl-4 pr-4",bordered:!1},{"header-extra":e.withCtx(()=>[p.hiddenAdd?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:0,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(s.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:W},{default:e.withCtx(()=>[e.createVNode(e.unref(b.PlusSquareOutlined))]),_:1})]),default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("span",null,"新增",-1))]),_:1})),p.hiddenDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:1,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(s.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(b.DeleteOutlined))]),_:1})]),default:e.withCtx(()=>[o[4]||(o[4]=e.createElementVNode("span",null,"删除",-1))]),_:1})),e.createVNode(n,{trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(s.NIcon),{size:"18",class:"cursor-pointer hover:text-blue-600",onClick:q},{default:e.withCtx(()=>[e.createVNode(e.unref(b.ReloadOutlined))]),_:1})]),default:e.withCtx(()=>[o[5]||(o[5]=e.createElementVNode("span",null,"刷新",-1))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",se,[t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(t.$slots,"toolbar")])):e.createCommentVNode("",!0),e.createVNode(a,{remote:"",ref_key:"$table",ref:E,"checked-row-keys":y.value,"onUpdate:checkedRowKeys":o[0]||(o[0]=r=>y.value=r),"max-height":G.value,loading:w.value,bordered:!1,"single-line":!1,columns:I.value,data:k.value,pagination:u.value,"row-key":r=>r[p.idField]},null,8,["checked-row-keys","max-height","loading","columns","data","pagination","row-key"]),t.$slots.addModal?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(d,{title:"新增",preset:"card",show:h.value,"onUpdate:show":o[1]||(o[1]=r=>h.value=r),"header-class":"bg-gray-50",closable:!1,"close-on-esc":!1,"mask-closable":!1,draggable:!0,style:e.normalizeStyle({width:`${p.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(i,{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.NButton),{type:"primary",loading:C.value,onClick:R},{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("保存",-1)])]),_:1},8,["loading"]),e.createVNode(e.unref(s.NButton),{onClick:N},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("取消",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"addModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0),t.$slots.editModal?(e.openBlock(),e.createElementBlock("div",de,[e.createVNode(d,{title:"编辑",show:m.value,"onUpdate:show":o[2]||(o[2]=r=>m.value=r),preset:"card","header-class":"bg-gray-50",closable:!1,"close-on-esc":!1,"mask-closable":!1,draggable:!0,style:e.normalizeStyle({width:`${p.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(i,{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.NButton),{type:"primary",loading:C.value,onClick:R},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("保存",-1)])]),_:1},8,["loading"]),e.createVNode(e.unref(s.NButton),{onClick:N},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("取消",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"editModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0)])]),_:3})}}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("naive-ui"),e=require("vue"),b=require("@vicons/antd"),ne=require("../utils/helper.cjs"),ae=require("lodash"),ie={class:"text-lg font-medium"},se={id:"data-content"},de={key:0,class:"rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-4 mb-4"},re={key:1},ce={key:2},ue=e.defineComponent({__name:"PTable",props:{title:{},idField:{default:"id"},item:{default:{}},columns:{},modalWidth:{default:800},hiddenAdd:{type:Boolean,default:!1},hiddenEdit:{type:Boolean,default:!1},hiddenDelete:{type:Boolean,default:!1},onLoad:{},onGet:{},onOpenModal:{},onCloseModal:{},onSave:{},onDelete:{}},setup(c,{expose:z}){const E=e.ref(null),L=i.useDialog(),p=i.useMessage(),v=e.ref(!1),y=e.ref([]),C=e.ref([]),u=e.ref(null),g=e.ref(!1),m=e.ref(!1),k=e.ref(!1),M=e.ref({}),f=e.ref({page:1,itemCount:0,pageSize:10,pageSizes:[10,20,30,50],showSizePicker:!0,onChange:async t=>{f.value.page=t,await h()},onUpdatePageSize:async t=>{f.value.pageSize=t,await h()}}),l=c,H=t=>{const o=n=>{const a=[];return t&&t.forEach(d=>{d.key!=="edit"&&d.key!=="delete"&&a.push({label:d.name,key:d.key,props:{onClick:()=>d.action(n)}})}),a};return{title:"操作",key:"actions",width:100,fixed:"right",render:n=>{let a=[];if(l.hiddenEdit||a.push({label:"编辑",key:"edit",props:{onClick:()=>A(n)}}),l.hiddenDelete||a.push({label:"删除",key:"delete",props:{onClick:()=>q(n)}}),a=[...a,...o(n)],!(a.length<=0))return e.h(i.NDropdown,{options:a,placement:"bottom-start"},{default:()=>e.h(i.NButton,{size:"small",type:"primary"},{default:()=>["操作",e.h(i.NIcon,()=>e.h(b.MoreOutlined))]})})}}},I=e.computed(()=>{const t=l.columns.filter(n=>n.key!="action").map(n=>({title:n.title,key:n.key,width:n.width,fixed:n.fixed??!1,render:n.render,ellipsis:n.ellipsis?{tooltip:!0}:!1})),o=l.columns.reduce((n,a)=>a.key==="action"?a:n,void 0)?.action;return o&&o?.length>0||!l.hiddenDelete||!l.hiddenEdit?[{type:"selection",fixed:"left"},...t,H(o)]:[{type:"selection",fixed:"left"},...t]}),j=async()=>{await h()},q=t=>{D([t])},P=()=>{const t=x();D(t)},D=t=>{t&&t.length>0&&L.warning({title:"警告",content:"删除数据不可恢复, 确认删除吗?",positiveText:"确定",negativeText:"取消",onPositiveClick:async()=>{if(l.onDelete)try{await l.onDelete(t)?(h(),p.success("删除成功")):p.error("删除失败")}catch(o){p.error(o.message)}}})},W=()=>{u.value=null,T()},A=async t=>{u.value=ae.cloneDeep(t),T(u.value,async()=>{l.onGet&&(u.value=await l.onGet(t[l.idField])),Object.assign(l.item,u.value)})},R=async()=>{if(l.onSave)try{k.value=!0,(g.value?await l.onSave(void 0,e.toRaw(l.item)):await l.onSave(u.value[l.idField],e.toRaw(l.item)))&&(N(),await h())}catch(t){p.error(t.message)}finally{k.value=!1}},T=async(t,o)=>{l.onOpenModal?.(t),await o?.(),t?(g.value=!1,m.value=!0):(m.value=!1,g.value=!0)},N=()=>{u.value=null,ne.resetObject(l.item),Object.assign(l.item,{...e.toRaw(M.value)}),l.onCloseModal?.(l.item),g.value=!1,m.value=!1},x=()=>y.value?C.value.filter(o=>y.value.includes(o.id)).map(o=>e.toRaw(o)):[],U=()=>x()[0],F=()=>e.toRaw(C.value),h=async()=>{if(!v.value){v.value=!0;try{if(l.onLoad){var{data:t,total:o}=await l.onLoad(f.value.page,f.value.pageSize);C.value=t,f.value.itemCount=o}}catch(n){p.error(n.message)}finally{v.value=!1}}},G=e.computed(()=>{const t=e.unref(E);if(!t)return;const o=t?.$el,n=o.querySelector(".n-data-table-thead "),{bottomIncludeBody:a}=X(n),d=48;let r=12,s=24;const w=o.querySelector(".n-data-table__pagination");if(w){const V=w.offsetHeight;r+=V||0}else r+=28;return a-(d+r+s)}),K=t=>!t||!t.getBoundingClientRect?0:t.getBoundingClientRect(),X=t=>{const o=document.documentElement,n=o.scrollLeft,a=o.scrollTop,d=o.clientLeft,r=o.clientTop,s=window.pageXOffset,w=window.pageYOffset,O=K(t),{left:V,top:J,width:Q,height:Z}=O,ee=(s||n)-(d||0),te=(w||a)-(r||0),oe=V+s,le=J+w,S=oe-ee,B=le-te,_=window.document.documentElement.clientWidth,$=window.document.documentElement.clientHeight;return{left:S,top:B,right:_-Q-S,bottom:$-Z-B,rightIncludeBody:_-S,bottomIncludeBody:$-B}},Y=()=>{M.value={...e.toRaw(l.item)}};return e.onMounted(async()=>{Y(),await h()}),z({getData:F,getSelectedRow:U,getSelectedRows:x,closeModal:N,refreshData:h,resetPage:()=>{f.value.page=1}}),(t,o)=>{const n=i.NTooltip,a=i.NSpace,d=i.NDataTable,r=i.NModal;return e.openBlock(),e.createBlock(e.unref(i.NCard),{bordered:!1},{header:e.withCtx(()=>[e.createVNode(a,{justify:"space-between",align:"center",class:"w-full"},{default:e.withCtx(()=>[e.createElementVNode("span",ie,e.toDisplayString(c.title),1),e.createVNode(a,null,{default:e.withCtx(()=>[c.hiddenAdd?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:0,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:W},{default:e.withCtx(()=>[e.createVNode(e.unref(b.PlusSquareOutlined))]),_:1})]),default:e.withCtx(()=>[o[3]||(o[3]=e.createElementVNode("span",null,"新增",-1))]),_:1})),c.hiddenDelete?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:1,trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"mr-1 cursor-pointer hover:text-blue-600",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(b.DeleteOutlined))]),_:1})]),default:e.withCtx(()=>[o[4]||(o[4]=e.createElementVNode("span",null,"删除",-1))]),_:1})),e.createVNode(n,{trigger:"hover"},{trigger:e.withCtx(()=>[e.createVNode(e.unref(i.NIcon),{size:"18",class:"cursor-pointer hover:text-blue-600",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(b.ReloadOutlined))]),_:1})]),default:e.withCtx(()=>[o[5]||(o[5]=e.createElementVNode("span",null,"刷新",-1))]),_:1})]),_:1})]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",se,[t.$slots.toolbar?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"toolbar")])):e.createCommentVNode("",!0),e.createVNode(d,{remote:"",ref_key:"$table",ref:E,"checked-row-keys":y.value,"onUpdate:checkedRowKeys":o[0]||(o[0]=s=>y.value=s),"max-height":G.value,loading:v.value,bordered:!1,"single-line":!1,columns:I.value,data:C.value,pagination:f.value,"row-key":s=>s[c.idField]},null,8,["checked-row-keys","max-height","loading","columns","data","pagination","row-key"]),t.$slots.addModal?(e.openBlock(),e.createElementBlock("div",re,[e.createVNode(r,{title:"新增",preset:"card",show:g.value,"onUpdate:show":o[1]||(o[1]=s=>g.value=s),"header-class":"bg-gray-50",closable:!1,"close-on-esc":!1,"mask-closable":!1,draggable:!0,style:e.normalizeStyle({width:`${c.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(a,{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.NButton),{type:"primary",loading:k.value,onClick:R},{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("保存",-1)])]),_:1},8,["loading"]),e.createVNode(e.unref(i.NButton),{onClick:N},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("取消",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"addModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0),t.$slots.editModal?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(r,{title:"编辑",show:m.value,"onUpdate:show":o[2]||(o[2]=s=>m.value=s),preset:"card","header-class":"bg-gray-50",closable:!1,"close-on-esc":!1,"mask-closable":!1,draggable:!0,style:e.normalizeStyle({width:`${c.modalWidth}px`})},{action:e.withCtx(()=>[e.createVNode(a,{justify:"end"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.NButton),{type:"primary",loading:k.value,onClick:R},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("保存",-1)])]),_:1},8,["loading"]),e.createVNode(e.unref(i.NButton),{onClick:N},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("取消",-1)])]),_:1})]),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"editModal")]),_:3},8,["show","style"])])):e.createCommentVNode("",!0)])]),_:3})}}});exports.default=ue;

package/lib/table/typing.d.ts

@@ -15,6 +15,7 @@ export type DataTableColumnDefine = {
     render?: (data: any, index: number) => VNodeChild;
 };
 export type DataTableProps = {
+    title?: string;
     idField?: string;
     item?: any;
     columns: DataTableColumnDefine[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chewel611/naive-ui-plus",
   "private": false,
-  "version": "0.0.27",
+  "version": "0.0.29",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,