mwl-components 0.1.2 → 0.1.4

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.mwlComponents={},h.Vue,h.ElementPlus))})(this,function(h,e,z){"use strict";const _=e.defineComponent({name:"EasyButton",inheritAttrs:!1,__name:"index",setup(t){const{onClick:o,...n}=e.useAttrs(),r=e.ref(!1),i=async()=>{console.log("Button clicked"),r.value=!0;try{await o?.()}catch(c){console.error("Error in button onClick handler:",c)}finally{r.value=!1}};return(c,d)=>{const a=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(a,e.mergeProps(n,{loading:r.value,onClick:i}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},16,["loading"])}}}),O={class:"card-header"},W={key:0,class:"card-header__message"},j=e.defineComponent({name:"ContentWarp",__name:"index",props:{title:String,message:String},setup(t){const o=e.useSlots(),n=e.ref("content-wrap");return(r,i)=>{const c=e.resolveComponent("ElCard");return e.openBlock(),e.createBlock(c,{class:e.normalizeClass([n.value]),shadow:"never"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},void 0,!0)]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",O,[e.createElementVNode("span",null,e.toDisplayString(t.title),1),t.message?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.message),1)):e.createCommentVNode("",!0)])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"footer",{},void 0,!0)]),key:"1"}:void 0]),1032,["class"])}}}),w=(t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n},E=w(j,[["__scopeId","data-v-fdaaba5e"]]),A={class:"dialog-header"},M=e.defineComponent({name:"Dialog",__name:"index",props:{title:{type:String,default:""},fullscreen:{type:Boolean,default:!1},scroll:{type:Boolean,default:!1},width:{type:String,default:"61.8%"},maxHeight:{type:[String,Number],default:""}},setup(t){const o=e.useSlots(),n=t,r=e.ref(n.fullscreen),i=()=>{r.value=!e.unref(r)},c=e.ref(n.maxHeight);e.watch(()=>r.value,async a=>{if(await e.nextTick(),a){const l=document.documentElement.offsetHeight;c.value=`${l-55-40-(o.footer?63:0)}px`}else c.value=n.maxHeight},{immediate:!0});const d=e.computed(()=>{if(n.maxHeight)return{height:e.unref(c)}});return(a,l)=>{const p=e.resolveComponent("FullScreen"),m=e.resolveComponent("el-icon"),f=e.resolveComponent("ElScrollbar"),g=e.resolveComponent("ElDialog");return e.openBlock(),e.createBlock(g,e.mergeProps({"close-on-click-modal":!1,"destroy-on-close":"",draggable:"","lock-scroll":"",class:"custom-dialog","append-to-body":""},a.$attrs,{fullscreen:r.value,width:t.width}),e.createSlots({default:e.withCtx(()=>[t.scroll?(e.openBlock(),e.createBlock(f,{key:0,style:e.normalizeStyle(d.value)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["style"])):e.renderSlot(a.$slots,"default",{key:1})]),_:2},[t.title?{name:"header",fn:e.withCtx(()=>[e.createElementVNode("div",A,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),e.createElementVNode("div",{onClick:i},[e.createVNode(m,{class:"fullScreen"},{default:e.withCtx(()=>[e.createVNode(p)]),_:1})])])]),key:"0"}:void 0,o.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"footer")]),key:"1"}:void 0]),1040,["fullscreen","width"])}}}),R={key:1},$=t=>{let o=t.label;if(t.label&&typeof t.label=="function"&&(o=t.label()),t.type.indexOf("select")>-1||t.type.indexOf("cascader")>-1||t.type.indexOf("date")>-1)return`请选择${o}`;if(t.type.indexOf("text")>-1||t.type.indexOf("number")>-1)return`请输入${o}`},D={valueFormat:"YYYY-MM-DD HH:mm:ss",format:"YYYY-MM-DD HH:mm:ss"},q=t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-option"),{label:n.label,value:n.value,key:n.value}))}},B={clearable:!0},N=[{type:"slider",component:"el-slider"},{type:"text",component:"el-input",attrs:{...B}},{type:"textarea",component:"el-input",attrs:{...B}},{type:"number",component:"el-input-number",attrs:{controlsPosition:"right"}},{type:"switch",component:"el-switch"},{type:"checkbox",component:"el-checkbox-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-checkbox"),{value:n.value},{default:()=>n.label}))}}},{type:"radio",component:"el-radio-group",slots:t=>{const{options:o}=t;return{default:()=>o?.map(n=>e.h(e.resolveComponent("el-radio"),{value:n.value},{default:()=>n.label}))}}},{type:"select",component:"el-select",slots:q},{type:"select-v2",component:"el-select-v2"},{type:"tree-select",component:"el-tree-select",attrs:{...B,checkStrictly:!0,renderAfterExpand:!0}},{type:"date,dates",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM-DD",format:"YYYY-MM-DD"}},{type:"datetime,week",component:"el-date-picker",attrs:{showConfirm:!1,...D}},{type:"month,months",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY-MM",format:"YYYY-MM"}},{type:"year,years",component:"el-date-picker",attrs:{showConfirm:!1,valueFormat:"YYYY",format:"YYYY"}},{type:"datetimerange,daterange,monthrange,yearrange",component:"el-date-picker",attrs:{showConfirm:!1,rangeSeparator:"至",startPlaceholder:"开始日期",endPlaceholder:"结束日期",...D}},{type:"cascader",component:"el-cascader",attrs:{clearable:!0}},{type:"upload",component:"el-upload"},{type:"custom",component:"el-form-item"}],H=w(e.defineComponent({name:"EasyForm",__name:"index",props:e.mergeModels({inline:{type:Boolean,default:!0},formItems:{type:Array,default:()=>[]},labelWidth:{type:[String,Number],default:"120px"},itemWidth:{type:[String],default:"200px"}},{modelValue:{default:{},type:Object},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.getCurrentInstance(),r=a=>{i(a,"formRef")},i=(a,l)=>{if(!a){delete n?.exposeProxy?.[l],delete n?.exposed?.[l];return}n.exposeProxy={...n?.exposed,[l]:a},n.exposed={...n?.exposed,[l]:a}},c=e.useSlots(),d=(a,l,p)=>{const{value:m,component:f,...g}=l,u=N.find(k=>!!a&&k.type.indexOf(a)>-1),b=u?.component==="el-select"&&l.props,y=l.options&&!b?u?.slots?.(l):{};if(!u&&!l.component)return new Error(`未找到type为${a}的组件且当前也未传递component`);const s=e.resolveDynamicComponent(u?.component||f);if(s)return e.h(s,{...u?.attrs,...g,placeholder:g.placeholder||$(l)},{...y,...p})};return(a,l)=>{const p=e.resolveComponent("el-form-item"),m=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(m,e.mergeProps({model:o.value,"label-width":t.labelWidth,inline:t.inline,"scroll-to-error":!0},{...a.$attrs},{ref:r,class:"easy-form"}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItems,({id:f,type:g,rule:u,width:b,slots:y,...s},k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[g!="custom"&&!s.hidden?(e.openBlock(),e.createBlock(p,{prop:s.prop,key:k,"label-width":s.labelWidth,rules:u,required:s.required},{label:e.withCtx(()=>[s.label&&typeof s.label=="function"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.label),{key:0})):(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(s.label),1))]),default:e.withCtx(()=>[c[s.prop]?e.renderSlot(a.$slots,s.prop,{key:0,item:s},void 0,!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(g,{...s,type:g},y)),{key:1,modelValue:o.value[s.prop],"onUpdate:modelValue":C=>o.value[s.prop]=C,modelModifiers:{trim:!0},style:e.normalizeStyle({width:b||t.itemWidth})},null,8,["modelValue","onUpdate:modelValue","style"]))]),_:2},1032,["prop","label-width","rules","required"])):e.createCommentVNode("",!0),g=="custom"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[y?.[s.prop]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y[s.prop]),{key:0})):e.renderSlot(a.$slots,s.prop,{key:1,item:{width:b,rule:u,...s}},void 0,!0)],64)):e.createCommentVNode("",!0)],64))),256)),c.append?(e.openBlock(),e.createBlock(p,{key:0},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"append",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)]),_:3},16,["model","label-width","inline"])}}}),[["__scopeId","data-v-ebcd5674"]]),Y=w(e.defineComponent({name:"EasyTable",__name:"index",props:{data:{type:Array,required:!0,default:()=>[]},tableColumns:{type:Array,default:()=>[]},buttons:{type:Array,default:()=>[]},buttonWidth:{type:[Number,String],default:120},align:{type:String,default:"center"},height:{type:Number||String,default:void 0},maxHeight:{type:String||Number,default:void 0},footerHeight:{type:Number,default:65}},setup(t){const o=e.inject(z.configProviderContextKey),n=t,r=e.computed(()=>n.buttonWidth.toString().indexOf("px")>-1?n.buttonWidth.toString().slice(0,-2):n.buttonWidth),i=e.ref(),c=e.ref("auto");let d=e.getCurrentInstance();const a=()=>{let u="auto";if(d?.parent?.attrs?.class?.indexOf("content-wrap")>-1){let s=n.footerHeight;o?.value?.size==="small"?s=s-8:o?.value?.size==="large"&&(s=s+8);try{const k=d?.refs.tableRef,{top:C}=k?.getBoundingClientRect();u=document.documentElement.clientHeight-C-s-20}catch{}return u}return u},l=e.ref(),p=()=>{l.value&&clearTimeout(l.value),l.value=setTimeout(()=>{c.value=a(),l.value=null},100)};e.onMounted(()=>{c.value=a(),window.addEventListener("resize",p)}),e.onUnmounted(()=>{window.removeEventListener("resize",p)});const m=e.resolveComponent("el-table-column"),f=e.useSlots(),g=u=>{const{slots:b={},children:y=[],...s}=u;if(y&&y.length>0){const k=y.map(C=>g(C));return e.h(m,{align:n.align,...s},{...b,default:()=>k})}return e.h(m,{align:n.align,...s},{default:k=>f[u.prop]&&f[u.prop](k),...b})};return(u,b)=>{const y=e.resolveComponent("el-button"),s=e.resolveComponent("el-table-column"),k=e.resolveComponent("el-table");return e.openBlock(),e.createElementBlock("div",{ref_key:"tableRef",ref:i},[e.createVNode(k,e.mergeProps({style:{width:"100%"}},u.$attrs,{data:t.data,height:t.height,maxHeight:t.maxHeight?t.maxHeight:c.value}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tableColumns,(C,S)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(C)),{key:S}))),128)),t.buttons&&t.buttons.length?(e.openBlock(),e.createBlock(s,{key:0,align:"center",fixed:"right",label:"操作",width:r.value},{default:e.withCtx(C=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.buttons,(S,ee)=>e.withDirectives((e.openBlock(),e.createBlock(y,e.mergeProps({ref_for:!0},{...S},{key:ee,type:S.type.includes("del")?"danger":"primary",onClick:()=>{S.click?.(C.row)},disabled:S.disabled?.(C.row)||!1,link:S.link?.(C.row)||!0}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1040,["type","onClick","disabled","link"])),[[e.vShow,S.show?.(C.row)||!0]])),128))]),_:1},8,["width"])):e.createCommentVNode("",!0)]),_:1},16,["data","height","maxHeight"])],512)}}}),[["__scopeId","data-v-1c87357b"]]),U={name:"",components:{},props:{icon:{type:String,default:""}}};function X(t,o,n,r,i,c){return n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"menu_icon"})):e.createCommentVNode("",!0)}const L=w(U,[["render",X],["__scopeId","data-v-261ce99a"]]),K=e.defineComponent({name:"subMenu",__name:"subMenu",props:{routeData:{type:Object,default:()=>({})}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o;function r(i){n("handleMenuItemClick",i)}return(i,c)=>{const d=e.resolveComponent("subMenu",!0),a=e.resolveComponent("el-sub-menu"),l=e.resolveComponent("el-menu-item");return t.routeData.children&&t.routeData.children.length>0?(e.openBlock(),e.createBlock(a,{key:0,index:t.routeData.path},{title:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routeData.children,(p,m)=>(e.openBlock(),e.createBlock(d,{onHandleMenuItemClick:r,routeData:p,key:m},null,8,["routeData"]))),128))]),_:1},8,["index"])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:c[0]||(c[0]=p=>r(t.routeData))},[e.createVNode(l,{index:t.routeData.path},{title:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(t.routeData.meta.title),1)]),default:e.withCtx(()=>[e.createVNode(L,{icon:t.routeData.meta.icon},null,8,["icon"])]),_:1},8,["index"])]))}}}),V=e.defineComponent({name:"MenuTree",__name:"index",props:{menuList:{type:Array,default:()=>[]}},emits:["handleMenuItemClick"],setup(t,{emit:o}){const n=o,r=i=>{n("handleMenuItemClick",i)};return(i,c)=>{const d=e.resolveComponent("el-menu");return e.openBlock(),e.createBlock(d,e.normalizeProps(e.guardReactiveProps(i.$attrs)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,a=>(e.openBlock(),e.createBlock(K,{routeData:a,onHandleMenuItemClick:r},null,8,["routeData"]))),256))]),_:1},16)}}}),G=e.defineComponent({name:"Pagination",__name:"index",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pagerCount:{type:Number,default:document.body.clientWidth<992?5:7},onPagination:{type:Function}},emits:["update:page","update:limit","pagination"],setup(t,{emit:o}){const n=t,r=o,i=e.computed({get(){return n.page},set(l){r("update:page",l)}}),c=e.computed({get(){return n.limit},set(l){r("update:limit",l)}}),d=l=>{i.value*l>n.total&&(i.value=1),r("pagination",{page:i.value,limit:l})},a=l=>{r("pagination",{page:l,limit:c.value})};return(l,p)=>{const m=e.resolveComponent("el-pagination");return e.withDirectives((e.openBlock(),e.createBlock(m,{"current-page":i.value,"onUpdate:currentPage":p[0]||(p[0]=f=>i.value=f),"page-size":c.value,"onUpdate:pageSize":p[1]||(p[1]=f=>c.value=f),background:!0,"page-sizes":[10,20,30,50,100],"pager-count":t.pagerCount,total:t.total,class:"pagination",layout:"total, sizes, prev, pager, next, jumper",onSizeChange:d,onCurrentChange:a},null,8,["current-page","page-size","pager-count","total"])),[[e.vShow,t.total>0]])}}}),P=w(G,[["__scopeId","data-v-1e34e383"]]),J=["onClick","onMouseover"],I=w(e.defineComponent({name:"EasyContextMenu",__name:"index",props:{menuList:{type:Array,default:()=>[]},maxHeight:{type:[String,Number],default:200},backgroundColor:{type:String,default:"#fff"},hoverItemStyle:{type:Object,default:()=>({backgroundColor:"#ddd"})},animationCurve:{type:String,default:"linear"}},setup(t){const o=t,n=e.ref(-1),r=e.ref(!1),i=e.ref({x:0,y:0}),c=m=>{r.value=!1,m.preventDefault(),m.stopPropagation(),setTimeout(()=>{r.value=!0;const{clientX:f,clientY:g}=m;i.value={x:f,y:g},d.value?.scrollTo(0,0)},0)},d=e.ref(null),a=e.ref(null);e.onMounted(()=>{const m=a.value?.parentElement;m?.addEventListener("contextmenu",c),document.addEventListener("click",()=>{r.value=!1}),m?.addEventListener("blur",()=>{console.log("blur"),r.value=!1})});const l=e.computed(()=>o.maxHeight=="auto"?"auto":o.maxHeight.toString().indexOf("px")>-1?o.maxHeight:`${o.maxHeight}px`),p=e.computed(()=>({backgroundColor:o.backgroundColor,left:`${i.value.x}px`,top:`${i.value.y}px`,maxHeight:r.value?l.value:"0px",transition:r.value?`max-height .2s ${o.animationCurve}`:"none"}));return(m,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"contextMenu",ref:a},[e.createElementVNode("div",e.mergeProps({class:"easy-context-menu"},m.$attrs,{style:{...e.unref(p)},ref_key:"menuListRef",ref:d}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuList,(g,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,onContextmenu:f[0]||(f[0]=e.withModifiers(()=>{},["stop"])),onClick:g.onClick,onMouseover:b=>n.value=u,onMouseout:f[1]||(f[1]=b=>n.value=-1),style:e.normalizeStyle(e.unref(n)===u?o.hoverItemStyle:"")},e.toDisplayString(g.label),45,J))),128))],16)],512))}}),[["__scopeId","data-v-f9f5bc05"]]);class x{vnode=null;#e={bindEvent:!0};defaultStyle={position:"fixed","z-index":1e3,"border-radius":"4px",color:"#666","font-size":"14px","min-width":"100px","box-shadow":"1px 1px 11px 0px #a6b5ba","background-color":"#fff",padding:"4px",overflow:"hidden"};hoverStyle={"background-color":"#8f9f80ff"};menu=null;static#t=null;static getInstance(){return x.#t||(x.#t=new x),x.#t}constructor(){x.#t||(x.#t=this)}create(o){const n=x.getInstance();return n.vnode!==o.target&&n.destroy(),n.vnode=o.target||null,n.#e={...n.#e,...o},n.#o(),n}#o(){this.defaultStyle={...this.defaultStyle,...this.#e.style},this.hoverStyle={...this.hoverStyle,...this.#e.hoverStyle},this.vnode&&this.vnode?.addEventListener(this.#e.event||"contextmenu",this.showMenu),document.addEventListener("click",this.hideMenu),document.addEventListener("keydown",this.hideMenu)}destroy(){this.vnode?.removeEventListener(this.#e.event||"contextmenu",this.showMenu),document.removeEventListener("click",this.hideMenu),document.removeEventListener("keydown",this.hideMenu),this.resetContextMenu()}resetContextMenu(){this.#e.appendToBody?this.menu&&document.body.removeChild(this.menu):this.vnode?.contains(this.menu)&&this.menu&&this.vnode?.removeChild(this.menu),this.menu=null}#n(){this.menu&&(this.menu.style.transition="none",this.menu.style.maxHeight="0",this.menu.style.display="none")}setMenuList(o){this.#e.menuList=o}showMenu(o){x.#t.#l(o)}hideMenu(){x.#t.#n()}#l(o){if(o.preventDefault(),o.stopPropagation(),this.#e.menuList.length===0)return;if(this.vnode||(this.vnode=o.target),console.log(this,"this"),this.#n(),!this.menu){const d=document.createElement("div");d.className=this.#e.classNames||"",this.menu=d,this.#e.menuList.forEach(a=>{const l=document.createElement("div");if(!a.label&&a.divider){l.style="padding: 0; margin: 5px 0; border-top: 1px solid #e6e6e6;",d.appendChild(l);return}const p=";padding: 5px 10px; cursor: pointer;";if(l.style=p,l.innerText=a.label,a.disabled){l.style.cssText+="color: #ccc; cursor: not-allowed;",d.appendChild(l);return}d.appendChild(l),l.addEventListener("click",m=>{o.stopPropagation(),a.onClick&&a.onClick(m),this.#n()}),l.addEventListener("mouseover",()=>{l.style.cssText=Object.entries(this.hoverStyle).map(([m,f])=>`${m}:${f}`).join(";")+p}),l.addEventListener("mouseout",()=>{l.style=p})}),this.#e.appendToBody?document.body.appendChild(d):this.vnode?.appendChild(d)}const{clientX:n,clientY:r}=o,i={display:"block",...this.defaultStyle,left:`${n}px`,top:`${r}px`};let c=Object.entries(i).map(([d,a])=>`${d}:${a}`).join(";");this.menu.style.cssText=c,this.menu.style.transition="none",this.menu.style.maxHeight="0",setTimeout(()=>{this.menu&&(this.menu.style.maxHeight=`${this.#e.style?.["max-height"]||"200px"}`,this.menu.style.transition=`${this.#e.style?.transition||"max-height 0.1s ease-in-out"}`)},0),this.menu.scrollTo(0,0)}}const Q=x.getInstance(),Z=[_,E,M,H,Y,V,P,I],T=[],F=(t,o)=>{Z.forEach(n=>{T.push(n.name),t.component(n.name,n)}),console.log("mwl-components",T)},v={install:F};h.ContentWarp=E,h.ContextMenu=Q,h.Dialog=M,h.EasyButton=_,h.EasyContextMenu=I,h.EasyForm=H,h.EasyTable=Y,h.MenuTree=V,h.Pagination=P,h.componentsMap=N,h.default=v,h.getPlaceholder=$,h.install=F,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/mwl-components.css

@@ -1 +1 @@
-.el-card[data-v-fdaaba5e]{background-color:transparent;margin-bottom:10px}[data-v-fdaaba5e] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-fdaaba5e] .el-card__body{padding:20px;height:100%}[data-v-fdaaba5e] .el-card__footer{padding:0 20px}.custom-dialog{padding:0;box-shadow:0 0 5px 0 var(--el-text-color-secondary)}.custom-dialog .el-dialog__header{padding:0}.dialog-header{--el-dialog-padding-primary: 20px;border-bottom:1px solid var(--el-border-color);padding:var(--el-dialog-padding-primary);padding-bottom:10px;padding-right:44px;display:flex;align-items:center;justify-content:space-between;color:var(--el-text-color-primary)}.dialog-header .fullScreen{cursor:pointer;z-index:99}.dialog-header .fullScreen:hover{color:var(--el-color-primary)}.el-dialog__headerbtn{--el-message-close-size: 20px;top:7px;margin-right:10px;width:20px}.el-dialog__body{padding:20px 30px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid var(--el-border-color)}.is-hover:hover{color:var(--el-color-primary)}[data-v-ebcd5674] .el-form-item__label{font-size:var(--el-font-size-base)}.easy-form .el-form-item[data-v-ebcd5674]{margin-right:10px}[data-v-ebcd5674] .el-date-editor{flex-grow:initial}[data-v-1c87357b] .el-table,[data-v-1c87357b] th.el-table__cell,[data-v-1c87357b] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}
+.el-card[data-v-fdaaba5e]{background-color:transparent;margin-bottom:10px}[data-v-fdaaba5e] .el-card__body:has(>.el-form){padding:18px 20px 0}[data-v-fdaaba5e] .el-card__body{padding:20px;height:100%}[data-v-fdaaba5e] .el-card__footer{padding:0 20px}.custom-dialog{padding:0;box-shadow:0 0 5px 0 var(--el-text-color-secondary)}.custom-dialog .el-dialog__header{padding:0}.dialog-header{--el-dialog-padding-primary: 20px;border-bottom:1px solid var(--el-border-color);padding:var(--el-dialog-padding-primary);padding-bottom:10px;padding-right:44px;display:flex;align-items:center;justify-content:space-between;color:var(--el-text-color-primary)}.dialog-header .fullScreen{cursor:pointer;z-index:99}.dialog-header .fullScreen:hover{color:var(--el-color-primary)}.el-dialog__headerbtn{--el-message-close-size: 20px;top:7px;margin-right:10px;width:20px}.el-dialog__body{padding:20px 30px}.el-dialog__footer{padding:10px 20px 20px;border-top:1px solid var(--el-border-color)}.is-hover:hover{color:var(--el-color-primary)}[data-v-ebcd5674] .el-form-item__label{font-size:var(--el-font-size-base)}.easy-form .el-form-item[data-v-ebcd5674]{margin-right:10px}[data-v-ebcd5674] .el-date-editor{flex-grow:initial}[data-v-1c87357b] .el-table,[data-v-1c87357b] th.el-table__cell,[data-v-1c87357b] tr{background-color:transparent!important}.menu_icon[data-v-261ce99a]{width:22px;height:22px;margin-right:5px;fill:currentColor;display:inline-block;font-size:16px}.pagination[data-v-1e34e383]{margin-top:15px;margin-bottom:15px;float:right}@media screen and (max-width: 1370px){.pagination[data-v-1e34e383]{margin-top:8px;margin-bottom:8px}}.easy-context-menu[data-v-f9f5bc05]{position:fixed;min-width:100px;z-index:1000;border-radius:4px;overflow:auto;color:#666;font-size:14px;box-shadow:1px 1px 11px #a6b5ba}.easy-context-menu div[data-v-f9f5bc05]{cursor:pointer;margin:5px;padding:4px 15px;border-radius:3px}

package/package.json

@@ -1,10 +1,20 @@
 {
   "name": "mwl-components",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
-  "module": "dist/index.js",
+  "module": "./dist/index.es.js",
   "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs.js",
+  "unpkg": "./dist/index.umd.js",
+  "jsdelivr": "./dist/index.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./dist/index.umd.js": "./dist/index.umd.js"
+  },
   "sideEffects": false,
   "scripts": {
     "dev": "vite",

package/dist/ContentWarp/index.vue.d.ts

@@ -1,21 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<Record<string, any>> & Record<string, any>;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    title: StringConstructor;
-    message: StringConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    title: StringConstructor;
-    message: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/Dialog/index.vue.d.ts

@@ -1,63 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<Record<string, any>> & Record<string, any>;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    fullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
-    maxHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    fullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
-    maxHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    title: string;
-    fullscreen: boolean;
-    scroll: boolean;
-    width: string;
-    maxHeight: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/EasyForm/index.vue.d.ts

@@ -1,60 +0,0 @@
-import { PropType } from 'vue';
-import { FormItem, ComponentMapType } from '../types';
-export declare const getPlaceholder: (item: FormItem) => string | undefined;
-export declare const componentsMap: ComponentMapType[];
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    inline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formItems: {
-        type: PropType<FormItem[]>;
-        default: () => never[];
-    };
-    labelWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    itemWidth: {
-        type: StringConstructor[];
-        default: string;
-    };
-    modelValue: {
-        type: PropType<Record<string, any>>;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: Record<string, any>) => any;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    inline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formItems: {
-        type: PropType<FormItem[]>;
-        default: () => never[];
-    };
-    labelWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    itemWidth: {
-        type: StringConstructor[];
-        default: string;
-    };
-    modelValue: {
-        type: PropType<Record<string, any>>;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
-}>, {
-    labelWidth: string | number;
-    inline: boolean;
-    formItems: FormItem[];
-    itemWidth: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Readonly<Record<string, any>> & Record<string, any>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/EasyTable/index.vue.d.ts

@@ -1,124 +0,0 @@
-import { PropType } from 'vue';
-import { TableColumn, buttonType } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<Record<string, any>> & Record<string, any>;
-    refs: {
-        tableRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    data: {
-        type: {
-            (arrayLength: number): Record<string, any>[];
-            (...items: Record<string, any>[]): Record<string, any>[];
-            new (arrayLength: number): Record<string, any>[];
-            new (...items: Record<string, any>[]): Record<string, any>[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-        default: () => never[];
-    };
-    tableColumns: {
-        type: PropType<TableColumn[]>;
-        default: () => never[];
-    };
-    buttons: {
-        type: PropType<buttonType[]>;
-        default: () => never[];
-    };
-    buttonWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    footerHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    data: {
-        type: {
-            (arrayLength: number): Record<string, any>[];
-            (...items: Record<string, any>[]): Record<string, any>[];
-            new (arrayLength: number): Record<string, any>[];
-            new (...items: Record<string, any>[]): Record<string, any>[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-        default: () => never[];
-    };
-    tableColumns: {
-        type: PropType<TableColumn[]>;
-        default: () => never[];
-    };
-    buttons: {
-        type: PropType<buttonType[]>;
-        default: () => never[];
-    };
-    buttonWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    align: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    maxHeight: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    footerHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    data: Record<string, any>[];
-    maxHeight: string;
-    height: number;
-    align: string;
-    tableColumns: TableColumn[];
-    buttons: buttonType[];
-    buttonWidth: string | number;
-    footerHeight: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    tableRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/MenuTree/components/index.vue.d.ts

@@ -1,44 +0,0 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    menuList: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => never[];
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    handleMenuItemClick: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    menuList: {
-        type: {
-            (arrayLength: number): any[];
-            (...items: any[]): any[];
-            new (arrayLength: number): any[];
-            new (...items: any[]): any[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => never[];
-    };
-}>> & Readonly<{
-    onHandleMenuItemClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    menuList: any[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/MenuTree/components/menuIcon.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    icon: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/MenuTree/components/subMenu.vue.d.ts

@@ -1,18 +0,0 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    routeData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    handleMenuItemClick: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    routeData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>> & Readonly<{
-    onHandleMenuItemClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    routeData: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/Pagination/index.vue.d.ts

@@ -1,54 +0,0 @@
-declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
-    total: {
-        required: true;
-        type: NumberConstructor;
-    };
-    page: {
-        type: NumberConstructor;
-        default: number;
-    };
-    limit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    pagerCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    onPagination: {
-        type: FunctionConstructor;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:page": (...args: any[]) => void;
-    "update:limit": (...args: any[]) => void;
-    pagination: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    total: {
-        required: true;
-        type: NumberConstructor;
-    };
-    page: {
-        type: NumberConstructor;
-        default: number;
-    };
-    limit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    pagerCount: {
-        type: NumberConstructor;
-        default: number;
-    };
-    onPagination: {
-        type: FunctionConstructor;
-    };
-}>> & Readonly<{
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:limit"?: ((...args: any[]) => any) | undefined;
-    onPagination?: ((...args: any[]) => any) | undefined;
-}>, {
-    page: number;
-    limit: number;
-    pagerCount: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/index.d.ts

@@ -1,13 +0,0 @@
-import { default as ContentWarp } from './ContentWarp/index.vue';
-import { default as Dialog } from './Dialog/index.vue';
-import { default as EasyForm, componentsMap, getPlaceholder } from './EasyForm/index.vue';
-import { default as EasyTable } from './EasyTable/index.vue';
-import { default as MenuTree } from './MenuTree/components/index.vue';
-import { default as Pagination } from './Pagination/index.vue';
-export { ContentWarp, Dialog, EasyForm, EasyTable, MenuTree, Pagination, componentsMap, getPlaceholder };
-export declare const install: (app: any, options: any) => void;
-declare const _default: {
-    install: (app: any, options: any) => void;
-};
-export default _default;
-export type { Options, FormItem, Rule, Placement, TableColumn, buttonType, ComponentMapType, } from './types';