wtsk-comps 1.1.0

package/README.md

@@ -0,0 +1,3 @@
+# Vue 3 + Element Plus
+
+开箱即用

package/dist/wtsk-basic.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),V=require("element-plus"),x=Object.assign({name:"WtskBtn",inheritAttrs:!1},{__name:"WtskBtn",setup(r){const m=e.useAttrs(),k=e.ref(!1);function g(i,f){const a={};for(const v in i)v!==f&&(a[v]=i[v]);return a}async function p(){k.value=!0;try{await m.onClick?.()}finally{k.value=!1}}return(i,f)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(g(i.$attrs,"onClick"),{loading:k.value,onClick:p}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16,["loading"])}}});var N=e.defineComponent({name:"Delete",__name:"delete",setup(r){return(m,k)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"})]))}}),E=N,P=e.defineComponent({name:"Edit",__name:"edit",setup(r){return(m,k)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"}),e.createElementVNode("path",{fill:"currentColor",d:"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"})]))}}),b=P,S=e.defineComponent({name:"Plus",__name:"plus",setup(r){return(m,k)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"})]))}}),_=S;const T={class:"wtsk-tree-box"},F={key:0,class:"wtsk-tree-box-title"},z={key:1,class:"wtsk-tree-box-filter wtsk-form"},H={style:{display:"flex","align-items":"center"},class:"wtsk-form"},$={class:"wtsk-tree-box-tree-custom"},M={style:{display:"flex","align-items":"center"},class:"wtsk-form"},O={style:{display:"flex","align-items":"center"},class:"wtsk-form"},U=Object.assign({name:"WtskTree",inheritAttrs:!1},{__name:"WtskTree",props:{treeTitle:{type:String,default:""},treeHasFilter:{type:Boolean,default:!1},treeFilterType:{type:String,default:"default"},treeHasOperate:{type:Boolean,default:!1},treeCustomizeOperate:{type:Boolean,default:!1},treeAddParentText:{type:String,default:"新增一级"}},emits:["treeOperate"],setup(r,{expose:m,emit:k}){const g=e.useAttrs(),p=r,i=e.ref();let f=e.ref(""),a=e.ref("");const v=k;e.watch(f,o=>{i.value?.filter(o)});function u(o,l,s){const n=l.label?l.label:g.props?.label;if(!o)return!0;if(p.treeFilterType==="default")return l[n].includes(o);{let y=[];C(s,y,o,n);let B=!1;return y.forEach(w=>{B=B||w}),B}}function C(o,l,s,n){let y=o.data&&o.data[n]&&o.data[n].includes(s);y&&l.push(y),!y&&o.level!==1&&o.parent&&C(o.parent,l,s,n)}function d(o,l,s){p.treeCustomizeOperate||o==="delete"?v("treeOperate",o,l,s):a.value.trim()!==""?(document.documentElement.click(),v("treeOperate",o,l,s,a.value)):V.ElMessage.error("名称不能为空！")}return m({wtskTreeRef:i}),(o,l)=>{const s=e.resolveComponent("el-input"),n=e.resolveComponent("el-button"),y=e.resolveComponent("el-popover"),B=e.resolveComponent("el-popconfirm"),w=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",T,[r.treeTitle!==""?(e.openBlock(),e.createElementBlock("div",F,e.toDisplayString(r.treeTitle),1)):e.createCommentVNode("",!0),r.treeHasFilter||r.treeHasOperate?(e.openBlock(),e.createElementBlock("div",z,[r.treeHasFilter?(e.openBlock(),e.createBlock(s,{key:0,modelValue:e.unref(f),"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(f)?f.value=t:f=t),placeholder:"输入名称进行筛选……",clearable:""},null,8,["modelValue"])):e.createCommentVNode("",!0),r.treeCustomizeOperate?(e.openBlock(),e.createBlock(n,{key:2,type:"primary",onClick:l[4]||(l[4]=t=>d("addParent"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.treeAddParentText),1)]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[r.treeHasOperate?(e.openBlock(),e.createBlock(y,{key:0,placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"primary",onClick:l[1]||(l[1]=t=>e.isRef(a)?a.value="":a="")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.treeAddParentText),1)]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",H,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(a)?a.value=t:a=t),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:l[3]||(l[3]=e.withModifiers(t=>d("addParent"),["stop"]))},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("新增",-1)])]),_:1})])]),_:1})):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.createVNode(w,e.mergeProps({ref_key:"wtskTreeRef",ref:i,class:"wtsk-tree wtsk-tree-box-tree"},{"node-key":"id","highlight-current":!0,"default-expand-all":!0,"expand-on-click-node":!1,"check-on-click-leaf":!1,...o.$attrs},{"filter-node-method":u}),e.createSlots({_:2},[r.treeHasOperate?{name:"default",fn:e.withCtx(({node:t,data:c})=>[e.createElementVNode("div",$,[e.createElementVNode("div",null,e.toDisplayString(t.label),1),e.createElementVNode("div",null,[r.treeCustomizeOperate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"success",link:"",icon:e.unref(_),onClick:e.withModifiers(h=>d("add",c,t),["stop"])},null,8,["icon","onClick"]),e.createVNode(n,{type:"primary",link:"",icon:e.unref(b),onClick:e.withModifiers(h=>d("edit",c,t),["stop"])},null,8,["icon","onClick"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(y,{placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"success",link:"",icon:e.unref(_),onClick:l[5]||(l[5]=e.withModifiers(h=>e.isRef(a)?a.value="":a="",["stop"]))},null,8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",M,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[6]||(l[6]=h=>e.isRef(a)?a.value=h:a=h),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:e.withModifiers(h=>d("add",c,t),["stop"])},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("新增",-1)])]),_:1},8,["onClick"])])]),_:2},1024),e.createVNode(y,{placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"primary",link:"",icon:e.unref(b),onClick:e.withModifiers(h=>e.isRef(a)?a.value=t.label:a=t.label,["stop"])},null,8,["icon","onClick"])]),default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[7]||(l[7]=h=>e.isRef(a)?a.value=h:a=h),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:e.withModifiers(h=>d("edit",c,t),["stop"])},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode("修改",-1)])]),_:1},8,["onClick"])])]),_:2},1024)],64)),e.createVNode(B,{title:"确定删除这条数据吗？","hide-icon":"",width:"170",onConfirm:h=>d("delete",c,t)},{reference:e.withCtx(()=>[e.createVNode(n,{type:"danger",link:"",icon:e.unref(E),onClick:l[8]||(l[8]=e.withModifiers(()=>{},["stop"]))},null,8,["icon"])]),_:1},8,["onConfirm"])])])]),key:"0"}:void 0]),1040)])}}}),A=Object.assign({name:"WtskForm",inheritAttrs:!1},{__name:"WtskForm",props:e.mergeModels({formIsSearch:{type:Boolean,default:!1},formItems:{type:Array,default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(r,{expose:m}){const k=r,g=e.computed(()=>k.formItems.filter(u=>!u.hidden)),p=e.useModel(r,"modelValue"),i={input:V.ElInput,number:V.ElInputNumber,select:V.ElSelect,date:V.ElDatePicker,switch:V.ElSwitch,treeSelect:V.ElTreeSelect};function f(u,C){if(!u||typeof u!="object")return;const d=C.split(".");let o=u;for(const l of d){if(o===null)return;o=o[l]}return o}function a(u,C,d){if(!u||typeof u!="object")return;const o=C.split(".");let l=u;for(let s=0;s<o.length-1;s++){const n=o[s];(l[n]===null||typeof l[n]!="object")&&(l[n]={}),l=l[n]}l[o[o.length-1]]=d}const v=e.ref();return m({wtskFormRef:v}),(u,C)=>{const d=e.resolveComponent("el-radio"),o=e.resolveComponent("el-radio-group"),l=e.resolveComponent("el-checkbox"),s=e.resolveComponent("el-checkbox-group"),n=e.resolveComponent("el-form-item"),y=e.resolveComponent("el-col"),B=e.resolveComponent("el-row"),w=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(w,e.mergeProps({ref_key:"wtskFormRef",ref:v,class:["wtsk-form",r.formIsSearch?"wtsk-form-search":""]},{"label-width":r.formIsSearch?"auto":"100px",...u.$attrs},{model:p.value}),{default:e.withCtx(()=>[r.formIsSearch?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createBlock(n,{key:t.prop,label:t.label,prop:t.prop},{default:e.withCtx(()=>[e.renderSlot(u.$slots,t.prop,{},()=>[t.type==="radio"||t.type==="checkbox"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.type==="radio"?(e.openBlock(),e.createBlock(o,{key:0,modelValue:p.value[t.prop],"onUpdate:modelValue":c=>p.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(d,{value:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="checkbox"?(e.openBlock(),e.createBlock(s,{key:1,modelValue:p.value[t.prop],"onUpdate:modelValue":c=>p.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(l,{label:c.label,value:c.value},null,8,["label","value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i[t.type]),e.mergeProps({key:1,ref_for:!0},t.props,{"model-value":f(p.value,t.prop),"onUpdate:modelValue":c=>a(p.value,t.prop,c)}),null,16,["model-value","onUpdate:modelValue"]))])]),_:2},1032,["label","prop"]))),128)),e.createVNode(n,null,{default:e.withCtx(()=>[e.renderSlot(u.$slots,"formSearchBtn")]),_:3})],64)):(e.openBlock(),e.createBlock(B,{key:1,gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createBlock(y,{key:t.prop,span:t.span||24},{default:e.withCtx(()=>[e.createVNode(n,{label:t.label,prop:t.prop},{default:e.withCtx(()=>[e.renderSlot(u.$slots,t.prop,{},()=>[t.type==="radio"||t.type==="checkbox"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.type==="radio"?(e.openBlock(),e.createBlock(o,{key:0,modelValue:p.value[t.prop],"onUpdate:modelValue":c=>p.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(d,{value:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="checkbox"?(e.openBlock(),e.createBlock(s,{key:1,modelValue:p.value[t.prop],"onUpdate:modelValue":c=>p.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(l,{label:c.label,value:c.value},null,8,["label","value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i[t.type]),e.mergeProps({key:1,ref_for:!0},t.props,{modelValue:p.value[t.prop],"onUpdate:modelValue":c=>p.value[t.prop]=c}),null,16,["modelValue","onUpdate:modelValue"]))])]),_:2},1032,["label","prop"])]),_:2},1032,["span"]))),128))]),_:3}))]),_:3},16,["class","model"])}}}),R={key:0},D=Object.assign({name:"WtskTable",inheritAttrs:!1},{__name:"WtskTable",props:{tableData:{type:Array,default:()=>[]},tableHeight:{type:String,default:"550px"},tableColumns:{type:Array,default:()=>[]},tableHasPage:{type:Boolean,default:!0},tableTotal:{type:Number,default:0},tablePageNum:{type:Number,default:1},tablePageSize:{type:Number,default:10},tablePageProp:{type:Object,default:null}},emits:["tablePageChange"],setup(r,{expose:m,emit:k}){const g=r,p=e.ref(),i=e.ref({pageNum:g.tablePageNum,pageSize:g.tablePageSize});e.watch(()=>g.tablePageNum,()=>{i.value.pageNum=g.tablePageNum,i.value.pageSize=g.tablePageSize});const f=k;function a(u){i.value.pageNum=u,f("tablePageChange",{...i.value})}function v(u){i.value.pageSize=u,f("tablePageChange",{...i.value})}return m({wtskTableRef:p}),(u,C)=>{const d=e.resolveComponent("el-table-column"),o=e.resolveComponent("el-table"),l=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(o,e.mergeProps({ref_key:"wtskTableRef",ref:p,class:"wtsk-table"},{"row-key":"id","default-expand-all":!0,...u.$attrs},{data:r.tableData,height:r.tableHasPage?r.tableHeight:"auto",stripe:""}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableColumns,s=>(e.openBlock(),e.createBlock(d,e.mergeProps({key:s.prop},{ref_for:!0},{align:"center","reserve-selection":!0,"show-overflow-tooltip":!0,...s}),e.createSlots({_:2},[s.slot?{name:"default",fn:e.withCtx(n=>[e.renderSlot(u.$slots,s.slot,e.mergeProps({ref_for:!0},n))]),key:"0"}:void 0,s.type==="operate"?{name:"default",fn:e.withCtx(n=>[e.renderSlot(u.$slots,"tableBtn",e.mergeProps({ref_for:!0},n))]),key:"1"}:void 0]),1040))),128))]),_:3},16,["data","height"]),r.tableHasPage?(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(l,e.mergeProps({class:"wtsk-pagination"},{layout:"total, prev, pager, next, sizes","page-sizes":[5,10,20,50,100],background:!0,...r.tablePageProp},{total:r.tableTotal,"current-page":i.value.pageNum,"page-size":i.value.pageSize,onSizeChange:v,onCurrentChange:a}),null,16,["total","current-page","page-size"])])):e.createCommentVNode("",!0)],64)}}}),L=[x,U,A,D],I={install(r){L.forEach(m=>{r.component(m.name,m)})}};module.exports=I;

package/dist/wtsk-basic.css

@@ -0,0 +1 @@
+.wtsk-form .el-input,.wtsk-form .el-select,.wtsk-form .el-date-editor,.wtsk-form .el-input-number{width:100%}.wtsk-form .el-form-item__label-wrap,.wtsk-form .el-form-item__label{font-weight:700}.wtsk-form .el-input__wrapper,.wtsk-form .el-select__wrapper,.wtsk-form .el-textarea__inner{background:#ffffff80;border:1px solid rgba(64,158,255,.3);box-shadow:none!important}.wtsk-form .el-input-group__append{box-shadow:none;border:1px solid rgba(64,158,255,.3);border-left:0}.wtsk-form .el-input-group__append .el-button{border:0}.wtsk-form .el-input-group__append .el-button .el-icon{color:#409eff}.wtsk-form.wtsk-form-search{display:flex;gap:20px}.wtsk-form.wtsk-form-search .el-input,.wtsk-form.wtsk-form-search .el-select,.wtsk-form.wtsk-form-search .el-date-editor,.wtsk-form.wtsk-form-search .el-input-number{width:200px}.wtsk-form.wtsk-form-search .el-input.el-date-editor--datetimerange,.wtsk-form.wtsk-form-search .el-select.el-date-editor--datetimerange,.wtsk-form.wtsk-form-search .el-date-editor.el-date-editor--datetimerange,.wtsk-form.wtsk-form-search .el-input-number.el-date-editor--datetimerange{width:initial}.wtsk-form.wtsk-form-search .el-form-item{margin:0}.el-table.wtsk-table{background:transparent}.el-table.wtsk-table .el-table__inner-wrapper:before{background-color:transparent!important}.el-table.wtsk-table tr{background:transparent!important}.el-table.wtsk-table tr.el-table__row--striped td{background:#ffffff70!important;border-top:1px solid #fff!important;border-bottom:1px solid #fff!important}.el-table.wtsk-table tr.current-row td{background:#409eff0f!important}.el-table.wtsk-table th{padding:0;height:50px;background-color:#409eff26!important;border:0!important;font-size:14px;color:#333}.el-table.wtsk-table th:nth-of-type(1){border-radius:4px 0 0 4px}.el-table.wtsk-table th:nth-last-of-type(1){border-radius:0 4px 4px 0}.el-table.wtsk-table td{padding:0;height:50px;background:transparent!important;border:0!important}.el-table.wtsk-table td .el-button.is-link{position:relative;padding:4px 5px;margin-left:0;color:#409eff;outline:0}.el-table.wtsk-table td .el-button.is-link:hover{text-decoration:underline}.el-table.wtsk-table.wtsk-table-small th,.el-table.wtsk-table.wtsk-table-small td{height:40px!important}.el-pagination.wtsk-pagination{justify-content:flex-end;margin-top:10px}.el-pagination.wtsk-pagination .btn-prev,.el-pagination.wtsk-pagination .btn-next,.el-pagination.wtsk-pagination .el-select__wrapper,.el-pagination.wtsk-pagination .el-pager li{background:#ffffff80!important;border:1px solid rgba(64,158,255,.5)!important;box-shadow:none!important}.el-pagination.wtsk-pagination .btn-prev.is-active,.el-pagination.wtsk-pagination .btn-next.is-active,.el-pagination.wtsk-pagination .el-select__wrapper.is-active,.el-pagination.wtsk-pagination .el-pager li.is-active{background-color:#409eff!important}.el-tree.wtsk-tree,.el-tree.wtsk-tree .el-tree-node .el-tree-node__content{background:transparent}.el-tree.wtsk-tree .el-tree-node.is-current>.el-tree-node__content{background:#409eff26!important;border-radius:4px}*{box-sizing:border-box;outline:none!important}*::selection{background-color:transparent;color:#409eff}html,body,#app{position:relative;margin:0;padding:0;width:100%;height:100%;overflow:hidden}a{color:initial;text-decoration:none}a:hover{color:#409eff}::-webkit-scrollbar{width:6px;height:8px;border:0!important}::-webkit-scrollbar-corner{background:transparent;border-radius:0}::-webkit-scrollbar-thumb{background-color:#409eff1a;border-radius:8px}.el-scrollbar__thumb{background-color:#409eff4d}.wtsk-tree-box{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.wtsk-tree-box .wtsk-tree-box-title{line-height:40px;border-bottom:1px solid #eee;text-align:center;font-size:17px;color:#333}.wtsk-tree-box .wtsk-tree-box-filter{padding:5px;display:flex;align-items:center;justify-content:center;gap:10px}.wtsk-tree-box .wtsk-tree-box-tree{flex:1;overflow-x:hidden;overflow-y:auto}.wtsk-tree-box .wtsk-tree-box-tree .wtsk-tree-box-tree-custom{width:calc(100% - 24px);display:flex;align-items:center;justify-content:space-between}.wtsk-tree-box .wtsk-tree-box-tree .wtsk-tree-box-tree-custom>div:nth-of-type(1){width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wtsk-tree-box .wtsk-tree-box-tree .wtsk-tree-box-tree-custom>div:nth-of-type(2){width:60px}.wtsk-tree-box .wtsk-tree-box-tree .wtsk-tree-box-tree-custom>div:nth-of-type(2) button{margin:0}

package/dist/wtsk-basic.es.js

@@ -0,0 +1,669 @@
+import { useAttrs as L, ref as E, resolveComponent as y, openBlock as l, createBlock as k, mergeProps as S, withCtx as s, renderSlot as F, defineComponent as I, createElementBlock as f, createElementVNode as P, watch as j, toDisplayString as A, createCommentVNode as N, isRef as O, unref as z, Fragment as v, createVNode as m, withModifiers as H, createTextVNode as U, createSlots as q, computed as G, useModel as J, renderList as B, resolveDynamicComponent as W, mergeModels as Q } from "vue";
+import { ElMessage as X, ElTreeSelect as Y, ElSwitch as Z, ElDatePicker as K, ElSelect as ee, ElInputNumber as te, ElInput as le } from "element-plus";
+const ae = /* @__PURE__ */ Object.assign({
+  name: "WtskBtn",
+  inheritAttrs: !1
+}, {
+  __name: "WtskBtn",
+  setup(o) {
+    const b = L(), h = E(!1);
+    function w(c, _) {
+      const r = {};
+      for (const V in c)
+        V !== _ && (r[V] = c[V]);
+      return r;
+    }
+    async function d() {
+      h.value = !0;
+      try {
+        await b.onClick?.();
+      } finally {
+        h.value = !1;
+      }
+    }
+    return (c, _) => {
+      const r = y("el-button");
+      return l(), k(r, S(w(c.$attrs, "onClick"), {
+        loading: h.value,
+        onClick: d
+      }), {
+        default: s(() => [
+          F(c.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["loading"]);
+    };
+  }
+});
+var oe = /* @__PURE__ */ I({
+  name: "Delete",
+  __name: "delete",
+  setup(o) {
+    return (b, h) => (l(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      P("path", {
+        fill: "currentColor",
+        d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
+      })
+    ]));
+  }
+}), re = oe, ne = /* @__PURE__ */ I({
+  name: "Edit",
+  __name: "edit",
+  setup(o) {
+    return (b, h) => (l(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      P("path", {
+        fill: "currentColor",
+        d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"
+      }),
+      P("path", {
+        fill: "currentColor",
+        d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+      })
+    ]));
+  }
+}), R = ne, ue = /* @__PURE__ */ I({
+  name: "Plus",
+  __name: "plus",
+  setup(o) {
+    return (b, h) => (l(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      P("path", {
+        fill: "currentColor",
+        d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
+      })
+    ]));
+  }
+}), D = ue;
+const se = { class: "wtsk-tree-box" }, pe = {
+  key: 0,
+  class: "wtsk-tree-box-title"
+}, ie = {
+  key: 1,
+  class: "wtsk-tree-box-filter wtsk-form"
+}, de = {
+  style: { display: "flex", "align-items": "center" },
+  class: "wtsk-form"
+}, ce = { class: "wtsk-tree-box-tree-custom" }, fe = {
+  style: { display: "flex", "align-items": "center" },
+  class: "wtsk-form"
+}, me = {
+  style: { display: "flex", "align-items": "center" },
+  class: "wtsk-form"
+}, ke = /* @__PURE__ */ Object.assign({
+  name: "WtskTree",
+  inheritAttrs: !1
+}, {
+  __name: "WtskTree",
+  props: {
+    // 树标题
+    treeTitle: {
+      type: String,
+      default: ""
+    },
+    // 是否有筛选框
+    treeHasFilter: {
+      type: Boolean,
+      default: !1
+    },
+    // 筛选类型（default：默认，只展示筛选节点，detail：详细，展示筛选节点及子节点）
+    treeFilterType: {
+      type: String,
+      default: "default"
+    },
+    // 是否有操作按钮
+    treeHasOperate: {
+      type: Boolean,
+      default: !1
+    },
+    // 操作是否自定义
+    treeCustomizeOperate: {
+      type: Boolean,
+      default: !1
+    },
+    // 树顶部按钮文本
+    treeAddParentText: {
+      type: String,
+      default: "新增一级"
+    }
+  },
+  emits: ["treeOperate"],
+  setup(o, { expose: b, emit: h }) {
+    const w = L(), d = o, c = E();
+    let _ = E(""), r = E("");
+    const V = h;
+    j(_, (a) => {
+      c.value?.filter(a);
+    });
+    function i(a, t, p) {
+      const n = t.label ? t.label : w.props?.label;
+      if (!a) return !0;
+      if (d.treeFilterType === "default") return t[n].includes(a);
+      {
+        let C = [];
+        T(p, C, a, n);
+        let $ = !1;
+        return C.forEach((M) => {
+          $ = $ || M;
+        }), $;
+      }
+    }
+    function T(a, t, p, n) {
+      let C = a.data && a.data[n] && a.data[n].includes(p);
+      C && t.push(C), !C && a.level !== 1 && a.parent && T(a.parent, t, p, n);
+    }
+    function g(a, t, p) {
+      d.treeCustomizeOperate || a === "delete" ? V("treeOperate", a, t, p) : r.value.trim() !== "" ? (document.documentElement.click(), V("treeOperate", a, t, p, r.value)) : X.error("名称不能为空！");
+    }
+    return b({ wtskTreeRef: c }), (a, t) => {
+      const p = y("el-input"), n = y("el-button"), C = y("el-popover"), $ = y("el-popconfirm"), M = y("el-tree");
+      return l(), f("div", se, [
+        o.treeTitle !== "" ? (l(), f("div", pe, A(o.treeTitle), 1)) : N("", !0),
+        o.treeHasFilter || o.treeHasOperate ? (l(), f("div", ie, [
+          o.treeHasFilter ? (l(), k(p, {
+            key: 0,
+            modelValue: z(_),
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => O(_) ? _.value = e : _ = e),
+            placeholder: "输入名称进行筛选……",
+            clearable: ""
+          }, null, 8, ["modelValue"])) : N("", !0),
+          o.treeCustomizeOperate ? (l(), k(n, {
+            key: 2,
+            type: "primary",
+            onClick: t[4] || (t[4] = (e) => g("addParent"))
+          }, {
+            default: s(() => [
+              U(A(o.treeAddParentText), 1)
+            ]),
+            _: 1
+          })) : (l(), f(v, { key: 1 }, [
+            o.treeHasOperate ? (l(), k(C, {
+              key: 0,
+              placement: "bottom",
+              width: 280,
+              trigger: "click"
+            }, {
+              reference: s(() => [
+                m(n, {
+                  type: "primary",
+                  onClick: t[1] || (t[1] = (e) => O(r) ? r.value = "" : r = "")
+                }, {
+                  default: s(() => [
+                    U(A(o.treeAddParentText), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: s(() => [
+                P("div", de, [
+                  m(p, {
+                    modelValue: z(r),
+                    "onUpdate:modelValue": t[2] || (t[2] = (e) => O(r) ? r.value = e : r = e),
+                    placeholder: "请输入名称",
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  m(n, {
+                    type: "primary",
+                    style: { "margin-left": "10px" },
+                    onClick: t[3] || (t[3] = H((e) => g("addParent"), ["stop"]))
+                  }, {
+                    default: s(() => [...t[9] || (t[9] = [
+                      U("新增", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })) : N("", !0)
+          ], 64))
+        ])) : N("", !0),
+        m(M, S({
+          ref_key: "wtskTreeRef",
+          ref: c,
+          class: "wtsk-tree wtsk-tree-box-tree"
+        }, {
+          "node-key": "id",
+          "highlight-current": !0,
+          "default-expand-all": !0,
+          "expand-on-click-node": !1,
+          "check-on-click-leaf": !1,
+          ...a.$attrs
+        }, { "filter-node-method": i }), q({ _: 2 }, [
+          o.treeHasOperate ? {
+            name: "default",
+            fn: s(({ node: e, data: u }) => [
+              P("div", ce, [
+                P("div", null, A(e.label), 1),
+                P("div", null, [
+                  o.treeCustomizeOperate ? (l(), f(v, { key: 0 }, [
+                    m(n, {
+                      type: "success",
+                      link: "",
+                      icon: z(D),
+                      onClick: H((x) => g("add", u, e), ["stop"])
+                    }, null, 8, ["icon", "onClick"]),
+                    m(n, {
+                      type: "primary",
+                      link: "",
+                      icon: z(R),
+                      onClick: H((x) => g("edit", u, e), ["stop"])
+                    }, null, 8, ["icon", "onClick"])
+                  ], 64)) : (l(), f(v, { key: 1 }, [
+                    m(C, {
+                      placement: "bottom",
+                      width: 280,
+                      trigger: "click"
+                    }, {
+                      reference: s(() => [
+                        m(n, {
+                          type: "success",
+                          link: "",
+                          icon: z(D),
+                          onClick: t[5] || (t[5] = H((x) => O(r) ? r.value = "" : r = "", ["stop"]))
+                        }, null, 8, ["icon"])
+                      ]),
+                      default: s(() => [
+                        P("div", fe, [
+                          m(p, {
+                            modelValue: z(r),
+                            "onUpdate:modelValue": t[6] || (t[6] = (x) => O(r) ? r.value = x : r = x),
+                            placeholder: "请输入名称",
+                            clearable: ""
+                          }, null, 8, ["modelValue"]),
+                          m(n, {
+                            type: "primary",
+                            style: { "margin-left": "10px" },
+                            onClick: H((x) => g("add", u, e), ["stop"])
+                          }, {
+                            default: s(() => [...t[10] || (t[10] = [
+                              U("新增", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    m(C, {
+                      placement: "bottom",
+                      width: 280,
+                      trigger: "click"
+                    }, {
+                      reference: s(() => [
+                        m(n, {
+                          type: "primary",
+                          link: "",
+                          icon: z(R),
+                          onClick: H((x) => O(r) ? r.value = e.label : r = e.label, ["stop"])
+                        }, null, 8, ["icon", "onClick"])
+                      ]),
+                      default: s(() => [
+                        P("div", me, [
+                          m(p, {
+                            modelValue: z(r),
+                            "onUpdate:modelValue": t[7] || (t[7] = (x) => O(r) ? r.value = x : r = x),
+                            placeholder: "请输入名称",
+                            clearable: ""
+                          }, null, 8, ["modelValue"]),
+                          m(n, {
+                            type: "primary",
+                            style: { "margin-left": "10px" },
+                            onClick: H((x) => g("edit", u, e), ["stop"])
+                          }, {
+                            default: s(() => [...t[11] || (t[11] = [
+                              U("修改", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 64)),
+                  m($, {
+                    title: "确定删除这条数据吗？",
+                    "hide-icon": "",
+                    width: "170",
+                    onConfirm: (x) => g("delete", u, e)
+                  }, {
+                    reference: s(() => [
+                      m(n, {
+                        type: "danger",
+                        link: "",
+                        icon: z(re),
+                        onClick: t[8] || (t[8] = H(() => {
+                        }, ["stop"]))
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["onConfirm"])
+                ])
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)
+      ]);
+    };
+  }
+}), ye = /* @__PURE__ */ Object.assign({
+  name: "WtskForm",
+  inheritAttrs: !1
+}, {
+  __name: "WtskForm",
+  props: /* @__PURE__ */ Q({
+    // 表单是否是搜索类型
+    formIsSearch: {
+      type: Boolean,
+      default: !1
+    },
+    // 表单配置项
+    formItems: {
+      type: Array,
+      default: () => []
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: b }) {
+    const h = o, w = G(() => h.formItems.filter((i) => !i.hidden)), d = J(o, "modelValue"), c = {
+      input: le,
+      number: te,
+      select: ee,
+      date: K,
+      switch: Z,
+      treeSelect: Y
+    };
+    function _(i, T) {
+      if (!i || typeof i != "object") return;
+      const g = T.split(".");
+      let a = i;
+      for (const t of g) {
+        if (a === null) return;
+        a = a[t];
+      }
+      return a;
+    }
+    function r(i, T, g) {
+      if (!i || typeof i != "object") return;
+      const a = T.split(".");
+      let t = i;
+      for (let p = 0; p < a.length - 1; p++) {
+        const n = a[p];
+        (t[n] === null || typeof t[n] != "object") && (t[n] = {}), t = t[n];
+      }
+      t[a[a.length - 1]] = g;
+    }
+    const V = E();
+    return b({ wtskFormRef: V }), (i, T) => {
+      const g = y("el-radio"), a = y("el-radio-group"), t = y("el-checkbox"), p = y("el-checkbox-group"), n = y("el-form-item"), C = y("el-col"), $ = y("el-row"), M = y("el-form");
+      return l(), k(M, S({
+        ref_key: "wtskFormRef",
+        ref: V,
+        class: ["wtsk-form", o.formIsSearch ? "wtsk-form-search" : ""]
+      }, { "label-width": o.formIsSearch ? "auto" : "100px", ...i.$attrs }, { model: d.value }), {
+        default: s(() => [
+          o.formIsSearch ? (l(), f(v, { key: 0 }, [
+            (l(!0), f(v, null, B(w.value, (e) => (l(), k(n, {
+              key: e.prop,
+              label: e.label,
+              prop: e.prop
+            }, {
+              default: s(() => [
+                F(i.$slots, e.prop, {}, () => [
+                  e.type === "radio" || e.type === "checkbox" ? (l(), f(v, { key: 0 }, [
+                    e.type === "radio" ? (l(), k(a, {
+                      key: 0,
+                      modelValue: d.value[e.prop],
+                      "onUpdate:modelValue": (u) => d.value[e.prop] = u
+                    }, {
+                      default: s(() => [
+                        (l(!0), f(v, null, B(e.data, (u) => (l(), k(g, {
+                          value: u.value
+                        }, {
+                          default: s(() => [
+                            U(A(u.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 256))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])) : N("", !0),
+                    e.type === "checkbox" ? (l(), k(p, {
+                      key: 1,
+                      modelValue: d.value[e.prop],
+                      "onUpdate:modelValue": (u) => d.value[e.prop] = u
+                    }, {
+                      default: s(() => [
+                        (l(!0), f(v, null, B(e.data, (u) => (l(), k(t, {
+                          label: u.label,
+                          value: u.value
+                        }, null, 8, ["label", "value"]))), 256))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])) : N("", !0)
+                  ], 64)) : (l(), k(W(c[e.type]), S({
+                    key: 1,
+                    ref_for: !0
+                  }, e.props, {
+                    "model-value": _(d.value, e.prop),
+                    "onUpdate:modelValue": (u) => r(d.value, e.prop, u)
+                  }), null, 16, ["model-value", "onUpdate:modelValue"]))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "prop"]))), 128)),
+            m(n, null, {
+              default: s(() => [
+                F(i.$slots, "formSearchBtn")
+              ]),
+              _: 3
+            })
+          ], 64)) : (l(), k($, {
+            key: 1,
+            gutter: 16
+          }, {
+            default: s(() => [
+              (l(!0), f(v, null, B(w.value, (e) => (l(), k(C, {
+                key: e.prop,
+                span: e.span || 24
+              }, {
+                default: s(() => [
+                  m(n, {
+                    label: e.label,
+                    prop: e.prop
+                  }, {
+                    default: s(() => [
+                      F(i.$slots, e.prop, {}, () => [
+                        e.type === "radio" || e.type === "checkbox" ? (l(), f(v, { key: 0 }, [
+                          e.type === "radio" ? (l(), k(a, {
+                            key: 0,
+                            modelValue: d.value[e.prop],
+                            "onUpdate:modelValue": (u) => d.value[e.prop] = u
+                          }, {
+                            default: s(() => [
+                              (l(!0), f(v, null, B(e.data, (u) => (l(), k(g, {
+                                value: u.value
+                              }, {
+                                default: s(() => [
+                                  U(A(u.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["value"]))), 256))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue"])) : N("", !0),
+                          e.type === "checkbox" ? (l(), k(p, {
+                            key: 1,
+                            modelValue: d.value[e.prop],
+                            "onUpdate:modelValue": (u) => d.value[e.prop] = u
+                          }, {
+                            default: s(() => [
+                              (l(!0), f(v, null, B(e.data, (u) => (l(), k(t, {
+                                label: u.label,
+                                value: u.value
+                              }, null, 8, ["label", "value"]))), 256))
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue"])) : N("", !0)
+                        ], 64)) : (l(), k(W(c[e.type]), S({
+                          key: 1,
+                          ref_for: !0
+                        }, e.props, {
+                          modelValue: d.value[e.prop],
+                          "onUpdate:modelValue": (u) => d.value[e.prop] = u
+                        }), null, 16, ["modelValue", "onUpdate:modelValue"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "prop"])
+                ]),
+                _: 2
+              }, 1032, ["span"]))), 128))
+            ]),
+            _: 3
+          }))
+        ]),
+        _: 3
+      }, 16, ["class", "model"]);
+    };
+  }
+}), ge = { key: 0 }, ve = /* @__PURE__ */ Object.assign({
+  name: "WtskTable",
+  inheritAttrs: !1
+}, {
+  __name: "WtskTable",
+  props: {
+    // 表格数据
+    tableData: {
+      type: Array,
+      default: () => []
+    },
+    // 表格高度
+    tableHeight: {
+      type: String,
+      default: "550px"
+    },
+    // 表格表头配置
+    tableColumns: {
+      type: Array,
+      default: () => []
+    },
+    // 表格是否有分页
+    tableHasPage: {
+      type: Boolean,
+      default: !0
+    },
+    // 表格总数
+    tableTotal: {
+      type: Number,
+      default: 0
+    },
+    // 表格当前页码
+    tablePageNum: {
+      type: Number,
+      default: 1
+    },
+    // 表格每页页数
+    tablePageSize: {
+      type: Number,
+      default: 10
+    },
+    // 表格分页额外信息
+    tablePageProp: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["tablePageChange"],
+  setup(o, { expose: b, emit: h }) {
+    const w = o, d = E(), c = E({
+      pageNum: w.tablePageNum,
+      pageSize: w.tablePageSize
+    });
+    j(() => w.tablePageNum, () => {
+      c.value.pageNum = w.tablePageNum, c.value.pageSize = w.tablePageSize;
+    });
+    const _ = h;
+    function r(i) {
+      c.value.pageNum = i, _("tablePageChange", { ...c.value });
+    }
+    function V(i) {
+      c.value.pageSize = i, _("tablePageChange", { ...c.value });
+    }
+    return b({ wtskTableRef: d }), (i, T) => {
+      const g = y("el-table-column"), a = y("el-table"), t = y("el-pagination");
+      return l(), f(v, null, [
+        m(a, S({
+          ref_key: "wtskTableRef",
+          ref: d,
+          class: "wtsk-table"
+        }, { "row-key": "id", "default-expand-all": !0, ...i.$attrs }, {
+          data: o.tableData,
+          height: o.tableHasPage ? o.tableHeight : "auto",
+          stripe: ""
+        }), {
+          default: s(() => [
+            (l(!0), f(v, null, B(o.tableColumns, (p) => (l(), k(g, S({
+              key: p.prop
+            }, { ref_for: !0 }, {
+              align: "center",
+              "reserve-selection": !0,
+              "show-overflow-tooltip": !0,
+              ...p
+            }), q({ _: 2 }, [
+              p.slot ? {
+                name: "default",
+                fn: s((n) => [
+                  F(i.$slots, p.slot, S({ ref_for: !0 }, n))
+                ]),
+                key: "0"
+              } : void 0,
+              p.type === "operate" ? {
+                name: "default",
+                fn: s((n) => [
+                  F(i.$slots, "tableBtn", S({ ref_for: !0 }, n))
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1040))), 128))
+          ]),
+          _: 3
+        }, 16, ["data", "height"]),
+        o.tableHasPage ? (l(), f("div", ge, [
+          m(t, S({ class: "wtsk-pagination" }, {
+            layout: "total, prev, pager, next, sizes",
+            "page-sizes": [5, 10, 20, 50, 100],
+            background: !0,
+            ...o.tablePageProp
+          }, {
+            total: o.tableTotal,
+            "current-page": c.value.pageNum,
+            "page-size": c.value.pageSize,
+            onSizeChange: V,
+            onCurrentChange: r
+          }), null, 16, ["total", "current-page", "page-size"])
+        ])) : N("", !0)
+      ], 64);
+    };
+  }
+}), be = [ae, ke, ye, ve], we = {
+  install(o) {
+    be.forEach((b) => {
+      o.component(b.name, b);
+    });
+  }
+};
+export {
+  we as default
+};

package/dist/wtsk-basic.umd.js

@@ -0,0 +1 @@
+(function(e,V){typeof exports=="object"&&typeof module<"u"?module.exports=V(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],V):(e=typeof globalThis<"u"?globalThis:e||self,e.WtskBasic=V(e.Vue,e.ElementPlus))})(this,(function(e,V){"use strict";const N=Object.assign({name:"WtskBtn",inheritAttrs:!1},{__name:"WtskBtn",setup(r){const f=e.useAttrs(),g=e.ref(!1);function y(d,k){const a={};for(const h in d)h!==k&&(a[h]=d[h]);return a}async function i(){g.value=!0;try{await f.onClick?.()}finally{g.value=!1}}return(d,k)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(y(d.$attrs,"onClick"),{loading:g.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},16,["loading"])}}});var E=e.defineComponent({name:"Delete",__name:"delete",setup(r){return(f,g)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"})]))}}),S=E,P=e.defineComponent({name:"Edit",__name:"edit",setup(r){return(f,g)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"}),e.createElementVNode("path",{fill:"currentColor",d:"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"})]))}}),x=P,T=e.defineComponent({name:"Plus",__name:"plus",setup(r){return(f,g)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"})]))}}),u=T;const F={class:"wtsk-tree-box"},z={key:0,class:"wtsk-tree-box-title"},H={key:1,class:"wtsk-tree-box-filter wtsk-form"},$={style:{display:"flex","align-items":"center"},class:"wtsk-form"},M={class:"wtsk-tree-box-tree-custom"},O={style:{display:"flex","align-items":"center"},class:"wtsk-form"},U={style:{display:"flex","align-items":"center"},class:"wtsk-form"},A=Object.assign({name:"WtskTree",inheritAttrs:!1},{__name:"WtskTree",props:{treeTitle:{type:String,default:""},treeHasFilter:{type:Boolean,default:!1},treeFilterType:{type:String,default:"default"},treeHasOperate:{type:Boolean,default:!1},treeCustomizeOperate:{type:Boolean,default:!1},treeAddParentText:{type:String,default:"新增一级"}},emits:["treeOperate"],setup(r,{expose:f,emit:g}){const y=e.useAttrs(),i=r,d=e.ref();let k=e.ref(""),a=e.ref("");const h=g;e.watch(k,o=>{d.value?.filter(o)});function p(o,l,s){const n=l.label?l.label:y.props?.label;if(!o)return!0;if(i.treeFilterType==="default")return l[n].includes(o);{let C=[];w(s,C,o,n);let b=!1;return C.forEach(_=>{b=b||_}),b}}function w(o,l,s,n){let C=o.data&&o.data[n]&&o.data[n].includes(s);C&&l.push(C),!C&&o.level!==1&&o.parent&&w(o.parent,l,s,n)}function m(o,l,s){i.treeCustomizeOperate||o==="delete"?h("treeOperate",o,l,s):a.value.trim()!==""?(document.documentElement.click(),h("treeOperate",o,l,s,a.value)):V.ElMessage.error("名称不能为空！")}return f({wtskTreeRef:d}),(o,l)=>{const s=e.resolveComponent("el-input"),n=e.resolveComponent("el-button"),C=e.resolveComponent("el-popover"),b=e.resolveComponent("el-popconfirm"),_=e.resolveComponent("el-tree");return e.openBlock(),e.createElementBlock("div",F,[r.treeTitle!==""?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(r.treeTitle),1)):e.createCommentVNode("",!0),r.treeHasFilter||r.treeHasOperate?(e.openBlock(),e.createElementBlock("div",H,[r.treeHasFilter?(e.openBlock(),e.createBlock(s,{key:0,modelValue:e.unref(k),"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(k)?k.value=t:k=t),placeholder:"输入名称进行筛选……",clearable:""},null,8,["modelValue"])):e.createCommentVNode("",!0),r.treeCustomizeOperate?(e.openBlock(),e.createBlock(n,{key:2,type:"primary",onClick:l[4]||(l[4]=t=>m("addParent"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.treeAddParentText),1)]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[r.treeHasOperate?(e.openBlock(),e.createBlock(C,{key:0,placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"primary",onClick:l[1]||(l[1]=t=>e.isRef(a)?a.value="":a="")},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.treeAddParentText),1)]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",$,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(a)?a.value=t:a=t),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:l[3]||(l[3]=e.withModifiers(t=>m("addParent"),["stop"]))},{default:e.withCtx(()=>[...l[9]||(l[9]=[e.createTextVNode("新增",-1)])]),_:1})])]),_:1})):e.createCommentVNode("",!0)],64))])):e.createCommentVNode("",!0),e.createVNode(_,e.mergeProps({ref_key:"wtskTreeRef",ref:d,class:"wtsk-tree wtsk-tree-box-tree"},{"node-key":"id","highlight-current":!0,"default-expand-all":!0,"expand-on-click-node":!1,"check-on-click-leaf":!1,...o.$attrs},{"filter-node-method":p}),e.createSlots({_:2},[r.treeHasOperate?{name:"default",fn:e.withCtx(({node:t,data:c})=>[e.createElementVNode("div",M,[e.createElementVNode("div",null,e.toDisplayString(t.label),1),e.createElementVNode("div",null,[r.treeCustomizeOperate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(n,{type:"success",link:"",icon:e.unref(u),onClick:e.withModifiers(B=>m("add",c,t),["stop"])},null,8,["icon","onClick"]),e.createVNode(n,{type:"primary",link:"",icon:e.unref(x),onClick:e.withModifiers(B=>m("edit",c,t),["stop"])},null,8,["icon","onClick"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(C,{placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"success",link:"",icon:e.unref(u),onClick:l[5]||(l[5]=e.withModifiers(B=>e.isRef(a)?a.value="":a="",["stop"]))},null,8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[6]||(l[6]=B=>e.isRef(a)?a.value=B:a=B),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:e.withModifiers(B=>m("add",c,t),["stop"])},{default:e.withCtx(()=>[...l[10]||(l[10]=[e.createTextVNode("新增",-1)])]),_:1},8,["onClick"])])]),_:2},1024),e.createVNode(C,{placement:"bottom",width:280,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(n,{type:"primary",link:"",icon:e.unref(x),onClick:e.withModifiers(B=>e.isRef(a)?a.value=t.label:a=t.label,["stop"])},null,8,["icon","onClick"])]),default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createVNode(s,{modelValue:e.unref(a),"onUpdate:modelValue":l[7]||(l[7]=B=>e.isRef(a)?a.value=B:a=B),placeholder:"请输入名称",clearable:""},null,8,["modelValue"]),e.createVNode(n,{type:"primary",style:{"margin-left":"10px"},onClick:e.withModifiers(B=>m("edit",c,t),["stop"])},{default:e.withCtx(()=>[...l[11]||(l[11]=[e.createTextVNode("修改",-1)])]),_:1},8,["onClick"])])]),_:2},1024)],64)),e.createVNode(b,{title:"确定删除这条数据吗？","hide-icon":"",width:"170",onConfirm:B=>m("delete",c,t)},{reference:e.withCtx(()=>[e.createVNode(n,{type:"danger",link:"",icon:e.unref(S),onClick:l[8]||(l[8]=e.withModifiers(()=>{},["stop"]))},null,8,["icon"])]),_:1},8,["onConfirm"])])])]),key:"0"}:void 0]),1040)])}}}),R=Object.assign({name:"WtskForm",inheritAttrs:!1},{__name:"WtskForm",props:e.mergeModels({formIsSearch:{type:Boolean,default:!1},formItems:{type:Array,default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(r,{expose:f}){const g=r,y=e.computed(()=>g.formItems.filter(p=>!p.hidden)),i=e.useModel(r,"modelValue"),d={input:V.ElInput,number:V.ElInputNumber,select:V.ElSelect,date:V.ElDatePicker,switch:V.ElSwitch,treeSelect:V.ElTreeSelect};function k(p,w){if(!p||typeof p!="object")return;const m=w.split(".");let o=p;for(const l of m){if(o===null)return;o=o[l]}return o}function a(p,w,m){if(!p||typeof p!="object")return;const o=w.split(".");let l=p;for(let s=0;s<o.length-1;s++){const n=o[s];(l[n]===null||typeof l[n]!="object")&&(l[n]={}),l=l[n]}l[o[o.length-1]]=m}const h=e.ref();return f({wtskFormRef:h}),(p,w)=>{const m=e.resolveComponent("el-radio"),o=e.resolveComponent("el-radio-group"),l=e.resolveComponent("el-checkbox"),s=e.resolveComponent("el-checkbox-group"),n=e.resolveComponent("el-form-item"),C=e.resolveComponent("el-col"),b=e.resolveComponent("el-row"),_=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(_,e.mergeProps({ref_key:"wtskFormRef",ref:h,class:["wtsk-form",r.formIsSearch?"wtsk-form-search":""]},{"label-width":r.formIsSearch?"auto":"100px",...p.$attrs},{model:i.value}),{default:e.withCtx(()=>[r.formIsSearch?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,t=>(e.openBlock(),e.createBlock(n,{key:t.prop,label:t.label,prop:t.prop},{default:e.withCtx(()=>[e.renderSlot(p.$slots,t.prop,{},()=>[t.type==="radio"||t.type==="checkbox"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.type==="radio"?(e.openBlock(),e.createBlock(o,{key:0,modelValue:i.value[t.prop],"onUpdate:modelValue":c=>i.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(m,{value:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="checkbox"?(e.openBlock(),e.createBlock(s,{key:1,modelValue:i.value[t.prop],"onUpdate:modelValue":c=>i.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(l,{label:c.label,value:c.value},null,8,["label","value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[t.type]),e.mergeProps({key:1,ref_for:!0},t.props,{"model-value":k(i.value,t.prop),"onUpdate:modelValue":c=>a(i.value,t.prop,c)}),null,16,["model-value","onUpdate:modelValue"]))])]),_:2},1032,["label","prop"]))),128)),e.createVNode(n,null,{default:e.withCtx(()=>[e.renderSlot(p.$slots,"formSearchBtn")]),_:3})],64)):(e.openBlock(),e.createBlock(b,{key:1,gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,t=>(e.openBlock(),e.createBlock(C,{key:t.prop,span:t.span||24},{default:e.withCtx(()=>[e.createVNode(n,{label:t.label,prop:t.prop},{default:e.withCtx(()=>[e.renderSlot(p.$slots,t.prop,{},()=>[t.type==="radio"||t.type==="checkbox"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.type==="radio"?(e.openBlock(),e.createBlock(o,{key:0,modelValue:i.value[t.prop],"onUpdate:modelValue":c=>i.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(m,{value:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.label),1)]),_:2},1032,["value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="checkbox"?(e.openBlock(),e.createBlock(s,{key:1,modelValue:i.value[t.prop],"onUpdate:modelValue":c=>i.value[t.prop]=c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data,c=>(e.openBlock(),e.createBlock(l,{label:c.label,value:c.value},null,8,["label","value"]))),256))]),_:2},1032,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[t.type]),e.mergeProps({key:1,ref_for:!0},t.props,{modelValue:i.value[t.prop],"onUpdate:modelValue":c=>i.value[t.prop]=c}),null,16,["modelValue","onUpdate:modelValue"]))])]),_:2},1032,["label","prop"])]),_:2},1032,["span"]))),128))]),_:3}))]),_:3},16,["class","model"])}}}),D={key:0},W=[N,A,R,Object.assign({name:"WtskTable",inheritAttrs:!1},{__name:"WtskTable",props:{tableData:{type:Array,default:()=>[]},tableHeight:{type:String,default:"550px"},tableColumns:{type:Array,default:()=>[]},tableHasPage:{type:Boolean,default:!0},tableTotal:{type:Number,default:0},tablePageNum:{type:Number,default:1},tablePageSize:{type:Number,default:10},tablePageProp:{type:Object,default:null}},emits:["tablePageChange"],setup(r,{expose:f,emit:g}){const y=r,i=e.ref(),d=e.ref({pageNum:y.tablePageNum,pageSize:y.tablePageSize});e.watch(()=>y.tablePageNum,()=>{d.value.pageNum=y.tablePageNum,d.value.pageSize=y.tablePageSize});const k=g;function a(p){d.value.pageNum=p,k("tablePageChange",{...d.value})}function h(p){d.value.pageSize=p,k("tablePageChange",{...d.value})}return f({wtskTableRef:i}),(p,w)=>{const m=e.resolveComponent("el-table-column"),o=e.resolveComponent("el-table"),l=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(o,e.mergeProps({ref_key:"wtskTableRef",ref:i,class:"wtsk-table"},{"row-key":"id","default-expand-all":!0,...p.$attrs},{data:r.tableData,height:r.tableHasPage?r.tableHeight:"auto",stripe:""}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.tableColumns,s=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:s.prop},{ref_for:!0},{align:"center","reserve-selection":!0,"show-overflow-tooltip":!0,...s}),e.createSlots({_:2},[s.slot?{name:"default",fn:e.withCtx(n=>[e.renderSlot(p.$slots,s.slot,e.mergeProps({ref_for:!0},n))]),key:"0"}:void 0,s.type==="operate"?{name:"default",fn:e.withCtx(n=>[e.renderSlot(p.$slots,"tableBtn",e.mergeProps({ref_for:!0},n))]),key:"1"}:void 0]),1040))),128))]),_:3},16,["data","height"]),r.tableHasPage?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(l,e.mergeProps({class:"wtsk-pagination"},{layout:"total, prev, pager, next, sizes","page-sizes":[5,10,20,50,100],background:!0,...r.tablePageProp},{total:r.tableTotal,"current-page":d.value.pageNum,"page-size":d.value.pageSize,onSizeChange:h,onCurrentChange:a}),null,16,["total","current-page","page-size"])])):e.createCommentVNode("",!0)],64)}}})];return{install(r){W.forEach(f=>{r.component(f.name,f)})}}}));

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "wtsk-comps",
+  "version": "1.1.0",
+  "description": "Vue3+Element Plus基础组件库（wtsk-btn/form/table/tree）",
+  "author": "lujh",
+  "license": "MIT",
+  "keywords": ["vue3", "element-plus", "wtsk-basic"],
+  "type": "module",
+  "main": "dist/wtsk-basic.cjs.js",
+  "module": "dist/wtsk-basic.es.js",
+  "unpkg": "dist/wtsk-basic.umd.js",
+  "style": "dist/wtsk-basic.css",
+  "exports": {
+    ".": {
+      "import": "./dist/wtsk-basic.es.js",
+      "require": "./dist/wtsk-basic.cjs.js"
+    },
+    "./style": "./dist/wtsk-basic.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.2.0 || ^3.3.0 || ^3.4.0",
+    "element-plus": "^2.10.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "element-plus": "^2.13.2",
+    "sass": "^1.97.3",
+    "vue": "^3.5.24"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "vite": "^7.2.4"
+  }
+}