npm - z-crud-table - Versions diffs - 0.0.2 → 0.0.4 - Mend

z-crud-table 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/z-crud-table.umd.cjs +1 -0
package/package.json +6 -8
package/dist/vue3-crud-table.umd.cjs +0 -1
/package/dist/{vue3-crud-table.js → z-crud-table.js} +0 -0

package/dist/z-crud-table.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,15 +1,15 @@
 {
   "name": "z-crud-table",
-  "version": "0.0.2",
   "private": false,
+  "version": "0.0.4",
   "type": "module",
-  "main": "./dist/vue3-crud-table.umd.cjs",
-  "module": "./dist/vue3-crud-table.js",
+  "main": "./dist/z-crud-table.umd.cjs",
+  "module": "./dist/z-crud-table.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/vue3-crud-table.js",
-      "require": "./dist/vue3-crud-table.umd.cjs"
+      "import": "./dist/z-crud-table.js",
+      "require": "./dist/z-crud-table.umd.cjs"
     }
   },
   "files": [
@@ -18,9 +18,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --build"
+    "preview": "vite preview"
   },
   "dependencies": {
     "axios": "^1.7.2"

package/dist/vue3-crud-table.umd.cjs DELETED Viewed

@@ -1 +0,0 @@

- (function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","axios"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.Vue3CrudTable={},m.Vue,m.ElementPlus,m.axios))})(this,function(m,e,V,A){"use strict";const D=e.defineComponent({__name:"DynamicForm",props:{modelValue:{},formConfig:{},rules:{}},setup(p,{expose:y}){const _=e.ref(null);return y({validate:()=>{var r;return(r=_.value)==null?void 0:r.validate()}}),(r,l)=>{const f=e.resolveComponent("el-input"),d=e.resolveComponent("el-option"),C=e.resolveComponent("el-select"),k=e.resolveComponent("el-radio"),B=e.resolveComponent("el-radio-group"),b=e.resolveComponent("el-form-item"),a=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(a,e.mergeProps({model:r.modelValue,rules:r.rules,ref_key:"formRef",ref:_},r.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.formConfig,n=>(e.openBlock(),e.createBlock(b,{key:n.prop,label:n.label,prop:n.prop},{default:e.withCtx(()=>[n.type==="input"?(e.openBlock(),e.createBlock(f,e.mergeProps({key:0,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":s=>r.modelValue[n.prop]=s},{ref_for:!0},n.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="textarea"?(e.openBlock(),e.createBlock(f,e.mergeProps({key:1,type:"textarea",modelValue:r.modelValue[n.prop],"onUpdate:modelValue":s=>r.modelValue[n.prop]=s},{ref_for:!0},n.componentProps),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="select"?(e.openBlock(),e.createBlock(C,e.mergeProps({key:2,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":s=>r.modelValue[n.prop]=s},{ref_for:!0},n.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,s=>(e.openBlock(),e.createBlock(d,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="radio-group"?(e.openBlock(),e.createBlock(B,e.mergeProps({key:3,modelValue:r.modelValue[n.prop],"onUpdate:modelValue":s=>r.modelValue[n.prop]=s},{ref_for:!0},n.componentProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,s=>(e.openBlock(),e.createBlock(k,{key:s.value,label:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1032,["label"]))),128))]),_:2},1040,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),n.type==="input-disabled"?(e.openBlock(),e.createBlock(f,e.mergeProps({key:4,"model-value":r.modelValue[n.prop],disabled:""},{ref_for:!0},n.componentProps),null,16,["model-value"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop"]))),128))]),_:1},16,["model","rules"])}}}),u=A.create({baseURL:"",timeout:1e4});u.interceptors.request.use(p=>{const y=localStorage.getItem("token");return y&&(p.headers.Authorization="Bearer "+y),p},p=>(console.log(p),Promise.reject(p))),u.interceptors.response.use(p=>p.data,p=>(console.log("err"+p),V.ElMessage({message:"接口错误，请刷新接口",type:"error",duration:5*1e3}),Promise.reject(p)));const z={class:"crud-table-wrapper"},E={class:"flex flex-wrap items-center justify-between gap-4 mb-6"},P={class:"flex items-center gap-x-2"},$={class:"flex items-center gap-x-3 action-buttons flex-shrink-0"},T={class:"flex items-center gap-x-2"},q={key:0,class:"flex justify-end mt-[10px]"},O={class:"dialog-footer"},x=e.defineComponent({__name:"CrudTable",props:{apiUrlQuery:{type:String,required:!0},apiUrlDetail:{type:String,required:!0},apiUrlCreate:{type:String,required:!0},apiUrlUpdate:{type:String,required:!0},apiUrlDelete:{type:String,required:!0},onBeforeQuery:{type:Function},onAfterQuery:{type:Function},onBeforeOpenDialog:{type:Function},onAfterOpenDialog:{type:Function},onBeforeSubmit:{type:Function},onAfterSubmit:{type:Function},onBeforeDelete:{type:Function},onAfterDelete:{type:Function},showSelectionColumn:{type:Boolean,default:!0},showIndexColumn:{type:Boolean,default:!0},showActionsColumn:{type:Boolean,default:!0},showEditButton:{type:Boolean,default:!0},showDeleteButton:{type:Boolean,default:!0},actionsColumnWidth:{type:Number,default:120},dialogWidth:{type:String,default:"50%"},initialSearchForm:{type:Object,default:()=>({pageNum:1,pageSize:10})},showPagination:{type:Boolean,default:!0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},paginationBackground:{type:Boolean,default:!0},paginationSmall:{type:Boolean,default:!1},paginationHideOnSinglePage:{type:Boolean,default:!1},dialogFormConfig:{type:Array,default:()=>[]},dialogFormRules:{type:Object,default:()=>({})}},emits:["open-dialog","submit","delete"],setup(p,{expose:y,emit:_}){const r=_,l=p,f=(t,o)=>t?!0:(V.ElMessage.error(`${o} prop is required.`),!1),d=e.reactive({pageNum:1,pageSize:10,...l.initialSearchForm}),C=e.ref([]),k=e.ref(0),B=e.ref(!1),b=e.ref([]),a=e.reactive({visible:!1,loading:!1,submitting:!1,mode:"add",data:{},formRef:null}),n=e.computed(()=>a.mode==="add"?"新增":"编辑"),s=e.computed(()=>{if(a.mode==="add")return l.dialogFormConfig.filter(o=>o.prop!=="id");const t=[...l.dialogFormConfig.filter(o=>o.prop!=="id")];return t.some(o=>o.prop==="id")||t.push({type:"input-disabled",prop:"id",label:"用户ID"}),t}),h=async()=>{if(f(l.apiUrlQuery,"apiUrlQuery")){B.value=!0;try{let t={...d};l.onBeforeQuery&&(t=await l.onBeforeQuery(t));const o=await u.get(l.apiUrlQuery,{params:t});if(o&&Array.isArray(o.data)&&typeof o.total=="number"){let i=o.data;l.onAfterQuery&&(i=await l.onAfterQuery(i)),C.value=i,k.value=o.total}else C.value=[],k.value=0}finally{B.value=!1}}},w=()=>{d.pageNum=1,h()},Q=()=>{const{pageNum:t,pageSize:o,...i}=l.initialSearchForm;Object.keys(d).forEach(g=>{g!=="pageNum"&&g!=="pageSize"&&delete d[g]}),Object.assign(d,i),w()},R=t=>{b.value=t},S=async(t,o)=>{let i=t==="add"?{role:"user"}:{...o};if(l.onBeforeOpenDialog&&(i=await l.onBeforeOpenDialog(t,i)||i),a.mode=t,a.visible=!0,t==="edit"){if(!f(l.apiUrlDetail,"apiUrlDetail"))return;a.loading=!0;try{const g=await u.get(l.apiUrlDetail,{params:{id:i.id}});a.data=g.data}finally{a.loading=!1,l.onAfterOpenDialog&&l.onAfterOpenDialog(t,a.data),r("open-dialog",{mode:t,data:a.data})}}else a.data=i,l.onAfterOpenDialog&&l.onAfterOpenDialog(t,a.data),r("open-dialog",{mode:t,data:a.data})},M=async()=>{try{a.formRef&&await a.formRef.validate();let t={...a.data};l.onBeforeSubmit&&(t=await l.onBeforeSubmit(t)),a.submitting=!0;let o;if(a.mode==="add"){if(!f(l.apiUrlCreate,"apiUrlCreate"))return;o=await u.post(l.apiUrlCreate,t),V.ElMessage.success("新增成功")}else{if(!f(l.apiUrlUpdate,"apiUrlUpdate"))return;o=await u.put(l.apiUrlUpdate,t),V.ElMessage.success("更新成功")}l.onAfterSubmit&&l.onAfterSubmit(a.mode,t),r("submit",{mode:a.mode,data:t,response:o}),a.visible=!1,h()}catch{}finally{a.submitting=!1}},U=async t=>{if(f(l.apiUrlDelete,"apiUrlDelete"))try{if(l.onBeforeDelete&&await l.onBeforeDelete(t)===!1)return;const o=t.join(","),i=await u.delete(l.apiUrlDelete,{params:{ids:o}});V.ElMessage.success("删除成功"),l.onAfterDelete&&l.onAfterDelete(t),r("delete",{ids:t,response:i}),C.value.length===t.length&&d.pageNum>1&&d.pageNum--,h()}catch(o){console.error("Delete failed",o)}},L=t=>{d.pageSize=t,w()},I=t=>{d.pageNum=t,h()};return e.onMounted(h),y({refresh:h,search:w,handleDelete:U,openDialog:S}),(t,o)=>{const i=e.resolveComponent("el-button"),g=e.resolveComponent("el-form-item"),W=e.resolveComponent("el-form"),N=e.resolveComponent("el-table-column"),H=e.resolveComponent("el-popconfirm"),G=e.resolveComponent("el-table"),J=e.resolveComponent("el-pagination"),K=e.resolveComponent("el-dialog"),F=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"header"),e.createElementVNode("div",E,[e.createVNode(W,{model:d,class:"query-form flex flex-nowrap items-center gap-x-4",style:{"overflow-x":"auto","padding-bottom":"8px"}},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"query-conditions",{searchForm:d}),e.createVNode(g,{class:"!mr-0 flex-shrink-0"},{default:e.withCtx(()=>[e.createElementVNode("div",P,[e.renderSlot(t.$slots,"query-left"),e.createVNode(i,{type:"primary",onClick:w,loading:B.value},{default:e.withCtx(()=>o[6]||(o[6]=[e.createTextVNode("搜索")])),_:1,__:[6]},8,["loading"]),e.createVNode(i,{onClick:Q},{default:e.withCtx(()=>o[7]||(o[7]=[e.createTextVNode("清空")])),_:1,__:[7]}),e.renderSlot(t.$slots,"query-right")])]),_:3})]),_:3},8,["model"]),e.createElementVNode("div",$,[e.renderSlot(t.$slots,"action-left",{selections:b.value}),e.renderSlot(t.$slots,"add-button-content",{},()=>[e.createVNode(i,{type:"success",onClick:o[0]||(o[0]=c=>S("add"))},{default:e.withCtx(()=>o[8]||(o[8]=[e.createTextVNode("新增")])),_:1,__:[8]})]),e.renderSlot(t.$slots,"action-right")])]),e.withDirectives((e.openBlock(),e.createBlock(G,e.mergeProps({data:C.value,onSelectionChange:R},t.$attrs,{style:{width:"100%"}}),{default:e.withCtx(()=>[l.showSelectionColumn?(e.openBlock(),e.createBlock(N,{key:0,type:"selection",width:"55",fixed:""})):e.createCommentVNode("",!0),l.showIndexColumn?(e.openBlock(),e.createBlock(N,{key:1,type:"index",label:"序号",width:"70",fixed:""})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),l.showActionsColumn?(e.openBlock(),e.createBlock(N,{key:2,label:"操作",width:p.actionsColumnWidth,fixed:"right"},{default:e.withCtx(c=>[e.createElementVNode("div",T,[e.renderSlot(t.$slots,"actions",{row:c.row},()=>[l.showEditButton?(e.openBlock(),e.createBlock(i,{key:0,size:"small",type:"primary",link:"",onClick:X=>S("edit",c.row)},{default:e.withCtx(()=>o[9]||(o[9]=[e.createTextVNode("编辑")])),_:2,__:[9]},1032,["onClick"])):e.createCommentVNode("",!0),l.showDeleteButton?(e.openBlock(),e.createBlock(H,{key:1,title:"确定要删除这条数据吗?",onConfirm:X=>U([c.row.id]),"confirm-button-text":"确定","cancel-button-text":"取消",width:"200"},{reference:e.withCtx(()=>[e.createVNode(i,{size:"small",type:"danger",link:""},{default:e.withCtx(()=>o[10]||(o[10]=[e.createTextVNode("删除")])),_:1,__:[10]})]),_:2},1032,["onConfirm"])):e.createCommentVNode("",!0)])])]),_:3},8,["width"])):e.createCommentVNode("",!0)]),_:3},16,["data"])),[[F,B.value]]),l.showPagination&&k.value>0?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(J,{"current-page":d.pageNum,"onUpdate:currentPage":o[1]||(o[1]=c=>d.pageNum=c),"page-size":d.pageSize,"onUpdate:pageSize":o[2]||(o[2]=c=>d.pageSize=c),"page-sizes":l.pageSizes,layout:l.paginationLayout,total:k.value,background:l.paginationBackground,small:l.paginationSmall,"hide-on-single-page":l.paginationHideOnSinglePage,onSizeChange:L,onCurrentChange:I},null,8,["current-page","page-size","page-sizes","layout","total","background","small","hide-on-single-page"])])):e.createCommentVNode("",!0),e.createVNode(K,{modelValue:a.visible,"onUpdate:modelValue":o[5]||(o[5]=c=>a.visible=c),title:n.value,width:l.dialogWidth,"destroy-on-close":!0},{footer:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(i,{onClick:o[4]||(o[4]=c=>a.visible=!1)},{default:e.withCtx(()=>o[11]||(o[11]=[e.createTextVNode("取消")])),_:1,__:[11]}),e.createVNode(i,{type:"primary",onClick:M,loading:a.submitting},{default:e.withCtx(()=>o[12]||(o[12]=[e.createTextVNode("确定")])),_:1,__:[12]},8,["loading"])])]),default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(t.$slots,"dialog-form-content",{formData:a.data,mode:a.mode},()=>[l.dialogFormConfig.length>0?(e.openBlock(),e.createBlock(D,{key:0,"form-config":s.value,modelValue:a.data,"onUpdate:modelValue":o[3]||(o[3]=c=>a.data=c),ref:c=>a.formRef=c,rules:l.dialogFormRules,"label-width":"80px"},null,8,["form-config","modelValue","rules"])):e.createCommentVNode("",!0)])])),[[F,a.loading]])]),_:3},8,["modelValue","title","width"])])}}}),j={install:p=>{p.component("CrudTable",x)}};m.CrudTable=x,m.DynamicForm=D,m.default=j,m.request=u,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

/package/dist/{vue3-crud-table.js → z-crud-table.js} RENAMED Viewed

File without changes